htmlacademy-adaptive · keksobot · Dec 2, 2024 · Oct 29, 2024 · Nov 20, 2024 · Nov 22, 2024
diff --git a/Readme.md b/Readme.md
@@ -1,7 +1,7 @@
 # Личный проект «Кэт энерджи»
 
 * Студент: [Дима Касаткин](https://up.htmlacademy.ru/adaptive-individual/1/user/2553233).
-* Наставник:[Ярослав Шевцов](https://htmlacademy.ru/profile/redx).
+* Наставник: [Ярослав Шевцов](https://htmlacademy.ru/profile/redx).
 
 ---
 

diff --git a/source/catalog.html b/source/catalog.html
diff --git a/source/form.html b/source/form.html
@@ -3,29 +3,30 @@
   <head>
     <meta charset="utf-8">
     <title>HTML Academy: Кэт энерджи</title>
+    <link href="css/style.css" rel="stylesheet">
   </head>
   <body class="page__body">
-    <header class="main-header">
-      <a class="logo">
-        <img src="img/logo.svg" height="50px" width="60px" alt="Кэт энерджи">
+    <header class="main-header main-header--secondary">
+      <a class="main-header__logo">
+        <img src="img/logo.svg" height="38px" width="33px" alt="Кэт энерджи">
         <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>
         <div class="main-nav__wrapper">
           <ul class="main-nav__list">
             <li class="main-nav__item">
-              <a href="index.html">
+              <a class="main-nav__link" href="index.html">
                 Главная
               </a>
             </li>
             <li class="main-nav__item">
-              <a href="catalog.html">
+              <a class="main-nav__link" href="catalog.html">
                 Каталог продукций
               </a>
             </li>
             <li class="main-nav__item main-nav__item--active">
-              <a>
+              <a class="main-nav__link" href="#">
                 Подбор программы
               </a>
             </li>
@@ -38,7 +39,7 @@
       <section class="program-selection">
         <div class="program-selection__wrapper">
           <h1 class="program-selection__title">Подбор программы</h1>
-          <p class="program-selection__description">Заполните анкету, и мы подберем программу питания для вашего кота</p>
+          <p class="program-selection__description">Заполните анкету, и мы подберем<br> программу питания для вашего кота</p>
           <form class="form" action="https://echo.htmlacademy.ru/" method="get">
             <div class="form__description">
               <h2 class="visually-hidden">Описание кота</h2>
@@ -51,7 +52,7 @@ <h2 class="visually-hidden">Описание кота</h2>
                 <input class="form__input-value" type="number" id="cat-weight" name="cat-weight" value="7" required>
               </p>
               <p class="form__input">
-                <label class="form__input-name" for="cat-age">Возраст (лет):</label>
+                <label class="form__input-name" for="cat-age">Возраст(лет):</label>
                 <input class="form__input-value" type="number" id="cat-age" name="cat-age" value="7" required>
               </p>
             </div>
@@ -90,11 +91,13 @@ <h2 class="form__title">Контактные данные (владельца к
               </p>
             </div>
             <div class="form__comment">
-              <h2 class="form__title">Комментарий</h2>
-              <textarea name="comment-value" placeholder="Расскажите обо всех повАдках кота"></textarea>
+              <h2 class="form__title form__title--comment">Комментарий</h2>
+              <p class="form__textarea">
+                <textarea class="form__textarea-discription" name="comment-value" placeholder="Расскажите обо всех повАдках кота"></textarea>
+              </p>
             </div>
             <div class="form__additional control">
-              <h2 class="control__title">Дополнительно</h2>
+              <h2 class="form__title form__title--additional">Дополнительно</h2>
               <ul class="control__list">
                 <li class="control__item">
                   <label class="control__label">
@@ -122,7 +125,7 @@ <h2 class="control__title">Дополнительно</h2>
                 </li>
               </ul>
             </div>
-            <button class="form__submit submin" type="submit">Отправить заявку</button>
+            <button class="button form__submit" type="submit">Отправить заявку</button>
             <small class="form__legend">
               * — Обязательные поля
             </small>
@@ -139,8 +142,8 @@ <h2 class="visually-hidden">Сотрудничество</h2>
             Конюшенная, д. 19/8<br>
             Санкт-Петербург
           </p>
-          <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>
+         </div>
+          <iframe class="cooperation__map" 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>
       </section>
     </main>
 

diff --git a/source/img/background-additional-goods-resent.png b/source/img/background-additional-goods-resent.png
diff --git a/source/img/index-background.png b/source/img/index-background.png
diff --git a/source/img/index-can.png b/source/img/index-can.png
diff --git a/source/img/nav-open.svg b/source/img/nav-open.svg