diff --git a/package-lock.json b/package-lock.json
index be6a7bf..aa3db5a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,13 +1,13 @@
 {
   "name": "cat-energy-2",
-  "version": "1.0.0",
-  "description": "Личный проект «Кэт энерджи» от HTML Academy",
+  "version": "2.0.7",
   "lockfileVersion": 3,
   "requires": true,
+  "description": "Личный проект «Кэт энерджи» от HTML Academy",
   "packages": {
     "": {
-      "name": "htmlacademy-gulp-template",
-      "version": "2.0.6",
+      "name": "cat-energy-2",
+      "version": "2.0.7",
       "devDependencies": {
         "@htmlacademy/editorconfig-cli": "3.0.0",
         "@linthtml/linthtml": "0.9.6",
diff --git a/source/catalog.html b/source/catalog.html
index e69de29..20446fb 100644
--- a/source/catalog.html
+++ b/source/catalog.html
@@ -0,0 +1,266 @@
+<!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="питание, здоровье, кот, кошка, коты, кошки, интернет-магазин">
+  <meta name="description" content="Магазин здорового питания для котов, кошек">
+  <link rel="stylesheet" href="styles/styles.css">
+  <script src="scripts/index.js" defer></script>
+</head>
+
+<body class="page__body">
+  <header class="page__header header">
+    <nav class="header__navigation navigation">
+      <a class="header__logo logo" href="index.html">
+        <img class="logo__mobile" src="/" width="100" height="100" alt="Логотип сайта Кэт Энерджи">
+      </a>
+      <a class="logo-text" href="index.html">
+        <img src="/" width="100" height="100" alt="Логотип с текстом 'CAT ENERGY'">
+      </a>
+      <button class="button" type="button">
+        <span class="visually-hidden">Расскрытие главного меню</span>
+      </button>
+      <ul class="main-navigation navigation">
+        <li class="navigation__item">
+          <a class="navigation__link" href="index.html">Главная</a>
+        </li>
+        <li class="navigation__item">
+          <a class="navigation__link" href="#">Каталог продукции</a>
+        </li>
+        <li class="navigation__item">
+          <a class="navigation__link" href="#">Подбор программы</a>
+        </li>
+      </ul>
+    </nav>
+  </header>
+  <main class="page__main">
+    <section class="catalog">
+      <h1 class="catalog__title">Каталог продукции</h1>
+      <ul class="catalog__list">
+        <li class="catalog__item product-card">
+          <div class="product-card__image-wrapper">
+            <a class="product-card__link" href="#">
+              <img class="product-card__image" src="/" width="100" height="100" alt="Cat energy pro 500 г">
+            </a>
+          </div>
+          <div class="product-card__info-wrapper">
+            <a class="product-card__link" href="#">
+              <h2 class="product-card__title">Cat energy pro 500 г</h2>
+            </a>
+            <div class="product-card__desc-wrapper">
+              <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">500 г</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Курица</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Цена</span><span class="product-card__value">700 &#8381;</span></p>
+            </div>
+          </div>
+          <a class="product-card__button" href="#">Заказать</a>
+        </li>
+        <li class="catalog__item product-card">
+          <div class="product-card__image-wrapper">
+            <a class="product-card__link" href="#">
+              <img class="product-card__image" src="/" width="100" height="100" alt="Cat energy pro 1000 г">
+            </a>
+          </div>
+          <div class="product-card__info-wrapper">
+            <a class="product-card__link" href="#">
+              <h2 class="product-card__title">Cat energy pro 1000 г</h2>
+            </a>
+            <div class="product-card__desc-wrapper">
+              <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">1000 г</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Курица</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Цена</span><span class="product-card__value">1000 &#8381;</span></p>
+            </div>
+          </div>
+          <a class="product-card__button" href="#">Заказать</a>
+        </li>
+        <li class="catalog__item product-card">
+          <div class="product-card__image-wrapper">
+            <a class="product-card__link" href="#">
+              <img class="product-card__image" src="/" width="100" height="100" alt="Cat energy pro 500 г">
+            </a>
+          </div>
+          <div class="product-card__info-wrapper">
+            <a class="product-card__link" href="#">
+              <h2 class="product-card__title">Cat energy pro 500 г</h2>
+            </a>
+            <div class="product-card__desc-wrapper">
+              <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">500 г</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Рыба</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Цена</span><span class="product-card__value">700 &#8381;</span></p>
+            </div>
+          </div>
+          <a class="product-card__button" href="#">Заказать</a>
+        </li>
+        <li class="catalog__item product-card">
+          <div class="product-card__image-wrapper">
+            <a class="product-card__link" href="#">
+              <img class="product-card__image" src="/" width="100" height="100" alt="Cat energy pro 1000 г">
+            </a>
+          </div>
+          <div class="product-card__info-wrapper">
+            <a class="product-card__link" href="#">
+              <h2 class="product-card__title">Cat energy pro 1000 г</h2>
+            </a>
+            <div class="product-card__desc-wrapper">
+              <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">1000 г</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Рыба</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Цена</span><span class="product-card__value">1000 &#8381;</span></p>
+            </div>
+          </div>
+          <a class="product-card__button" href="#">Заказать</a>
+        </li>
+        <li class="catalog__item product-card">
+          <div class="product-card__image-wrapper">
+            <a class="product-card__link" href="#">
+              <img class="product-card__image" src="/" width="100" height="100" alt="Cat energy slim 500 г">
+            </a>
+          </div>
+          <div class="product-card__info-wrapper">
+            <a class="product-card__link" href="#">
+              <h2 class="product-card__title">Cat energy slim 500 г</h2>
+            </a>
+            <div class="product-card__desc-wrapper">
+              <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">500 г</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Гречка</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Цена</span><span class="product-card__value">400 &#8381;</span></p>
+            </div>
+          </div>
+          <a class="product-card__button" href="#">Заказать</a>
+        </li>
+        <li class="catalog__item product-card">
+          <div class="product-card__image-wrapper">
+            <a class="product-card__link" href="#">
+              <img class="product-card__image" src="/" width="100" height="100" alt="Cat energy slim 1000 г">
+            </a>
+          </div>
+          <div class="product-card__info-wrapper">
+            <a class="product-card__link" href="#">
+              <h2 class="product-card__title">Cat energy slim 1000 г</h2>
+            </a>
+            <div class="product-card__desc-wrapper">
+              <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">1000 г</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Гречка</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Цена</span><span class="product-card__value">700 &#8381;</span></p>
+            </div>
+          </div>
+          <a class="product-card__button" href="#">Заказать</a>
+        </li>
+        <li class="catalog__item product-card">
+          <div class="product-card__image-wrapper">
+            <a class="product-card__link" href="#">
+              <img class="product-card__image" src="/" width="100" height="100" alt="Cat energy slim 500 г">
+            </a>
+          </div>
+          <div class="product-card__info-wrapper">
+            <a class="product-card__link" href="#">
+              <h2 class="product-card__title">Cat energy slim 500 г</h2>
+            </a>
+            <div class="product-card__desc-wrapper">
+              <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">500 г</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Рис</span></p>
+              <p class="product-card__desc"><span class="product-card__prop">Цена</span><span class="product-card__value">500 &#8381;</span></p>
+            </div>
+          </div>
+          <a class="product-card__button" href="#">Заказать</a>
+        </li>
+        <li class="catalog__item product-card">
+          <div class="product-card__info-wrapper">
+            <h2 class="product-card__title">Показать еще 100500 товаров</h2>
+            <p class="product-card__text">На самом деле вкусов гораздо больше!</p>
+          </div>
+          <a class="product-card__button" href="#">Показать все</a>
+        </li>
+      </ul>
+    </section>
+    <section class="sub-products">
+      <h2 class="sub-products__title">Дополнительные товары</h2>
+      <ul class="sub-products__list">
+        <li class="sub-products__item">
+          <h2 class="sub-products__heading">Сахарозаменитель</h2>
+          <p class="sub-products__desc">
+            <span class="sub-products__value">1 упаковка (100 г)</span><span class="sub-products__price">200 &#8381;</span>
+          </p>
+          <a class="sub-products__button" href="#">Заказать</a>
+        </li>
+        <li class="sub-products__item">
+          <h2 class="sub-products__heading">Питьевая вода</h2>
+          <p class="sub-products__desc">
+            <span class="sub-products__value">5 литров</span><span class="sub-products__price">50 &#8381;</span>
+          </p>
+          <a class="sub-products__button" href="#">Заказать</a>
+        </li>
+        <li class="sub-products__item">
+          <h2 class="sub-products__heading">Молоко</h2>
+          <p class="sub-products__desc">
+            <span class="sub-products__value">1 литр</span><span class="sub-products__price">100 &#8381;</span>
+          </p>
+          <a class="sub-products__button" href="#">Заказать</a>
+        </li>
+        <li class="sub-products__item">
+          <h2 class="sub-products__heading">Витамины</h2>
+          <p class="sub-products__desc">
+            <span class="sub-products__value">1 упаковка (30 г)</span><span class="sub-products__price">300 &#8381;</span>
+          </p>
+          <a class="sub-products__button" href="#">Заказать</a>
+        </li>
+      </ul>
+      <div class="sub-products__gift-card">
+        <p>Закажите все и получите чехол для кота в подарок!</p>
+      </div>
+    </section>
+    <section class="subscribe">
+      <h2 class="subscribe__title">Акции и новинки</h2>
+      <div class="subscribe__wrapper">
+        <p>Подпишитесь на наши новости и не пропустите ни одного предложения!</p>
+        <form class="subscribe__form" action="https://echo.htmlacademy.ru/" method="post">
+          <label class="visually-hidden" for="subscribe-email">Email</label>
+          <input class="subscribe__field" type="email" name="subscribe-email" id="subscribe-email" placeholder="Ваш e-mail" required>
+          <button class="subscribe__button button" type="submit">Подписаться</button>
+        </form>
+      </div>
+    </section>
+    <section class="page__contacts contacts">
+      <h2 class="visually-hidden">Контактная информация</h2>
+      <div class="contacts__text-wrapper">
+        <p class="contacts__text">Приглашаем к сотрудничеству дилеров!</p>
+        <address class="contacts__address">
+          <p>ул. Большая Конюшенная <br> д. 19/8 <br> Санкт-Петербург</p>
+        </address>
+      </div>
+      <div class="contacts__location">
+        <img class="contacts__map" src="/" width="100" height="100" alt="Местоположение с точкой">
+      </div>
+    </section>
+  </main>
+  <footer class="page__footer footer">
+    <a class="footer__logo" href="#">
+      <img class="logo-text" src="/" width="100" height="100" alt="Логотип сайта Кэт Энерджи">
+    </a>
+    <ul class="footer__socials socials">
+      <li class="socials__item">
+        <a class="socials__link" href="#">
+          <img class="socials__icon" src="/" width="100" height="100" alt="Вконтакте">
+        </a>
+      </li>
+      <li class="socials__item">
+        <a class="socials__link" href="#">
+          <img class="socials__icon" src="/" width="100" height="100" alt="Ютьюб">
+        </a>
+      </li>
+      <li class="socials__item">
+        <a class="socials__link" href="#">
+          <img class="socials__icon" src="/" width="100" height="100" alt="Телеграм">
+        </a>
+      </li>
+    </ul>
+    <a class="footer__copyright-link" href="https://htmlacademy.ru/intensive/adaptive">
+      <p class="footer__copyright">HTML Academy</p>
+      <img class="footer__copyright-logo" src="/" width="100" height="100" alt="Логотип Аштиэмэльакадеми">
+    </a>
+  </footer>
+</body>
+
+</html>
diff --git a/source/index.html b/source/index.html
index 790b5c4..ded0d8a 100644
--- a/source/index.html
+++ b/source/index.html
@@ -3,116 +3,149 @@
 
 <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="Интернет-магазин CAT Energy предлагает функциональное питание для котов. У нас вы найдете сбалансированные корма, которые поддерживают активность и здоровье вашего питомца. Подберите идеальный рацион для вашей кошки.">
   <link rel="stylesheet" href="styles/styles.css">
+  <title>CAT ENERGY: интернет магазин питания для котов</title>
   <script src="scripts/index.js" defer></script>
 </head>
 
 <body class="page__body">
   <header class="page__header header">
-    <nav class="header__navigation navigation">
+    <div class="header__navigation-wrapper">
       <a class="header__logo logo" href="#">
-        <img class="logo__mobile" src="" width="" height="" alt="Логотип сайта Кэт Энерджи">
+        <img class="logo__mobile" src="/" width="100" height="100" alt="Логотип сайта Кэт Энерджи">
       </a>
-      <a class="logo-text" href="#">
-        <img src="" alt="Логотип с текстом 'CAT ENERGY'">
+      <a class="header__logo-text logo" href="#">
+        <img class="logo-text" src="/" width="100" height="100" alt="Логотип с текстом 'CAT ENERGY'">
       </a>
-      <button class="button">
+      <button class="button" type="button">
         <span class="visually-hidden">Расскрытие главного меню</span>
       </button>
-      <ul class="main-navigation navigation">
-        <li class="navigation__item">
-          <a class="navigation__link" href="#">главная</a>
-        </li>
-        <li class="navigation__item">
-          <a class="navigation__link" href="#">каталог продукции</a>
-        </li>
-        <li class="navigation__item">
-          <a class="navigation__link" href="#">подбор программы</a>
-        </li>
-      </ul>
-      </ul>
-    </nav>
-
+      <nav class="header__navigation navigation">
+        <ul class="navigation__list">
+          <li class="navigation__item">
+            <a class="navigation__link" href="#">Главная</a>
+          </li>
+          <li class="navigation__item">
+            <a class="navigation__link" href="catalog.html">Каталог продукции</a>
+          </li>
+          <li class="navigation__item">
+            <a class="navigation__link" href="#">Подбор программы</a>
+          </li>
+        </ul>
+      </nav>
+    </div>
   </header>
   <main class="page__main">
     <section class="page__promo promo">
-      <h1 class="visually-hidden">Интернет-магазин: Cat energy</h1>
-      <h2 class="promo__title">Функциональное питание для котов</h2>
-      <p class="promo__lead">Занялся собой? Займись котом!</p>
-      <img class="promo__image" src="" alt="">
-      <a class="promo__link" href="#">подобрать программу</a>
+      <h1 class="visually-hidden">Интернет-магазин товаров для котов Cat energy</h1>
+      <div class="promo__text-wrapper">
+        <h2 class="promo__title">Функциональное питание для котов</h2>
+        <p class="promo__lead">Занялся собой? Займись котом!</p>
+      </div>
+      <img class="promo__image" src="/" width="100" height="100" alt="">
+      <a class="promo__link button" href="#">Подобрать программу</a>
     </section>
     <section class="page__programms programms">
       <h2 class="visually-hidden">Варианты программ питания</h2>
       <ul class="programms__list">
         <li class="programms__item">
           <div class="programms__card">
-            <h3 class="programms__title">похудение</h3>
+            <h3 class="programms__title">Похудение</h3>
             <p class="programms__text">Ваш кот весит больше собаки и почти утратил способность лазить по деревьям? Пора на диету! Cat Energy Slim поможет вашему питомцу сбросить лишний вес.</p>
-            <a class="programms__link" href="#">каталог slim</a>
+            <a class="programms__link" href="#">Каталог slim</a>
           </div>
         </li>
         <li class="programms__item">
           <div class="programms__card">
             <h3 class="programms__title">Набор массы</h3>
             <p class="programms__text">Заработать авторитет среди дворовых котов и даже собак? Серия Cat Energy Pro поможет вашему коту нарастить необходимые мышцы!</p>
-            <a class="programms__link" href="#">каталог pro</a>
+            <a class="programms__link" href="#">Каталог pro</a>
           </div>
         </li>
       </ul>
     </section>
-    <section class="page__advantages advantages">
-      <h2 class="advantages__title">Как это работает</h2>
-      <ul class="advantages__list">
-        <li class="advantages__item">
-          <p class="advantages__desc">Функциональное питание содержит только полезные питательные вещества.</p>
+    <section class="page__features features">
+      <h2 class="features__title">Как это работает</h2>
+      <ul class="features__list">
+        <li class="features__item">
+          <p class="features__desc">Функциональное питание содержит только полезные питательные вещества.</p>
         </li>
-        <li class="advantages__item">
-          <p class="advantages__desc">Выпускается в виде порошка, который нужно лишь залить кипятком и готово.</p>
+        <li class="features__item">
+          <p class="features__desc">Выпускается в виде порошка, который нужно лишь залить кипятком и готово.</p>
         </li>
-        <li class="advantages__item">
-          <p class="advantages__desc">Замените один-два приема обычной еды на наше функциональное питание.</p>
+        <li class="features__item">
+          <p class="features__desc">Замените один-два приема обычной еды на наше функциональное питание.</p>
         </li>
-        <li class="advantages__item">
-          <p class="advantages__desc">Уже через месяц наслаждайтесь изменениями к лучшему вашего питомца!</p>
+        <li class="features__item">
+          <p class="features__desc">Уже через месяц наслаждайтесь изменениями к лучшему вашего питомца!</p>
         </li>
       </ul>
     </section>
     <section class="page__example example">
       <h2 class="example__title">Живой пример</h2>
-      <p class="example__text">Борис сбросил 5 кг за 2 месяца, просто заменив свой обычный корм на Cat Energy Slim. Отличный результат без изнуряющих тренировок! При этом он не менял своих привычек и по-прежнему спит по 16 часов в день.</p>
+      <p class="example__desc">Борис сбросил 5 кг за 2 месяца, просто заменив свой обычный корм на Cat Energy Slim. Отличный результат без изнуряющих тренировок! При этом он не менял своих привычек и по-прежнему спит по 16 часов в день.</p>
+      <div class="example__info-column">
+        <p class="example__info"><span class="example__value">5 кг</span><span class="example__desc">снижение веса</span></p>
+      </div>
+      <div class="example__info-column">
+        <p class="example__info"><span class="example__value">60 ДНЕЙ</span><span class="example__desc">затрачено времени</span></p>
+      </div>
+      <div class="example__info-row">
+        <p class="example__info"><span class="example__value">Затраты на питание:</span><span class="example__desc">15 000 РУБ.</span> </p>
+      </div>
+      <div class="example__slider slider">
+        <div class="slider__wrapper">
+          <img class="slider__image" src="/" width="100" height="100" alt="Стройный кот">
+          <img class="slider__image" src="/" width="100" height="100" alt="Жирный кот">
+          <button class="slider__button" type="button">
+            <span class="visually-hidden">Ползунок</span>
+          </button>
+        </div>
+      </div>
     </section>
-    <address class="page__contacts contacts">
+    <section class="page__contacts contacts">
       <h2 class="visually-hidden">Контактная информация</h2>
-      <p class="contacts__text">приглашаем к сотрудничеству дилеров!</p>
-      <p class="contacts__address">ул. Большая Конюшенная, д. 19/8 Санкт-Петербург</p>
-      <img class="contacts__map" src="" alt="">
-      <img class="contacts__map-pin" src="" alt="">
-    </address>
+      <div class="contacts__wrapper">
+        <p class="contacts__text">Приглашаем к сотрудничеству дилеров!</p>
+        <address class="contacts__address">
+          ул. Большая Конюшенная <br>
+          д. 19/8 <br>
+          Санкт-Петербург
+        </address>
+      </div>
+      <div class="contacts__location">
+        <img class="contacts__map" src="/" width="100" height="100" alt="Адрес на карте">
+      </div>
+    </section>
   </main>
   <footer class="page__footer footer">
-    <img class="logo-text" src="" alt="">
+    <a class="footer__logo" href="#">
+      <img class="logo-text" src="/" width="100" height="100" alt="Логотип кэт энерджи">
+    </a>
     <ul class="footer__socials socials">
       <li class="socials__item">
         <a class="socials__link" href="#">
-          <img class="socials__icon" src="" alt="">
+          <img class="socials__icon" src="/" width="100" height="100" alt="Вконтакте">
         </a>
       </li>
       <li class="socials__item">
-        <a class="socials__link" href="#"></a>
-        <img class="socials__icon" src="" alt="">
+        <a class="socials__link" href="#">
+          <img class="socials__icon" src="/" width="100" height="100" alt="Ютьюб">
         </a>
       </li>
       <li class="socials__item">
         <a class="socials__link" href="#">
-          <img class="socials__icon" src="" alt="">
+          <img class="socials__icon" src="/" width="100" height="100" alt="Телеграм">
         </a>
       </li>
     </ul>
-    <p class="footer__copyright" href="#">HTML Academy</p>
-    <img class="footer__logo" src="" alt="">
+    <a class="footer__copyright-link" href="https://htmlacademy.ru/intensive/adaptive">
+      <p class="footer__copyright">HTML Academy</p>
+      <img class="footer__copyright-logo" src="/" width="100" height="100" alt="Логотип Аштиэмэльакадеми">
+    </a>
   </footer>
 </body>
 
