Merge pull request #4 from LailaAlba/module3-task1

Стилизация
LailaAlba · Dec 8, 2024 · 0c7b7b2 · 0c7b7b2
2 parents 5890cd7 + 7347ed4
commit 0c7b7b2
Show file tree

Hide file tree

Showing 95 changed files with 475 additions and 148 deletions.
diff --git a/source/catalog.html b/source/catalog.html
@@ -13,7 +13,7 @@
   <header class="main-header">
     <a class="main-header__logo" href="index.html">
       <picture>
-        <source media="(min-width: 768px)" type="source" srcset="./images/logo-tablet.svg">
+        <source media="(min-width: 768px)" srcset="./images/logo-tablet.svg">
         <img src="./images/logo-mobile.svg" alt="Логотип кокой">
       </picture>
     </a>
@@ -23,10 +23,10 @@
       </button>
       <ul class="main-nav__list site-list">
         <li class="site-list__item">
-          <a class="site-list__link" href="./index.html">Главная</a>
+          <a class="site-list__link" href="#">Главная</a>
         </li>
         <li class="site-list__item">
-          <a class="site-list__link" href="#">Каталог продукции</a>
+          <a class="site-list__link" href="./catalog.html">Каталог продукции</a>
         </li>
         <li class="site-list__item">
           <a class="site-list__link" href="#">Подбор программы</a>
@@ -170,28 +170,54 @@ <h1 class="subscribe__title">Акции и новинки</h1>
   </main>
 
   <footer class="footer">
-    <div class="footer__wrapper">
-      <h2 class="footer__title">Приглашаем к сотрудничеству дилеров!</h2>
-      <p class="footer__text">ул. Большая Конюшенная, д. 19/8 Санкт-Петербург</p>
-      <div class="footer__map"><a class="map__spb" href="#" aria-label="Карта СПб"></a>
+    <section class="contacts">
+      <div class="contacts__invite invite">
+        <h2 class="invite__title">Приглашаем к сотрудничеству дилеров!</h2>
+        <p class="invite__text">ул. Большая Конюшенная, д. 19/8 Санкт-Петербург</p>
       </div>
-      <div class="footer__elements"><a class="footer-logo" href="#" aria-label="Логотип Cat Energy">
+      <div class="contacts__map map">
+        <div class="map__google"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.603787672858!2d30.32047247697675!3d59.938716474915154!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca145cc1%3A0x42b32648d8238007!2z0JHQvtC70YzRiNCw0Y8g0JrQvtC90Y7RiNC10L3QvdCw0Y8g0YPQuy4sIDE5LzgsINCh0LDQvdC60YIt0J_QtdGC0LXRgNCx0YPRgNCzLCDQoNC-0YHRgdC40Y8sIDE5MTE4Ng!5e0!3m2!1sru!2srs!4v1732124999449!5m2!1sru!2srs" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
+        <div class="map__image">
+          <picture>
+            <img src="../../images/location.png" alt="Карта с локацией местоположения" width="320px" height="362px">
+          </picture>
+        </div>
+      </div>
+    </section>
+
+    <div class="footer__elements">
+      <div class="footer__container">
+        <a class="footer__logo" href="#">
+          <picture>
+            <source media="(min-width: 768px)" srcset="./images/logo-mobile-text.svg">
+            <img src="./images/logo-mobile-text.svg" alt="Логотип Кэт Энерджи" width="128px" height="24px">
+          </picture>
         </a>
