htmlacademy-adaptive · Devexlein · Nov 28, 2025 · Nov 28, 2025 · Nov 28, 2025 · Dec 2, 2025
diff --git a/Readme.md b/Readme.md
@@ -1,7 +1,8 @@
 # Личный проект «Кэт энерджи»
 
 * Студент: [Людмила Скрипкина](https://up.htmlacademy.ru/adaptive-individual/2/user/1750975).
-* Наставник: `Неизвестно`.
+* Наставник: [Ирина Антипина](https://htmlacademy.ru/profile/id2108789).
+* Сайт: [Мой проект "Кэт энерджи"](https://devexlein.github.io/1750975-cat-energy-2/).
 
 ---
 

diff --git a/source/404.html b/source/404.html
@@ -1,14 +1,17 @@
 <!DOCTYPE html>
 <html class="page" lang="ru">
-  <head>
-    <meta charset="UTF-8">
-    <title>404</title>
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <link rel="stylesheet" href="styles/styles.css">
-    <script src="scripts/index.js" defer></script>
-  </head>
-  <body class="page__body">
-    <h1>404</h1>
-    <p>Страница не найдена. <a href="/">Перейти на главную</a>.</p>
-  </body>
+
+<head>
+  <meta charset="UTF-8">
+  <title>404</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <link rel="stylesheet" href="styles/styles.css">
+  <script src="scripts/index.js" defer></script>
+</head>
+
+<body class="page__body">
+  <h1>404</h1>
+  <p>Страница не найдена. <a href="/">Перейти на главную</a>.</p>
+</body>
+
 </html>
diff --git a/source/catalog.html b/source/catalog.html
diff --git a/source/favicon.ico b/source/favicon.ico
diff --git a/source/favicons/favicon-180.png b/source/favicons/favicon-180.png
diff --git a/source/favicons/favicon-192.png b/source/favicons/favicon-192.png
diff --git a/source/favicons/favicon-512.png b/source/favicons/favicon-512.png
diff --git a/source/favicons/favicon.svg b/source/favicons/favicon.svg
diff --git a/source/fonts/oswald/oswaldregular.woff → source/fonts/oswald/oswald-regular.woff b/source/fonts/oswald/oswaldregular.woff → source/fonts/oswald/oswald-regular.woff
diff --git a/source/fonts/oswald/oswaldregular.woff2 → source/fonts/oswald/oswald-regular.woff2 b/source/fonts/oswald/oswaldregular.woff2 → source/fonts/oswald/oswald-regular.woff2
diff --git a/source/form.html b/source/form.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html class="page" lang="ru">
+
+<head>
+  <meta charset="utf-8">
+  <title>CAT ENERGY — Подбор программы</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="keywords" content="CAT ENERGY, фитнес еда для котов, здоровый кот, счастливый кот">
+  <meta name="description" content="Интернет-магазин фитнес еды для котов">
+  <meta property="og:url" content="https://devexlein.github.io/1750975-cat-energy-2/">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="CAT ENERGY - функциональное питание для котов">
+  <meta property="og:description" content="CAT ENERGY - подбор программы для вашего питомца">
+  <!-- preloader -->
+  <link rel="preload" href="fonts/oswald/oswald-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+  <link rel="preload" href="fonts/lato/Lato-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
+  <!-- favicons -->
+  <link rel="icon" href="favicon.ico">
+  <link rel="icon" href="favicons/favicon.svg" type="image/svg+xml">
+  <link rel="apple-touch-icon" href="favicons/favicon-180.png">
+  <link rel="manifest" href="manifest.webmanifest">
+  <!-- styles -->
+  <link rel="stylesheet" href="styles/styles.css">
+  <!-- scripts -->
+  <script src="scripts/index.js" defer></script>
+</head>
+
+<body class="page__body">
+  <!-- Шапка -->
+  <header class="page__header main-header">
+    <a class="main-header__logo logo" href="index.html">
+      <picture>
+        <source media="(min-width: 1280px)" srcset="images/logo-image-desktop.svg" width="70" height="59" type="image/svg+xml">
+        <source media="(min-width: 768px)" srcset="images/logo-image-tablet.svg" width="60" height="50" type="image/svg+xml">
+        <img class="logo__image" src="images/logo-image-mobile.svg" width="33" height="38" alt="Логотип">
+      </picture>
+      <img class="logo__text" src="images/logo-text.svg" width="101" height="18" lang="en" alt="Cat Energy">
+    </a>
+    <!-- Модификатор для открытого меню - opened, закрытого - closed -->
+    <!-- Если JS у пользователя выключен, модификатор - nojs -->
+    <nav class="main-header__nav main-nav main-nav--nojs">
+      <button class="main-nav__toggle" type="button">
+        <span class="visually-hidden">Открыть меню</span>
+      </button>
+      <ul class="main-nav__list">
+        <li class="main-nav__item">
+          <a class="main-nav__link" href="index.html">Главная</a>
+        </li>
+        <li class="main-nav__item">
+          <a class="main-nav__link" href="catalog.html">Каталог продукции</a>
+        </li>
+        <li class="main-nav__item">
+          <a class="main-nav__link main-nav__link--current" href="#" aria-current="page">Подбор программы</a>
+        </li>
+      </ul>
+    </nav>
+  </header>
+  <!-- Главная страница сайта -->
+  <main class="page__main program-selection">
+    <h1 class="program-selection__title section-title">Подбор программы</h1>
+    <p class="program-selection__description">Заполните анкету и мы подберем программу питания для вашего кота</p>
+    <form class="program-selection__form form" action="https://echo.htmlacademy.ru" method="post">
+      <fieldset class="form__group">
+        <legend class="visually-hidden">Заполните данные вашего питомца</legend>
+        <ul class="form__group-list">
+          <li class="form__group-item">
+            <label class="form__label field-label" for="cat-name">ИМЯ:*</label>
+            <input class="form__input field-input" id="cat-name" type="text" name="cat-name" placeholder="Барсик" required>
+          </li>
+          <li class="form__group-item">
+            <label class="form__label field-label" for="cat-weight">Вес (кг):*</label>
+            <input class="form__input field-input" id="cat-weight" type="number" name="cat-weight" placeholder="7" required>
+          </li>
+          <li class="form__group-item">
+            <label class="form__label field-label" for="cat-age">Возраст (лет):</label>
+            <input class="form__input field-input" id="cat-age" type="number" name="cat-age" placeholder="7">
+          </li>
+        </ul>
+      </fieldset>
+      <fieldset class="form__group form__group--border">
+        <legend class="visually-hidden">Выберите направление программы для вашего питомца</legend>
+        <ul class="form__group-list">
+          <li class="form__group-item">
+            <label class="form__control-label field-label" for="program-slim">Похудение</label>
+            <input class="form__control-input control-input" id="program-slim" type="radio" name="type-of-program" value="slim" checked>
+          </li>
+          <li class="form__group-item">
+            <label class="form__control-label field-label" for="program-pro">Набор массы</label>
+            <input class="form__control-input control-input" id="program-pro" type="radio" name="type-of-program" value="pro">
+          </li>
+          <li class="form__group-item">
+            <label class="form__control-label field-label" for="advice">Не знаю (нужен ваш совет)</label>
+            <input class="form__control-input control-input" id="advice" type="radio" name="type-of-program" value="advice">
+          </li>
+        </ul>
+      </fieldset>
+      <fieldset class="form__group">
+        <legend class="form__group-title section-subtitle--short section-subtitle">Контактные данные (владельца кота)</legend>
+        <ul class="form__group-list">
+          <li class="form__group-item form__group-item--img-email">
+            <label class="form__label field-label" for="cat-owner-email">E-mail:*</label>
+            <!-- Если поле заполнено неверно, добавить к field-input модификатор invalid -->
+            <input class="form__input field-input" id="cat-owner-email" type="email" name="cat-owner-email" placeholder="kuklachev@gmail.com" required>
+          </li>
+          <li class="form__group-item form__group-item--img-phone">
+            <label class="form__label field-label" for="cat-owner-phone">Телефон:*</label>
+            <input class="form__input field-input" id="cat-owner-phone" type="tel" name="cat-owner-phone" placeholder="8 (960) 900-60-90" required>
+          </li>
+        </ul>
+      </fieldset>
+      <fieldset class="form__group">
+        <legend class="form__group-title section-subtitle">Комментарий</legend>
+        <label class="visually-hidden" for="comment">Заполните важную информацию о вашем питомце, которая не нашла отражения выше</label>
+        <textarea class="form__comment-field field-input" id="comment" name="comment" placeholder="Расскажите обо всех повадках кота"></textarea>
+      </fieldset>
+      <fieldset class="form__group">
+        <legend class="form__group-title section-subtitle">Дополнительно</legend>
+        <ul class="form__group-list">
+          <li class="form__group-item">
+            <label class="form__control-label field-label" for="sweetener">Сахарозаменитель</label>
+            <input class="form__control-input control-input" id="sweetener" type="checkbox" name="sweetener" checked>
+          </li>
+          <li class="form__group-item">
+            <label class="form__control-label field-label" for="drinking-water">Питьевая вода</label>
+            <input class="form__control-input control-input" id="drinking-water" type="checkbox" name="drinking-water">
+          </li>
+          <li class="form__group-item">
+            <label class="form__control-label field-label" for="milk">Молоко</label>
+            <input class="form__control-input control-input" id="milk" type="checkbox" name="milk">
+          </li>
+          <li class="form__group-item">
+            <label class="form__control-label field-label" for="vitamins">Витамины</label>
+            <input class="form__control-input control-input" id="vitamins" type="checkbox" name="vitamins" value="advice">
+          </li>
+        </ul>
+      </fieldset>
+      <button class="form__button button" type="submit">Отправить заявку</button>
+      <p class="form__note">* — Обязательные поля</p>
+    </form>
+  </main>
+  <!-- Футер -->
+  <footer class="page__footer main-footer">
+    <section class="main-footer__address address">
+      <h2 class="visually-hidden">Адрес офиса компании</h2>
+      <div class="address__content-wrap">
+        <p class="address__text">Приглашаем к&nbsp;сотрудничеству дилеров!</p>
+        <p class="address__location">
+          <span class="address__location-street">ул.&nbsp;Большая Конюшенная,&nbsp;д.&nbsp;19/8</span>
+          <span class="address__location-city">Санкт&#8209;Петербург</span>
+        </p>
+      </div>
+      <div class="address__map">
+        <h2 class="visually-hidden">Как до нас добраться</h2>
+        <iframe class="address__map-iframe" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.6037876728562!2d30.320472478050274!3d59.93871647491518!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca3de3a1%3A0xc7af30764648c6b1!2z0JHQvtC70YzRiNCw0Y8g0JrQvtC90Y7RiNC10L3QvdCw0Y8g0YPQuy4sINC0LiAxOS84LCDQodCw0L3QutGCLdCf0LXRgtC10YDQsdGD0YDQsywgMTkxMTg2!5e0!3m2!1sru!2sru!4v1766597941287!5m2!1sru!2sru" width="320" height="362" allowfullscreen title="Офис компании по адресу ул.Большая Конюшенная, 19/8, Санкт-Петербург" loading="lazy"></iframe>
+        <picture class="address__map-bg">
+          <source media="(min-width: 1280px)" srcset="images/map/map-bg-desktop@1x.webp 1x, images/map/map-bg-desktop@2x.webp 2x" width="1440" height="400" type="image/webp">
+          <source media="(min-width: 540px)" srcset="images/map/map-bg-tablet@1x.webp 1x, images/map/map-bg-tablet@2x.webp 2x" width="768" height="400" type="image/webp">
+          <source srcset="images/map/map-bg-mobile@1x.webp 1x, images/map/map-bg-mobile@2x.webp 2x" type="image/webp">
+
+          <source media="(min-width: 1280px)" srcset="images/map/map-bg-desktop@1x.jpg 1x, images/map/map-bg-desktop@2x.jpg 2x" width="1440" height="400" type="image/jpeg">
+          <source media="(min-width: 540px)" srcset="images/map/map-bg-tablet@1x.jpg 1x, images/map/map-bg-tablet@2x.jpg 2x" width="768" height="400" type="image/jpeg">
+          <img class="address__map-image" src="images/map/map-bg-mobile@1x.jpg" srcset="images/map/map-bg-mobile@2x.jpg 2x" width="320" height="362" loading="lazy" alt="Офис компании Cat Energy на карте города">
+        </picture>
+      </div>
+    </section>
+    <div class="main-footer__wrap">
+      <a class="main-footer__logo logo" href="index.html">
+        <img class="logo__text" src="images/logo-text.svg" width="128" height="24" lang="en" alt="Cat Energy">
+      </a>
+      <ul class="main-footer__social social">
+        <li class="social__item">
+          <a class="social__link social__link--vk" href="https://vk.com/htmlacademy" target="_blank" rel="noreferrer noopener">
+            <span class="visually-hidden">Перейти в социальную сеть Vkontakte</span>
+          </a>
+        </li>
+        <li class="social__item">
+          <a class="social__link social__link--youtube" href="https://www.youtube.com/user/htmlacademyru" target="_blank" rel="noreferrer noopener">
+            <span class="visually-hidden">Перейти в социальную сеть Youtube</span>
+          </a>
+        </li>
+        <li class="social__item">
+          <a class="social__link social__link--telegram" href="https://t.me/htmlacademy" target="_blank" rel="noreferrer noopener">
+            <span class="visually-hidden">Перейти в социальную сеть Telegram</span>
+          </a>
+        </li>
+      </ul>
+      <a class="main-footer__copyright copyright" href="https://htmlacademy.ru/intensive/adaptive" target="_blank" rel="noreferrer noopener" aria-label="Перейти на сайт разработчика">HTML Academy</a>
+    </div>
+  </footer>
+</body>
+
+</html>
diff --git a/source/icons/arrow-right.svg b/source/icons/arrow-right.svg
diff --git a/source/icons/cat-pro.svg b/source/icons/cat-pro.svg
diff --git a/source/icons/cat-slim.svg b/source/icons/cat-slim.svg
diff --git a/source/icons/email-stroke.svg b/source/icons/email-stroke.svg