Верстка, все страницы

htmlacademy-adaptive · Nov 2, 2024 · 6ffd36d · 6ffd36d
1 parent ae8d71e
commit 6ffd36d
Show file tree

Hide file tree

Showing 11 changed files with 534 additions and 20 deletions.
diff --git a/source/catalog.html b/source/catalog.html
diff --git a/source/form.html b/source/form.html
diff --git a/source/img/cat-energy-pro-1000-buckwheat.png b/source/img/cat-energy-pro-1000-buckwheat.png
diff --git a/source/img/cat-energy-pro-1000-chiken.png b/source/img/cat-energy-pro-1000-chiken.png
diff --git a/source/img/cat-energy-pro-1000-fish.png b/source/img/cat-energy-pro-1000-fish.png
diff --git a/source/img/cat-energy-pro-500-buckwheat.png b/source/img/cat-energy-pro-500-buckwheat.png
diff --git a/source/img/cat-energy-pro-500-chiken.png b/source/img/cat-energy-pro-500-chiken.png
diff --git a/source/img/cat-energy-pro-500-fish.png b/source/img/cat-energy-pro-500-fish.png
diff --git a/source/img/cat-energy-pro-500-rice.png b/source/img/cat-energy-pro-500-rice.png
diff --git a/source/img/site-name.svg b/source/img/site-name.svg
diff --git a/source/index.html b/source/index.html
@@ -8,8 +8,7 @@
     <header class="main-header">
       <a class="site__logo">
         <img src="img/logo.svg" height="50px" width="60px" alt="Кэт энерджи">
-        <p class="site__logo-title-bold">CAT</p>
-        <p class="site__logo-title-default">ENERGY</p>
+        <img src="img/site-name.svg" height="18px" width="101px" alt="Название сайта CAT ENERGY">
       </a>
       <nav class="main-nav">
         <button class="main-nav__toggle" type="button"><span class="visually-hidden">Открыть меню</span></button>
@@ -21,33 +20,31 @@
               </a>
             </li>
             <li class="main-nav__item">
-              <a href="#">
+              <a href="catalog.html">
                 Каталог продукций
               </a>
             </li>
             <li class="main-nav__item">
-              <a href="#">
+              <a href="form.html">
                 Подбор программы
               </a>
             </li>
           </ul>
         </div>
       </nav>
     </header>
-    <main class="main-container">
-
-      <h1 class="visually-hidden">CAT ENERGY - Функциональное питание для котов</h1>
 
+    <main class="main-container">
       <section class="programs">
         <div class="programs__wrapper">
           <header class="programs__header">
-            <h2 class="programs__title">Функциональное питание для котов</h2>
+            <h1 class="programs__title">Функциональное питание для котов</h1>
             <p class="programs__slogan">Занялся собой? Займись котом!</p>
-            <button class="programs__button">Подобрать программу</button>
+            <a class="button programs__button">Подобрать программу</button>
           </header>
           <div class="programs__list">
             <div class="programs__item">
-              <h3 class="programs__item-title">Похудение</h3>
+              <h2 class="programs__item-title">Похудение</h2>
               <p class="programs__item-description">
                 Ваш кот весит больше собаки и почти утратил способность<br>
                 лазить по деревьям? Пора на диету! Cat Energy Slim поможет<br>
@@ -56,7 +53,7 @@ <h3 class="programs__item-title">Похудение</h3>
               <a class="programs__item-link">Каталог SLIM</a>
             </div>
             <div class="programs__item">
-              <h3 class="programs__item-title">Набор массы</h3>
+              <h2 class="programs__item-title">Набор массы</h2>
               <p class="programs__item-description">
                 Заработать авторитет среди дворовых котов и даже собак?<br>
                 Серия Cat Energy Pro поможет вашему коту нарастить<br>
@@ -108,11 +105,11 @@ <h2 class="advantages__title">Как это работает</h2>
         <div class="life-example__wrapper">
           <h2 class="life-example__title">Живой пример</h2>
           <p class="life-example__description">
-            Борис сбросил 5 кг за 2 месяца, просто<br>
-            заменив свой обычный корм на Cat Energy<br>
-            Slim. Отличный результат без изнуряющих<br>
-            тренировок! При этом он не менял своих<br>
-            привычек и по-прежнему спит по 16 часов<br>
+            Борис сбросил 5 кг за 2 месяца, просто
+            заменив свой обычный корм на Cat Energy
+            Slim. Отличный результат без изнуряющих
+            тренировок! При этом он не менял своих
+            привычек и по-прежнему спит по 16 часов
             в день.
           </p>
           <ul class="life-example__weight-and-time-list">
@@ -140,7 +137,7 @@ <h2 class="visually-hidden">Сотрудничество</h2>
             Конюшенная, д. 19/8<br>
             Санкт-Петербург
           </p>
-          <img src="img/location.png" width="320px" height="362px" alt="Расположение офиса CAT ENERGY">
+          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.6036257198161!2d30.32047247732078!3d59.93871916209359!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca145cc1%3A0x42b32648d8238007!2z0JHQvtC70YzRiNCw0Y8g0JrQvtC90Y7RiNC10L3QvdCw0Y8g0YPQuy4sIDE5LzgsINCh0LDQvdC60YIt0J_QtdGC0LXRgNCx0YPRgNCzLCAxOTExODY!5e0!3m2!1sru!2sru!4v1730462590686!5m2!1sru!2sru" width="320" height="362" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
         </div>
       </section>
     </main>
@@ -149,9 +146,7 @@ <h2 class="visually-hidden">Сотрудничество</h2>
       <div class="main-footer__wrapper">
         <div class="main-footer__logo">
           <a class="site__logo">
-            <p class="site__logo-title-bold">CAT</p>
-            <p class="site__logo-title-default">ENERGY</p>
-          </a>
+            <img src="img/site-name.svg" height="18px" width="101px" alt="Название сайта CAT ENERGY">          </a>
         </div>
         <div class="main-footer__social social">
           <ul class="social__list">