-        <ul class="social-links">
-          <li class="social-links__item">
-            <a class="social-link social-link--vk" href="#" aria-label="Переход во вконтакте">
-            </a>
-          </li>
-          <li class="social-links__item">
-            <a class="social-link social-link-youtube" href="#" aria-label="Переход в youtube">
-            </a>
-          </li>
-          <li class="social-links__item">
-            <a class="social-link social-link-telegram" href="#" aria-label="Переход в телеграм">
-            </a>
-          </li>
-        </ul><a class="footer-link" href="#">
-          <span>HTML Academy</span>
+      </div>
+
+      <ul class="social">
+        <li class="social__item">
+          <a class="social__link social__link--vk" href="#" aria-label="Переход во вконтакте">
+          </a>
+        </li>
+        <li class="social__item">
+          <a class="social__link social__link--youtube" href="#" aria-label="Переход в youtube">
+          </a>
+        </li>
+        <li class="social__item">
+          <a class="social__link social__link--telegram" href="#" aria-label="Переход в телеграм">
+          </a>
+        </li>
+      </ul>
+
+      <div class="link__developer">
+
+        <a class="footer__link" href="https://htmlacademy.ru/">
+          <img src="./images/html-academy.svg" alt="Логотип Разработчика">
+        </a>
+
+        <a class="footer__pin" href="https://htmlacademy.ru/">
+          <img src="./images/html-academy-pin.svg" alt="Значок Разработчика">
         </a>
       </div>
     </div>

diff --git a/source/favicon.ico b/source/favicon.ico
diff --git a/source/favicons/152.png b/source/favicons/152.png
diff --git a/source/favicons/16.png b/source/favicons/16.png
diff --git a/source/favicons/32.png b/source/favicons/32.png
diff --git a/source/icons/html-academy.svg b/source/icons/html-academy.svg
diff --git a/source/images/after-mobile.png b/source/images/after-mobile.png
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/after-tablet.png b/source/images/after-tablet.png
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/before-mobile.png b/source/images/before-mobile.png
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/before-tablet.png b/source/images/before-tablet.png
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/buckwheat1000@[email protected] b/source/images/buckwheat1000@[email protected]
diff --git a/source/images/buckwheat1000@[email protected] b/source/images/buckwheat1000@[email protected]
diff --git a/source/images/buckwheat1000@[email protected] b/source/images/buckwheat1000@[email protected]
diff --git a/source/images/buckwheat1000@[email protected] b/source/images/buckwheat1000@[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/buckwheat500@[email protected] b/source/images/buckwheat500@[email protected]
diff --git a/source/images/buckwheat500@[email protected] b/source/images/buckwheat500@[email protected]
diff --git a/source/images/buckwheat500@[email protected] b/source/images/buckwheat500@[email protected]
diff --git a/source/images/buckwheat500@[email protected] b/source/images/buckwheat500@[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/cat-case@[email protected] b/source/images/cat-case@[email protected]
diff --git a/source/images/cat-case@[email protected] b/source/images/cat-case@[email protected]
diff --git a/source/images/cat-case@[email protected] b/source/images/cat-case@[email protected]
diff --git a/source/images/cat-case@[email protected] b/source/images/cat-case@[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/chicken1000@[email protected] b/source/images/chicken1000@[email protected]
diff --git a/source/images/chicken1000@[email protected] b/source/images/chicken1000@[email protected]
diff --git a/source/images/chicken1000@[email protected] b/source/images/chicken1000@[email protected]
diff --git a/source/images/chicken1000@[email protected] b/source/images/chicken1000@[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/chicken500@[email protected] b/source/images/chicken500@[email protected]
diff --git a/source/images/chicken500@[email protected] b/source/images/chicken500@[email protected]
diff --git a/source/images/chicken500@[email protected] b/source/images/chicken500@[email protected]
diff --git a/source/images/chicken500@[email protected] b/source/images/chicken500@[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/fish1000@[email protected] b/source/images/fish1000@[email protected]
diff --git a/source/images/fish1000@[email protected] b/source/images/fish1000@[email protected]
diff --git a/source/images/fish1000@[email protected] b/source/images/fish1000@[email protected]
diff --git a/source/images/fish1000@[email protected] b/source/images/fish1000@[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/[email protected] b/source/images/[email protected]
diff --git a/source/images/fish500@[email protected] b/source/images/fish500@[email protected]
diff --git a/source/images/fish500@[email protected] b/source/images/fish500@[email protected]
diff --git a/source/images/fish500@[email protected] b/source/images/fish500@[email protected]
diff --git a/source/images/fish500@[email protected] b/source/images/fish500@[email protected]
diff --git a/source/images/html-academy-pin.svg b/source/images/html-academy-pin.svg