diff --git a/source/catalog.html b/source/catalog.html
index 897ddca..19513fa 100644
--- a/source/catalog.html
+++ b/source/catalog.html
@@ -3,31 +3,32 @@
 <head>
   <meta charset="utf-8">
   <title>HTML Academy: Кэт энерджи</title>
+  <link rel="stylesheet" href="css/style.css">
 </head>
 <body class="page__body">
 <header class="main-header">
   <a class="main-header__logo logo">
-    <img src="img/logo-mobile.svg" width="33" height="38"
-         alt="Функциональное питание для котов «Cat Energy».">
+    <img src="img/logo-mobile.svg" width="33" height="38" alt="Функциональное питание для котов «Cat Energy».">
+    <img src="img/logo-mobile-name.svg" width="101" height="18" 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="site-list__item">
-          <a>
+      <ul class="main-nav__list list">
+        <li class="main-nav__item">
+          <a class="main-nav__item-link" href="index.html">
             Главная
           </a>
         </li>
-        <li class="site-list__item site-list__item--active">
-          <a href="catalog.html">
+        <li class="main-nav__item main-nav__item--active">
+          <a class="main-nav__item-link">
             Каталог продукции
           </a>
         </li>
-        <li class="site-list__item">
-          <a href="form.html">
+        <li class="main-nav__item">
+          <a class="main-nav__item-link" href="form.html">
             Подбор программы
           </a>
         </li>
@@ -38,15 +39,14 @@
 <main class="main-container">
   <section class="product">
     <div class="product__wrapper">
-      <h1 class="product__title title">Каталог продукции</h1>
-      <ul class="product__list">
+      <h1 class="product__title title container">Каталог продукции</h1>
+      <ul class="product__list list">
         <li class="product__list-item">
           <a class="product__image-link" href="#">
-            <img class="product__image" src="img/catalog/cat-energy-pro-chicken-500.png"
-                 width="68" height="86" alt="Cat Energy PRO Курица 500 г">
+            <img class="product__image" src="img/catalog/cat-energy-pro-chicken-500.png" width="68" height="86" alt="Cat Energy PRO Курица 500 г">
           </a>
           <div class="product__card">
-            <a href="#">
+            <a class="link" href="#">
               <h2 class="product__card-title">Cat Energy PRO 500&nbsp;г</h2>
             </a>
             <dl class="product__card-list">
@@ -68,11 +68,10 @@ <h2 class="product__card-title">Cat Energy PRO 500&nbsp;г</h2>
         </li>
         <li class="product__list-item">
           <a class="product__image-link" href="#">
-            <img class="product__image" src="img/catalog/cat-energy-pro-chicken-1000.png"
-                 width="84" height="100" alt="Cat Energy PRO Курица 1000 г">
+            <img class="product__image" src="img/catalog/cat-energy-pro-chicken-1000.png" width="84" height="100" alt="Cat Energy PRO Курица 1000 г">
           </a>
           <div class="product__card">
-            <a href="#">
+            <a class="link" href="#">
               <h2 class="product__card-title">Cat Energy PRO 1000&nbsp;г</h2>
             </a>
             <dl class="product__card-list">
@@ -94,11 +93,10 @@ <h2 class="product__card-title">Cat Energy PRO 1000&nbsp;г</h2>
         </li>
         <li class="product__list-item">
           <a class="product__image-link" href="#">
-            <img class="product__image" src="img/catalog/cat-energy-pro-fish-500.png"
-                 width="68" height="78" alt="Cat Energy PRO Рыба 500 г">
+            <img class="product__image" src="img/catalog/cat-energy-pro-fish-500.png" width="68" height="78" alt="Cat Energy PRO Рыба 500 г">
           </a>
           <div class="product__card">
-            <a href="#">
+            <a class="link" href="#">
               <h2 class="product__card-title">Cat Energy PRO 500&nbsp;г</h2>
             </a>
             <dl class="product__card-list">
@@ -120,11 +118,10 @@ <h2 class="product__card-title">Cat Energy PRO 500&nbsp;г</h2>
         </li>
         <li class="product__list-item">
           <a class="product__image-link" href="#">
-            <img class="product__image" src="img/catalog/cat-energy-pro-fish-1000.png"
-                 width="84" height="100" alt="Cat Energy PRO Рыба 1000 г">
+            <img class="product__image" src="img/catalog/cat-energy-pro-fish-1000.png" width="84" height="100" alt="Cat Energy PRO Рыба 1000 г">
           </a>
           <div class="product__card">
-            <a href="#">
+            <a class="link" href="#">
               <h2 class="product__card-title">Cat Energy PRO 1000&nbsp;г</h2>
             </a>
             <dl class="product__card-list">
@@ -146,11 +143,10 @@ <h2 class="product__card-title">Cat Energy PRO 1000&nbsp;г</h2>
         </li>
         <li class="product__list-item">
           <a class="product__image-link" href="#">
-            <img class="product__image" src="img/catalog/cat-energy-slim-buckwheat-500.png"
-                 width="68" height="78" alt="Cat Energy slim Гречка 500 г">
+            <img class="product__image" src="img/catalog/cat-energy-slim-buckwheat-500.png" width="68" height="78" alt="Cat Energy slim Гречка 500 г">
           </a>
           <div class="product__card">
-            <a href="#">
+            <a class="link" href="#">
               <h2 class="product__card-title">Cat Energy slim 500&nbsp;г</h2>
             </a>
             <dl class="product__card-list">
@@ -172,11 +168,10 @@ <h2 class="product__card-title">Cat Energy slim 500&nbsp;г</h2>
         </li>
         <li class="product__list-item">
           <a class="product__image-link" href="#">
-            <img class="product__image" src="img/catalog/cat-energy-slim-buckwheat-1000.png"
-                 width="84" height="100" alt="Cat Energy slim Гречка 1000 г">
+            <img class="product__image" src="img/catalog/cat-energy-slim-buckwheat-1000.png" width="84" height="100" alt="Cat Energy slim Гречка 1000 г">
           </a>
           <div class="product__card">
-            <a href="#">
+            <a class="link" href="#">
               <h2 class="product__card-title">Cat Energy slim 1000&nbsp;г</h2>
             </a>
             <dl class="product__card-list">
@@ -198,11 +193,10 @@ <h2 class="product__card-title">Cat Energy slim 1000&nbsp;г</h2>
         </li>
         <li class="product__list-item">
           <a class="product__image-link" href="#">
-            <img class="product__image" src="img/catalog/cat-energy-slim-rice-500.png"
-                 width="72" height="84" alt="Cat Energy slim Рис 500 г">
+            <img class="product__image" src="img/catalog/cat-energy-slim-rice-500.png" width="72" height="84" alt="Cat Energy slim Рис 500 г">
           </a>
           <div class="product__card">
-            <a href="#">
+            <a class="link" href="#">
               <h2 class="product__card-title">Cat Energy slim 500&nbsp;г</h2>
             </a>
             <dl class="product__card-list">
@@ -233,29 +227,29 @@ <h2 class="product__card-title product__card-title--more">Показать ещ
     </div>
   </section>
   <section class="additional">
-    <div class="additional__wrapper">
-      <h2 class="additional__title additional__title--decor">Дополнительные товары</h2>
+    <div class="container">
+      <h2 class="additional__title additional__title--decor title">Дополнительные товары</h2>
       <dl class="additional__list">
         <div class="additional__item">
-          <h3 class="additional__item-title">Сахарозаменитель</h3>
+          <h3 class="additional__item-title title">Сахарозаменитель</h3>
           <dt class="additional__item-value">1 упаковка (100 г)</dt>
           <dd class="additional__item-description">200 ₽</dd>
           <button class="additional__button button" type="button">Заказать</button>
         </div>
         <div class="additional__item">
-          <h3 class="additional__item-title">Питьевая вода</h3>
+          <h3 class="additional__item-title title">Питьевая вода</h3>
           <dt class="additional__item-value">5 литров</dt>
           <dd class="additional__item-description">50 ₽</dd>
           <button class="additional__button button" type="button">Заказать</button>
         </div>
         <div class="additional__item">
-          <h3 class="additional__item-title">Молоко</h3>
+          <h3 class="additional__item-title title">Молоко</h3>
           <dt class="additional__item-value">1 литр</dt>
           <dd class="additional__item-description">100 ₽</dd>
           <button class="additional__button button" type="button">Заказать</button>
         </div>
         <div class="additional__item">
-          <h3 class="additional__item-title">Витамины</h3>
+          <h3 class="additional__item-title title">Витамины</h3>
           <dt class="additional__item-value">1 упаковка (30 г)</dt>
           <dd class="additional__item-description">300 ₽</dd>
           <button class="additional__button button" type="button">Заказать</button>
@@ -269,32 +263,56 @@ <h3 class="visually-hidden">Получить подарок</h3>
   </section>
 </main>
 <footer class="main-footer">
-  <div class="main-footer__wrapper">
-    <div class="main-footer__contacts contacts">
-      <b class="contacts__title">Приглашаем к сотрудничеству дилеров!</b>
+  <div class="main-footer__contacts contacts">
+    <div class="contacts__text-wrapper container">
+      <p class="contacts__title">Приглашаем к сотрудничеству дилеров!</p>
       <p class="contacts__text">ул. Большая Конюшенная, д. 19/8 Санкт-Петербург</p>
-      <div class="contacts__map"></div>
-    </div>
-    <a class="main-footer__logo logo" href="#">
-      <img src="img/logo-mobile.svg" width="33" height="38"
-           alt="Функциональное питание для котов «Cat Energy».">
-    </a>
-    <div class="main-footer__social social">
-      <ul class="social__list">
-        <li class="social__item">
-          <a class="social__link social__link--vkontakte" href="https://vk.com/htmlacademy">Мы в Вконтакте</a>
-        </li>
-        <li class="social__item">
-          <a class="social__link social__link--youtube" href="https://www.youtube.com/user/htmlacademyru">Мы в Ютубе</a>
-        </li>
-        <li class="social__item">
-          <a class="social__link social__link--telegram" href="https://t.me/htmlacademy">Мы в Телеграме</a>
-        </li>
-      </ul>
-    </div>
-    <div class="main-footer__copyright copyright">
-      <a class="copyright__link" href="https://htmlacademy.ru/intensive/adaptive">HTML Academy</a>
     </div>
+    <div class="contacts__map"></div>
+  </div>
+  <a class="main-footer__logo logo" href="#">
+    <img src="img/logo-mobile-name.svg" width="128" height="24" alt="Функциональное питание для котов «Cat Energy».">
+  </a>
+  <div class="main-footer__social social">
+    <ul class="social__list list">
+      <li class="social__item">
+        <a class="social__link" href="https://vk.com/htmlacademy">
+          <span class="visually-hidden">Мы в Вконтакте</span>
+          <svg class="social__icon" width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M1 5.33876C1 4.48373 1.5151 4.02268 2.54531 3.95562L6.51515 3.98077C6.78158 3.98077 6.95921 4.10651 7.04802 4.35799C7.45655 5.61538 7.91392 6.70094 8.42014 7.61465C8.92637 8.52835 9.58801 9.58038 10.4051 10.7707C10.4761 10.9216 10.5916 10.997 10.7514 10.997C10.8758 10.997 10.9735 10.9384 11.0445 10.821L11.1244 10.5444L11.1511 6.19379C11.1511 5.89201 11.0756 5.69083 10.9246 5.59024C10.7736 5.48965 10.4939 5.4142 10.0853 5.36391C9.76563 5.31361 9.60577 5.12919 9.60577 4.81065C9.60577 4.74359 9.61465 4.69329 9.63241 4.65976C10.0054 3.57002 11.0711 3.02515 12.8296 3.02515L14.3216 3C14.9966 3 15.5561 3.15927 16.0001 3.47781C16.4442 3.79635 16.6662 4.29931 16.6662 4.98669V10.6953C16.7906 10.7791 16.906 10.821 17.0126 10.821C17.279 10.821 17.5099 10.6701 17.7053 10.3683C19.6592 7.78649 20.716 6.05966 20.8759 5.18787C20.8759 5.1711 20.8936 5.12919 20.9291 5.06213C21.0535 4.81065 21.2577 4.5927 21.5419 4.40828C21.8261 4.22387 22.0748 4.09813 22.288 4.03107C22.359 3.99753 22.4389 3.98077 22.5277 3.98077H26.6574L26.9239 4.00592C27.2791 4.00592 27.5544 4.16519 27.7498 4.48373C27.8209 4.58432 27.8697 4.69329 27.8964 4.81065C27.923 4.92801 27.9408 5.04536 27.9496 5.16272C27.9585 5.28008 27.963 5.34714 27.963 5.36391V5.53994C27.8386 6.22732 27.5233 6.9608 27.0171 7.74038C26.5109 8.51997 25.867 9.36243 25.0855 10.2678C24.304 11.1731 23.8155 11.7682 23.6201 12.0533C23.4603 12.2544 23.3803 12.4389 23.3803 12.6065C23.3803 12.7406 23.4514 12.8915 23.5935 13.0592L27.4834 17.6864C27.6965 17.9546 27.8031 18.248 27.8031 18.5666C27.8031 18.9522 27.6432 19.2707 27.3235 19.5222C27.0038 19.7737 26.6219 19.9162 26.1779 19.9497L25.7249 19.9749H21.6752C21.6574 19.9749 21.6219 19.979 21.5686 19.9874C21.5153 19.9958 21.4798 20 21.462 20C21.0712 20 20.7071 19.8407 20.3696 19.5222C20.2453 19.3881 19.4105 18.3989 17.8652 16.5547C17.7764 16.4374 17.652 16.3284 17.4922 16.2278C17.4211 16.4961 17.3279 16.8817 17.2124 17.3846C17.097 17.8876 17.0126 18.248 16.9593 18.466L16.8794 18.8935C16.7018 19.4803 16.3287 19.8323 15.7604 19.9497L15.3874 19.9749H12.7763C11.3021 19.9749 9.83224 19.3378 8.36686 18.0636C6.90148 16.7894 5.58264 15.1423 4.41034 13.122C3.23803 11.1018 2.14566 8.75049 1.13322 6.06805C1.04441 5.8501 1 5.607 1 5.33876ZM17.0126 11.8521C16.6396 11.8521 16.3021 11.7557 16.0001 11.5629C15.6982 11.3701 15.5472 11.106 15.5472 10.7707V4.98669C15.5472 4.65138 15.4584 4.41248 15.2808 4.26997C15.1032 4.12747 14.7923 4.05621 14.3483 4.05621L12.8296 4.10651C12.0658 4.10651 11.4886 4.23225 11.0978 4.48373C11.8793 4.8358 12.2701 5.40582 12.2701 6.19379V10.6198C12.2346 11.039 12.0569 11.3868 11.7372 11.6635C11.4175 11.9401 11.0623 12.0784 10.6715 12.0784C10.1386 12.0784 9.7301 11.8353 9.44591 11.3491C8.06046 9.37081 7.03025 7.4931 6.35529 5.71598L6.1155 5.06213L2.57195 5.03698C2.34104 5.03698 2.21227 5.04956 2.18562 5.0747C2.15898 5.09985 2.14566 5.1711 2.14566 5.28846C2.14566 5.43935 2.16342 5.59862 2.19895 5.76627L2.75845 7.17456C4.25048 10.8126 5.87127 13.6795 7.62085 15.7751C9.37042 17.8708 11.0889 18.9186 12.7763 18.9186H15.4406C15.5472 18.9186 15.6271 18.8893 15.6804 18.8306C15.7337 18.7719 15.7781 18.6588 15.8136 18.4911L15.8669 18.2396L16.3732 16.0266C16.5152 15.7249 16.6396 15.5237 16.7462 15.4231C16.9415 15.2387 17.1725 15.1465 17.4389 15.1465C17.8652 15.1465 18.3003 15.3895 18.7444 15.8757L21.0091 18.5917C21.1512 18.8097 21.3022 18.9186 21.462 18.9186H25.8581C26.391 18.9186 26.6574 18.7929 26.6574 18.5414C26.6574 18.4576 26.6308 18.3738 26.5775 18.2899L22.7142 13.7382C22.4123 13.3861 22.2613 13.0089 22.2613 12.6065C22.2613 12.2041 22.4034 11.8185 22.6876 11.4497C22.9185 11.1144 23.367 10.557 24.0331 9.77737C24.6992 8.99778 25.2809 8.26849 25.7782 7.5895C26.2756 6.9105 26.6042 6.29438 26.764 5.74112L26.8439 5.4142C26.8262 5.38067 26.8173 5.32618 26.8173 5.25074C26.8173 5.1753 26.8084 5.11243 26.7907 5.06213H22.6077C22.3412 5.16272 22.1281 5.31361 21.9682 5.51479L21.8084 5.9926C21.3643 7.14941 20.2009 8.93491 18.3181 11.3491C17.9451 11.6844 17.5099 11.8521 17.0126 11.8521Z" fill="#666666"/>
+          </svg>
+        </a>
+      </li>
+      <li class="social__item">
+        <a class="social__link" href="https://www.youtube.com/user/htmlacademyru">
+          <span class="visually-hidden">Мы в Ютубе</span>
+          <svg class="social__icon" width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M17.8509 10.7927L12.6145 7.30184C12.5159 7.23691 12.4016 7.19985 12.2837 7.19459C12.1657 7.18934 12.0486 7.21608 11.9446 7.27198C11.8406 7.32789 11.7537 7.41087 11.693 7.51215C11.6324 7.61343 11.6002 7.72924 11.6 7.84729V14.8291C11.6001 14.9481 11.6327 15.0648 11.6942 15.1667C11.7557 15.2686 11.8438 15.3518 11.9491 15.4073C12.0524 15.4631 12.1691 15.4895 12.2864 15.4837C12.4037 15.478 12.5172 15.4402 12.6145 15.3746L17.8509 11.8837C17.9409 11.8239 18.0148 11.7429 18.0658 11.6477C18.1169 11.5526 18.1436 11.4462 18.1436 11.3382C18.1436 11.2302 18.1169 11.1239 18.0658 11.0287C18.0148 10.9335 17.9409 10.8525 17.8509 10.7927ZM12.9091 13.6073V9.06911L16.3127 11.3382L12.9091 13.6073ZM25.3891 5.04366C25.2942 4.67547 25.1131 4.33511 24.8609 4.05061C24.6086 3.76611 24.2924 3.54561 23.9382 3.40729C20.2182 1.9782 14.2509 2.00002 14 2.00002C13.7491 2.00002 7.78182 1.9782 4.06182 3.40729C3.70764 3.54561 3.3914 3.76611 3.13914 4.05061C2.88689 4.33511 2.70584 4.67547 2.61091 5.04366C2.32727 6.11275 2 8.07638 2 11.3382C2 14.6 2.32727 16.5637 2.61091 17.6327C2.70584 18.0009 2.88689 18.3413 3.13914 18.6258C3.3914 18.9103 3.70764 19.1308 4.06182 19.2691C7.78182 20.6982 13.7491 20.6764 14 20.6764H14.0764C14.8291 20.6764 20.3927 20.6327 23.9382 19.2691C24.2924 19.1308 24.6086 18.9103 24.8609 18.6258C25.1131 18.3413 25.2942 18.0009 25.3891 17.6327C25.6727 16.5637 26 14.6 26 11.3382C26 8.07638 25.6727 6.11275 25.3891 5.04366ZM24.1236 17.3055C24.0807 17.472 23.999 17.6259 23.8853 17.7548C23.7715 17.8838 23.6289 17.984 23.4691 18.0473C19.9782 19.3891 14.0655 19.3673 14 19.3673C13.9345 19.3673 8.02182 19.3891 4.53091 18.0473C4.37107 17.984 4.22846 17.8838 4.11471 17.7548C4.00096 17.6259 3.91929 17.472 3.87636 17.3055C3.61455 16.3018 3.30909 14.4582 3.30909 11.3382C3.30909 8.2182 3.61455 6.37457 3.87636 5.37093C3.91929 5.20445 4.00096 5.05047 4.11471 4.92156C4.22846 4.79264 4.37107 4.69243 4.53091 4.62911C8.02182 3.28729 13.9345 3.30911 14 3.30911C14.0655 3.30911 19.9782 3.28729 23.4691 4.62911C23.6289 4.69243 23.7715 4.79264 23.8853 4.92156C23.999 5.05047 24.0807 5.20445 24.1236 5.37093C24.3855 6.37457 24.6909 8.2182 24.6909 11.3382C24.6909 14.4582 24.3855 16.3018 24.1236 17.3055Z" fill="#666666"/>
+          </svg>
+        </a>
+      </li>
+      <li class="social__item">
+        <a class="social__link" href="https://t.me/htmlacademy">
+          <span class="visually-hidden">Мы в Телеграме</span>
+          <svg class="social__icon" width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M23.4608 3.15291C23.6393 3.30222 23.7255 3.5349 23.6872 3.76448L21.0611 19.5214C21.0244 19.7411 20.8789 19.9273 20.6745 20.0159C20.47 20.1045 20.2346 20.0833 20.0493 19.9597L12.1708 14.7074C12.0177 14.6054 11.9145 14.4437 11.8862 14.2619C11.858 14.08 11.9074 13.8947 12.0223 13.751L14.633 10.4877L10.273 13.3944C10.077 13.525 9.82597 13.5407 9.61524 13.4353L4.36293 10.8092C4.12769 10.6915 3.98535 10.4449 4.0012 10.1824C4.01705 9.91983 4.18804 9.6921 4.43573 9.60364L22.8188 3.03826C23.038 2.95998 23.2822 3.00359 23.4608 3.15291ZM6.32626 10.3228L9.86168 12.0905L17.4231 7.0495C17.6925 6.86994 18.0525 6.91349 18.2712 7.1521C18.49 7.3907 18.5022 7.75314 18.3 8.00591L13.495 14.0121L19.9328 18.3039L22.2083 4.65058L6.32626 10.3228Z" fill="#666666"/>
+          </svg>
+        </a>
+      </li>
+    </ul>
+  </div>
+  <div class="main-footer__copyright copyright">
+    <a class="copyright__link link" href="https://htmlacademy.ru/intensive/adaptive">HTML Academy</a>
+    <svg class="copyright__icon" width="27" height="34" viewBox="0 0 27 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clip-path="url(#clip0_135765_344)">
+        <path d="M13.6426 0.0157537L13.5 0L0 1.40733V26.0129L13.5 34L27 26.0129V1.40733L13.6426 0.0157537ZM25.2344 25.0151L13.5 31.9573L1.76561 25.0151V14.9293L13.4507 21.8451L13.4701 23.0984L5.45351 18.3548L5.44295 19.5801L13.4894 24.3885L13.5088 25.675L5.46408 20.9174L5.45351 22.1427L13.5 26.9511L21.6239 22.1182V20.8929V16.909L25.2432 14.7595L25.2344 25.0151ZM25.2344 13.4519L22.0147 15.3319L20.5325 16.2071L13.4666 12.0201L13.456 13.2454L19.4957 16.818L19.4429 16.8495L19.3126 16.9247L18.4536 17.4166L13.4666 14.4689L13.456 15.6942L17.3921 18.0222L16.4591 18.6314L16.438 18.6436L13.4666 16.902L13.456 18.1273L15.4029 19.2615L13.4155 20.4483L1.7973 13.5762L13.4349 6.61831L25.2344 13.4519ZM25.2344 12.2266L13.4401 5.31075L1.76561 12.2196V2.9897L13.5 1.76442L25.2344 2.9897V12.2266Z" fill="#666666"/>
+      </g>
+      <defs>
+        <clipPath id="clip0_135765_344">
+          <rect width="27" height="34" fill="white"/>
+        </clipPath>
+      </defs>
+    </svg>
   </div>
 </footer>
 </body>
diff --git a/source/form.html b/source/form.html
index 07eb764..811aada 100644
--- a/source/form.html
+++ b/source/form.html
@@ -3,31 +3,32 @@
 <head>
   <meta charset="utf-8">
   <title>HTML Academy: Кэт энерджи</title>
+  <link rel="stylesheet" href="css/style.css">
 </head>
 <body class="page__body">
 <header class="main-header">
   <a class="main-header__logo logo">
-    <img src="img/logo-mobile.svg" width="33" height="38"
-         alt="Функциональное питание для котов «Cat Energy».">
+    <img src="img/logo-mobile.svg" width="33" height="38" alt="Функциональное питание для котов «Cat Energy».">
+    <img src="img/logo-mobile-name.svg" width="101" height="18" 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="site-list__item">
-          <a>
+      <ul class="main-nav__list list">
+        <li class="main-nav__item">
+          <a class="main-nav__item-link" href="index.html">
             Главная
           </a>
         </li>
-        <li class="site-list__item site-list__item--active">
-          <a href="catalog.html">
+        <li class="main-nav__item main-nav__item--active">
+          <a class="main-nav__item-link" href="catalog.html">
             Каталог продукции
           </a>
         </li>
-        <li class="site-list__item">
-          <a href="form.html">
+        <li class="main-nav__item">
+          <a class="main-nav__item-link">
             Подбор программы
           </a>
         </li>
@@ -37,11 +38,11 @@
 </header>
 <main class="main-container">
   <section class="selection">
-    <header class="selection__header">
+    <header class="selection__header container">
       <h1 class="selection__title title">Подбор программы</h1>
       <p class="selection__subtitle">Заполните анкету, и мы подберем программу питания для вашего кота</p>
     </header>
-    <form class="selection__form" action="https://echo.htmlacademy.ru/" method="post">
+    <form class="selection__form container" action="https://echo.htmlacademy.ru/" method="post">
       <div class="selection__form-wrapper">
         <fieldset class="selection__data">
           <legend class="visually-hidden">Данные кота</legend>
@@ -60,7 +61,7 @@ <h1 class="selection__title title">Подбор программы</h1>
         </fieldset>
         <fieldset class="selection__data">
           <legend class="visually-hidden">Выбор программы</legend>
-          <ul class="selection__program-list">
+          <ul class="selection__program-list list">
             <li class="selection__program-item">
               <label class="selection__control">
                 <input class="visually-hidden" type="radio" name="type-of-housing" value="weight-loss" checked>
@@ -100,11 +101,9 @@ <h1 class="selection__title title">Подбор программы</h1>
       </fieldset>
       <fieldset class="selection__data">
         <legend class="selection__legend">Комментарий</legend>
-        <div class="selection__textaria">
-          <label class="visually-hidden" for="comment">Комментарий:</label>
-          <textarea class="selection__items-textarea" name="textarea" id="comment" cols="30" rows="10"
-                    placeholder="Расскажите обо всех повадках кота"></textarea>
-        </div>
+        <label class="visually-hidden" for="comment">Комментарий:</label>
+        <textarea class="selection__textarea" name="textarea" id="comment" cols="30" rows="10"
+                  placeholder="Расскажите обо всех повадках кота"></textarea>
       </fieldset>
       <fieldset class="selection__data">
         <legend class="selection__legend">Дополнительно</legend>
@@ -137,32 +136,56 @@ <h1 class="selection__title title">Подбор программы</h1>
   </section>
 </main>
 <footer class="main-footer">
-  <div class="main-footer__wrapper">
-    <div class="main-footer__contacts contacts">
-      <b class="contacts__title">Приглашаем к сотрудничеству дилеров!</b>
+  <div class="main-footer__contacts contacts">
+    <div class="contacts__text-wrapper container">
+      <p class="contacts__title">Приглашаем к сотрудничеству дилеров!</p>
       <p class="contacts__text">ул. Большая Конюшенная, д. 19/8 Санкт-Петербург</p>
-      <div class="contacts__map"></div>
-    </div>
-    <a class="main-footer__logo logo" href="#">
-      <img src="img/logo-mobile.svg" width="33" height="38"
-           alt="Функциональное питание для котов «Cat Energy».">
-    </a>
-    <div class="main-footer__social social">
-      <ul class="social__list">
-        <li class="social__item">
-          <a class="social__link social__link--vkontakte" href="https://vk.com/htmlacademy">Мы в Вконтакте</a>
-        </li>
-        <li class="social__item">
-          <a class="social__link social__link--youtube" href="https://www.youtube.com/user/htmlacademyru">Мы в Ютубе</a>
-        </li>
-        <li class="social__item">
-          <a class="social__link social__link--telegram" href="https://t.me/htmlacademy">Мы в Телеграме</a>
-        </li>
-      </ul>
-    </div>
-    <div class="main-footer__copyright copyright">
-      <a class="copyright__link" href="https://htmlacademy.ru/intensive/adaptive">HTML Academy</a>
     </div>
+    <div class="contacts__map"></div>
+  </div>
+  <a class="main-footer__logo logo" href="#">
+    <img src="img/logo-mobile-name.svg" width="128" height="24" alt="Функциональное питание для котов «Cat Energy».">
+  </a>
+  <div class="main-footer__social social">
+    <ul class="social__list list">
+      <li class="social__item">
+        <a class="social__link" href="https://vk.com/htmlacademy">
+          <span class="visually-hidden">Мы в Вконтакте</span>
+          <svg class="social__icon" width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M1 5.33876C1 4.48373 1.5151 4.02268 2.54531 3.95562L6.51515 3.98077C6.78158 3.98077 6.95921 4.10651 7.04802 4.35799C7.45655 5.61538 7.91392 6.70094 8.42014 7.61465C8.92637 8.52835 9.58801 9.58038 10.4051 10.7707C10.4761 10.9216 10.5916 10.997 10.7514 10.997C10.8758 10.997 10.9735 10.9384 11.0445 10.821L11.1244 10.5444L11.1511 6.19379C11.1511 5.89201 11.0756 5.69083 10.9246 5.59024C10.7736 5.48965 10.4939 5.4142 10.0853 5.36391C9.76563 5.31361 9.60577 5.12919 9.60577 4.81065C9.60577 4.74359 9.61465 4.69329 9.63241 4.65976C10.0054 3.57002 11.0711 3.02515 12.8296 3.02515L14.3216 3C14.9966 3 15.5561 3.15927 16.0001 3.47781C16.4442 3.79635 16.6662 4.29931 16.6662 4.98669V10.6953C16.7906 10.7791 16.906 10.821 17.0126 10.821C17.279 10.821 17.5099 10.6701 17.7053 10.3683C19.6592 7.78649 20.716 6.05966 20.8759 5.18787C20.8759 5.1711 20.8936 5.12919 20.9291 5.06213C21.0535 4.81065 21.2577 4.5927 21.5419 4.40828C21.8261 4.22387 22.0748 4.09813 22.288 4.03107C22.359 3.99753 22.4389 3.98077 22.5277 3.98077H26.6574L26.9239 4.00592C27.2791 4.00592 27.5544 4.16519 27.7498 4.48373C27.8209 4.58432 27.8697 4.69329 27.8964 4.81065C27.923 4.92801 27.9408 5.04536 27.9496 5.16272C27.9585 5.28008 27.963 5.34714 27.963 5.36391V5.53994C27.8386 6.22732 27.5233 6.9608 27.0171 7.74038C26.5109 8.51997 25.867 9.36243 25.0855 10.2678C24.304 11.1731 23.8155 11.7682 23.6201 12.0533C23.4603 12.2544 23.3803 12.4389 23.3803 12.6065C23.3803 12.7406 23.4514 12.8915 23.5935 13.0592L27.4834 17.6864C27.6965 17.9546 27.8031 18.248 27.8031 18.5666C27.8031 18.9522 27.6432 19.2707 27.3235 19.5222C27.0038 19.7737 26.6219 19.9162 26.1779 19.9497L25.7249 19.9749H21.6752C21.6574 19.9749 21.6219 19.979 21.5686 19.9874C21.5153 19.9958 21.4798 20 21.462 20C21.0712 20 20.7071 19.8407 20.3696 19.5222C20.2453 19.3881 19.4105 18.3989 17.8652 16.5547C17.7764 16.4374 17.652 16.3284 17.4922 16.2278C17.4211 16.4961 17.3279 16.8817 17.2124 17.3846C17.097 17.8876 17.0126 18.248 16.9593 18.466L16.8794 18.8935C16.7018 19.4803 16.3287 19.8323 15.7604 19.9497L15.3874 19.9749H12.7763C11.3021 19.9749 9.83224 19.3378 8.36686 18.0636C6.90148 16.7894 5.58264 15.1423 4.41034 13.122C3.23803 11.1018 2.14566 8.75049 1.13322 6.06805C1.04441 5.8501 1 5.607 1 5.33876ZM17.0126 11.8521C16.6396 11.8521 16.3021 11.7557 16.0001 11.5629C15.6982 11.3701 15.5472 11.106 15.5472 10.7707V4.98669C15.5472 4.65138 15.4584 4.41248 15.2808 4.26997C15.1032 4.12747 14.7923 4.05621 14.3483 4.05621L12.8296 4.10651C12.0658 4.10651 11.4886 4.23225 11.0978 4.48373C11.8793 4.8358 12.2701 5.40582 12.2701 6.19379V10.6198C12.2346 11.039 12.0569 11.3868 11.7372 11.6635C11.4175 11.9401 11.0623 12.0784 10.6715 12.0784C10.1386 12.0784 9.7301 11.8353 9.44591 11.3491C8.06046 9.37081 7.03025 7.4931 6.35529 5.71598L6.1155 5.06213L2.57195 5.03698C2.34104 5.03698 2.21227 5.04956 2.18562 5.0747C2.15898 5.09985 2.14566 5.1711 2.14566 5.28846C2.14566 5.43935 2.16342 5.59862 2.19895 5.76627L2.75845 7.17456C4.25048 10.8126 5.87127 13.6795 7.62085 15.7751C9.37042 17.8708 11.0889 18.9186 12.7763 18.9186H15.4406C15.5472 18.9186 15.6271 18.8893 15.6804 18.8306C15.7337 18.7719 15.7781 18.6588 15.8136 18.4911L15.8669 18.2396L16.3732 16.0266C16.5152 15.7249 16.6396 15.5237 16.7462 15.4231C16.9415 15.2387 17.1725 15.1465 17.4389 15.1465C17.8652 15.1465 18.3003 15.3895 18.7444 15.8757L21.0091 18.5917C21.1512 18.8097 21.3022 18.9186 21.462 18.9186H25.8581C26.391 18.9186 26.6574 18.7929 26.6574 18.5414C26.6574 18.4576 26.6308 18.3738 26.5775 18.2899L22.7142 13.7382C22.4123 13.3861 22.2613 13.0089 22.2613 12.6065C22.2613 12.2041 22.4034 11.8185 22.6876 11.4497C22.9185 11.1144 23.367 10.557 24.0331 9.77737C24.6992 8.99778 25.2809 8.26849 25.7782 7.5895C26.2756 6.9105 26.6042 6.29438 26.764 5.74112L26.8439 5.4142C26.8262 5.38067 26.8173 5.32618 26.8173 5.25074C26.8173 5.1753 26.8084 5.11243 26.7907 5.06213H22.6077C22.3412 5.16272 22.1281 5.31361 21.9682 5.51479L21.8084 5.9926C21.3643 7.14941 20.2009 8.93491 18.3181 11.3491C17.9451 11.6844 17.5099 11.8521 17.0126 11.8521Z" fill="#666666"/>
+          </svg>
+        </a>
+      </li>
+      <li class="social__item">
+        <a class="social__link" href="https://www.youtube.com/user/htmlacademyru">
+          <span class="visually-hidden">Мы в Ютубе</span>
+          <svg class="social__icon" width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M17.8509 10.7927L12.6145 7.30184C12.5159 7.23691 12.4016 7.19985 12.2837 7.19459C12.1657 7.18934 12.0486 7.21608 11.9446 7.27198C11.8406 7.32789 11.7537 7.41087 11.693 7.51215C11.6324 7.61343 11.6002 7.72924 11.6 7.84729V14.8291C11.6001 14.9481 11.6327 15.0648 11.6942 15.1667C11.7557 15.2686 11.8438 15.3518 11.9491 15.4073C12.0524 15.4631 12.1691 15.4895 12.2864 15.4837C12.4037 15.478 12.5172 15.4402 12.6145 15.3746L17.8509 11.8837C17.9409 11.8239 18.0148 11.7429 18.0658 11.6477C18.1169 11.5526 18.1436 11.4462 18.1436 11.3382C18.1436 11.2302 18.1169 11.1239 18.0658 11.0287C18.0148 10.9335 17.9409 10.8525 17.8509 10.7927ZM12.9091 13.6073V9.06911L16.3127 11.3382L12.9091 13.6073ZM25.3891 5.04366C25.2942 4.67547 25.1131 4.33511 24.8609 4.05061C24.6086 3.76611 24.2924 3.54561 23.9382 3.40729C20.2182 1.9782 14.2509 2.00002 14 2.00002C13.7491 2.00002 7.78182 1.9782 4.06182 3.40729C3.70764 3.54561 3.3914 3.76611 3.13914 4.05061C2.88689 4.33511 2.70584 4.67547 2.61091 5.04366C2.32727 6.11275 2 8.07638 2 11.3382C2 14.6 2.32727 16.5637 2.61091 17.6327C2.70584 18.0009 2.88689 18.3413 3.13914 18.6258C3.3914 18.9103 3.70764 19.1308 4.06182 19.2691C7.78182 20.6982 13.7491 20.6764 14 20.6764H14.0764C14.8291 20.6764 20.3927 20.6327 23.9382 19.2691C24.2924 19.1308 24.6086 18.9103 24.8609 18.6258C25.1131 18.3413 25.2942 18.0009 25.3891 17.6327C25.6727 16.5637 26 14.6 26 11.3382C26 8.07638 25.6727 6.11275 25.3891 5.04366ZM24.1236 17.3055C24.0807 17.472 23.999 17.6259 23.8853 17.7548C23.7715 17.8838 23.6289 17.984 23.4691 18.0473C19.9782 19.3891 14.0655 19.3673 14 19.3673C13.9345 19.3673 8.02182 19.3891 4.53091 18.0473C4.37107 17.984 4.22846 17.8838 4.11471 17.7548C4.00096 17.6259 3.91929 17.472 3.87636 17.3055C3.61455 16.3018 3.30909 14.4582 3.30909 11.3382C3.30909 8.2182 3.61455 6.37457 3.87636 5.37093C3.91929 5.20445 4.00096 5.05047 4.11471 4.92156C4.22846 4.79264 4.37107 4.69243 4.53091 4.62911C8.02182 3.28729 13.9345 3.30911 14 3.30911C14.0655 3.30911 19.9782 3.28729 23.4691 4.62911C23.6289 4.69243 23.7715 4.79264 23.8853 4.92156C23.999 5.05047 24.0807 5.20445 24.1236 5.37093C24.3855 6.37457 24.6909 8.2182 24.6909 11.3382C24.6909 14.4582 24.3855 16.3018 24.1236 17.3055Z" fill="#666666"/>
+          </svg>
+        </a>
+      </li>
+      <li class="social__item">
+        <a class="social__link" href="https://t.me/htmlacademy">
+          <span class="visually-hidden">Мы в Телеграме</span>
+          <svg class="social__icon" width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M23.4608 3.15291C23.6393 3.30222 23.7255 3.5349 23.6872 3.76448L21.0611 19.5214C21.0244 19.7411 20.8789 19.9273 20.6745 20.0159C20.47 20.1045 20.2346 20.0833 20.0493 19.9597L12.1708 14.7074C12.0177 14.6054 11.9145 14.4437 11.8862 14.2619C11.858 14.08 11.9074 13.8947 12.0223 13.751L14.633 10.4877L10.273 13.3944C10.077 13.525 9.82597 13.5407 9.61524 13.4353L4.36293 10.8092C4.12769 10.6915 3.98535 10.4449 4.0012 10.1824C4.01705 9.91983 4.18804 9.6921 4.43573 9.60364L22.8188 3.03826C23.038 2.95998 23.2822 3.00359 23.4608 3.15291ZM6.32626 10.3228L9.86168 12.0905L17.4231 7.0495C17.6925 6.86994 18.0525 6.91349 18.2712 7.1521C18.49 7.3907 18.5022 7.75314 18.3 8.00591L13.495 14.0121L19.9328 18.3039L22.2083 4.65058L6.32626 10.3228Z" fill="#666666"/>
+          </svg>
+        </a>
+      </li>
+    </ul>
+  </div>
+  <div class="main-footer__copyright copyright">
+    <a class="copyright__link link" href="https://htmlacademy.ru/intensive/adaptive">HTML Academy</a>
+    <svg class="copyright__icon" width="27" height="34" viewBox="0 0 27 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clip-path="url(#clip0_135765_344)">
+        <path d="M13.6426 0.0157537L13.5 0L0 1.40733V26.0129L13.5 34L27 26.0129V1.40733L13.6426 0.0157537ZM25.2344 25.0151L13.5 31.9573L1.76561 25.0151V14.9293L13.4507 21.8451L13.4701 23.0984L5.45351 18.3548L5.44295 19.5801L13.4894 24.3885L13.5088 25.675L5.46408 20.9174L5.45351 22.1427L13.5 26.9511L21.6239 22.1182V20.8929V16.909L25.2432 14.7595L25.2344 25.0151ZM25.2344 13.4519L22.0147 15.3319L20.5325 16.2071L13.4666 12.0201L13.456 13.2454L19.4957 16.818L19.4429 16.8495L19.3126 16.9247L18.4536 17.4166L13.4666 14.4689L13.456 15.6942L17.3921 18.0222L16.4591 18.6314L16.438 18.6436L13.4666 16.902L13.456 18.1273L15.4029 19.2615L13.4155 20.4483L1.7973 13.5762L13.4349 6.61831L25.2344 13.4519ZM25.2344 12.2266L13.4401 5.31075L1.76561 12.2196V2.9897L13.5 1.76442L25.2344 2.9897V12.2266Z" fill="#666666"/>
+      </g>
+      <defs>
+        <clipPath id="clip0_135765_344">
+          <rect width="27" height="34" fill="white"/>
+        </clipPath>
+      </defs>
+    </svg>
   </div>
 </footer>
 </body>
diff --git a/source/img/gift-background.png b/source/img/gift-background.png
new file mode 100644
index 0000000..0c2eac9
Binary files /dev/null and b/source/img/gift-background.png differ
diff --git a/source/img/hero-background.png b/source/img/hero-background.png
new file mode 100644
index 0000000..4ee20f1
Binary files /dev/null and b/source/img/hero-background.png differ
diff --git a/source/img/logo-mobile-name.svg b/source/img/logo-mobile-name.svg
new file mode 100644
index 0000000..c1a52e6
--- /dev/null
+++ b/source/img/logo-mobile-name.svg
@@ -0,0 +1,18 @@
+<svg width="101" height="18" viewBox="0 0 101 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_37030_445)">
+<path d="M1.26449 16.5385C0.36955 15.2762 -0.0747041 13.7627 1.02073e-05 12.2308V5.84615C-0.108365 4.29774 0.308071 2.75746 1.18546 1.46154C2.05478 0.461538 3.39829 0 5.37403 0C7.34978 0 8.61425 0.461538 9.40455 1.30769C10.2626 2.37941 10.6846 3.72136 10.59 5.07692V6.61539H6.71754V4.84615C6.74881 4.32289 6.66808 3.799 6.48045 3.30769C6.38016 3.10938 6.2212 2.9448 6.02403 2.83513C5.82686 2.72547 5.60049 2.67572 5.37403 2.69231C4.82082 2.69231 4.42568 2.84615 4.26762 3.23077C4.08883 3.77733 4.00862 4.34988 4.03053 4.92308V13.1538C3.98879 13.71 4.0978 14.267 4.34665 14.7692C4.5047 15.1538 4.89985 15.3077 5.45306 15.3077C6.00627 15.3077 6.32239 15.1538 6.48045 14.7692C6.66013 14.2494 6.74049 13.7019 6.71754 13.1538V11.3077H10.59V12.8462C10.6704 14.2238 10.2508 15.5852 9.40455 16.6923C8.61425 17.6154 7.27075 18.0769 5.37403 18.0769C3.47732 18 2.05478 17.5385 1.26449 16.5385Z" fill="#111111"/>
+<path d="M15.2527 0.23077H19.7574L23.0767 17.7692H19.4413L18.8091 14.0769H16.2011L15.5689 17.7692H11.8545L15.2527 0.23077ZM18.493 11.7692L17.5446 4.92308L16.5962 11.7692H18.493Z" fill="#111111"/>
+<path d="M25.8427 3.15385H23.1557V0.23077H32.5602V3.07692H29.8732V17.7692H25.8427V3.15385Z" fill="#111111"/>
+<path d="M39.7519 0.23077H46.7066V2.07692H42.2019V7.84615H45.8372V9.61539H42.2019V16.0769H46.7066V17.8462H39.6729V0.23077H39.7519Z" fill="#111111"/>
+<path d="M48.7613 0.23077H50.5L55.6369 11.8462V0.23077H57.6917V17.7692H56.1111L50.8951 5.76923V17.7692H48.7613V0.23077Z" fill="#111111"/>
+<path d="M60.0626 0.23077H67.0172V2.07692H62.5125V7.84615H66.1479V9.61539H62.5125V16.0769H67.0172V17.8462H60.0626V0.23077Z" fill="#111111"/>
+<path d="M69.072 0.23077H72.7074C74.1375 0.134618 75.5587 0.514353 76.7379 1.30769C77.6072 2 78.0024 3.23077 78.0024 4.84616C78.0024 7.07692 77.2911 8.46154 75.7895 8.92308L78.3185 17.6923H75.8686L73.4977 9.46154H71.5219V17.6923H68.993V0.23077H69.072ZM72.5493 7.76923C73.364 7.83458 74.1761 7.61652 74.8412 7.15385C75.3154 6.76923 75.5524 6 75.5524 4.84616C75.5743 4.27296 75.4941 3.7004 75.3154 3.15385C75.1375 2.76166 74.832 2.4373 74.446 2.23077C73.9017 1.98934 73.3042 1.8836 72.7074 1.92308H71.601V7.69231H72.5493V7.76923Z" fill="#111111"/>
+<path d="M81.1635 16.4615C80.342 15.1166 79.9564 13.5617 80.0571 12V6.15384C80.0376 5.0391 80.1705 3.92679 80.4522 2.84615C80.7167 2.03863 81.2437 1.33668 81.9538 0.84615C82.8362 0.337746 83.8542 0.0967275 84.8779 0.153842C86.5375 0.153842 87.723 0.538458 88.4342 1.38461C89.2524 2.50191 89.6438 3.86237 89.5407 5.23077V5.84615H87.1698V5.30769C87.1733 4.66346 87.1205 4.0201 87.0117 3.38461C86.9451 2.98303 86.7177 2.62348 86.3795 2.38461C85.9353 2.10082 85.4081 1.96578 84.8779 2C84.3112 1.96465 83.7504 2.12843 83.2973 2.46154C83.1114 2.61401 82.9595 2.80181 82.8507 3.01344C82.742 3.22507 82.6788 3.45608 82.6651 3.6923C82.5609 4.37999 82.5081 5.07411 82.507 5.76923V12.3077C82.4488 13.3038 82.6104 14.3006 82.9812 15.2308C83.2973 15.8462 83.9295 16.0769 84.8779 16.0769C85.2523 16.1223 85.6322 16.0589 85.9697 15.8947C86.3072 15.7304 86.5873 15.4727 86.7746 15.1538C87.1922 14.1811 87.3812 13.1299 87.3278 12.0769V10.8462H85.036V9.07692H89.6197V17.7692H88.0391L87.802 15.7692C87.5948 16.4395 87.1634 17.0231 86.5763 17.4273C85.9892 17.8315 85.2801 18.0331 84.5618 18C83.9088 18.0374 83.2564 17.9164 82.6633 17.6479C82.0702 17.3794 81.5548 16.9717 81.1635 16.4615Z" fill="#111111"/>
+<path d="M94.6776 11.6154L90.8052 0.307692H93.1761L95.9421 8.76923L98.6291 0.307692H101L97.1276 11.6154V17.7692H94.7567V11.6154H94.6776Z" fill="#111111"/>
+</g>
+<defs>
+<clipPath id="clip0_37030_445">
+<rect width="101" height="18" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/source/index.html b/source/index.html
index ba17d0c..5aee6be 100644
--- a/source/index.html
+++ b/source/index.html
@@ -3,31 +3,32 @@
 <head>
   <meta charset="utf-8">
   <title>HTML Academy: Кэт энерджи</title>
+  <link rel="stylesheet" href="css/style.css">
 </head>
 <body class="page__body">
 <header class="main-header">
   <a class="main-header__logo logo">
-    <img src="img/logo-mobile.svg" width="33" height="38"
-         alt="Функциональное питание для котов «Cat Energy».">
+    <img src="img/logo-mobile.svg" width="33" height="38" alt="Функциональное питание для котов «Cat Energy».">
+    <img src="img/logo-mobile-name.svg" width="101" height="18" 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="site-list__item site-list__item--active">
-          <a>
+      <ul class="main-nav__list list">
+        <li class="main-nav__item main-nav__item--active">
+          <a class="main-nav__item-link">
             Главная
           </a>
         </li>
-        <li class="site-list__item">
-          <a href="catalog.html">
+        <li class="main-nav__item">
+          <a class="main-nav__item-link" href="catalog.html">
             Каталог продукции
           </a>
         </li>
-        <li class="site-list__item">
-          <a href="form.html">
+        <li class="main-nav__item">
+          <a class="main-nav__item-link" href="form.html">
             Подбор программы
           </a>
         </li>
@@ -37,41 +38,42 @@
 </header>
 <main class="main-container">
   <section class="hero">
-    <div class="hero__wrapper">
+    <div class="container">
       <header class="hero__header">
         <h1 class="hero__title title">Функциональное питание для котов</h1>
         <p class="hero__slogan">Занялся собой? Займись котом!</p>
       </header>
-      <img class="hero__image" src="img/index-can-mobile.png" alt="Упаковка корма Cat Energy со вкусом курицы"
-           width="280" height="270">
+      <img class="hero__image" src="img/index-can-mobile.png" alt="Упаковка корма Cat Energy со вкусом курицы" width="280" height="270">
       <a class="hero__link button button--minor" href="form.html">Подобрать программу</a>
     </div>
   </section>
   <section class="programs">
-    <h2 class="visually-hidden">Программы питания</h2>
-    <ul class="programs__list">
-      <li class="programs__item programs__item--slim">
-        <h3 class="programs__title">Похудение</h3>
-        <p class="programs__text">
-          Ваш кот весит больше собаки и почти утратил способность лазить по деревьям?
-          Пора на диету! Cat Energy Slim поможет вашему питомцу сбросить лишний вес.
-        </p>
-        <a class="programs__link" href="catalog.html">Каталог slim</a>
-      </li>
-      <li class="programs__item programs__item--pro">
-        <h3 class="programs__title">набор массы</h3>
-        <p class="programs__text">
-          Заработать авторитет среди дворовых котов и даже собак? Серия Cat Energy Pro поможет
-          вашему коту нарастить необходимые мышцы!
-        </p>
-        <a class="programs__link" href="catalog.html">Каталог pro</a>
-      </li>
-    </ul>
+    <div class="container">
+      <h2 class="visually-hidden">Программы питания</h2>
+      <ul class="programs__list list">
+        <li class="programs__item programs__item--slim">
+          <h3 class="programs__title">Похудение</h3>
+          <p class="programs__text">
+            Ваш кот весит больше собаки и почти утратил способность лазить по деревьям?
+            Пора на диету! Cat Energy Slim поможет вашему питомцу сбросить лишний вес.
+          </p>
+          <a class="programs__link link" href="catalog.html">Каталог slim</a>
+        </li>
+        <li class="programs__item programs__item--pro">
+          <h3 class="programs__title">Набор массы</h3>
+          <p class="programs__text">
+            Заработать авторитет среди дворовых котов и даже собак? Серия Cat Energy Pro поможет
+            вашему коту нарастить необходимые мышцы!
+          </p>
+          <a class="programs__link link" href="catalog.html">Каталог pro</a>
+        </li>
+      </ul>
+    </div>
   </section>
   <section class="advantages">
-    <div class="advantages__wrapper">
-      <h2 class="visually-hidden">Наши преимущества</h2>
-      <ul class="advantages__list">
+    <div class="container">
+      <h2 class="advantages__title title">Как это работает</h2>
+      <ul class="advantages__list list">
         <li class="advantages__item advantages__item--benefit">
           Функциональное питание содержит только полезные питательные вещества.
         </li>
@@ -88,7 +90,7 @@ <h2 class="visually-hidden">Наши преимущества</h2>
     </div>
   </section>
   <section class="example">
-    <div class="example__wrapper">
+    <div class="container">
       <h2 class="example__title title">Живой пример</h2>
       <p class="example__text">Борис сбросил 5 кг за 2 месяца, просто заменив свой обычный корм на Cat Energy Slim.
         Отличный результат без изнуряющих тренировок! При этом он не менял своих привычек и по-прежнему спит по 16
@@ -116,42 +118,64 @@ <h2 class="example__title title">Живой пример</h2>
         <dd class="example__total--description">15 000 руб.</dd>
       </dl>
       <div class="example__slider">
-        <img class="example__slider-image" src="img/cat-slider-before-mobile.png" alt="Кот до программы"
-             width="280" height="256">
+        <img class="example__slider-image" src="img/cat-slider-before-mobile.png" alt="Кот до программы" width="280" height="256">
         <button class="example__slider-button" type="button"></button>
-        <img class="example__slider-image" src="img/cat-slider-after-mobile.png" alt="Кот после программы"
-             width="280" height="256">
+        <img class="example__slider-image" src="img/cat-slider-after-mobile.png" alt="Кот после программы" width="280" height="256">
       </div>
     </div>
   </section>
 </main>
 <footer class="main-footer">
-  <div class="main-footer__wrapper">
-    <div class="main-footer__contacts contacts">
-      <b class="contacts__title">Приглашаем к сотрудничеству дилеров!</b>
+  <div class="main-footer__contacts contacts">
+    <div class="contacts__text-wrapper contacts__text-wrapper--main container">
+      <p class="contacts__title">Приглашаем к сотрудничеству дилеров!</p>
       <p class="contacts__text">ул. Большая Конюшенная, д. 19/8 Санкт-Петербург</p>
-      <div class="contacts__map"></div>
-    </div>
-    <a class="main-footer__logo logo" href="#">
-      <img src="img/logo-mobile.svg" width="33" height="38"
-           alt="Функциональное питание для котов «Cat Energy».">
-    </a>
-    <div class="main-footer__social social">
-      <ul class="social__list">
-        <li class="social__item">
-          <a class="social__link social__link--vkontakte" href="https://vk.com/htmlacademy">Мы в Вконтакте</a>
-        </li>
-        <li class="social__item">
-          <a class="social__link social__link--youtube" href="https://www.youtube.com/user/htmlacademyru">Мы в Ютубе</a>
-        </li>
-        <li class="social__item">
-          <a class="social__link social__link--telegram" href="https://t.me/htmlacademy">Мы в Телеграме</a>
-        </li>
-      </ul>
-    </div>
-    <div class="main-footer__copyright copyright">
-      <a class="copyright__link" href="https://htmlacademy.ru/intensive/adaptive">HTML Academy</a>
     </div>
+    <div class="contacts__map"></div>
+  </div>
+  <a class="main-footer__logo logo" href="#">
+    <img src="img/logo-mobile-name.svg" width="128" height="24" alt="Функциональное питание для котов «Cat Energy».">
+  </a>
+  <div class="main-footer__social social">
+    <ul class="social__list list">
+      <li class="social__item">
+        <a class="social__link" href="https://vk.com/htmlacademy">
+          <span class="visually-hidden">Мы в Вконтакте</span>
+          <svg class="social__icon" width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M1 5.33876C1 4.48373 1.5151 4.02268 2.54531 3.95562L6.51515 3.98077C6.78158 3.98077 6.95921 4.10651 7.04802 4.35799C7.45655 5.61538 7.91392 6.70094 8.42014 7.61465C8.92637 8.52835 9.58801 9.58038 10.4051 10.7707C10.4761 10.9216 10.5916 10.997 10.7514 10.997C10.8758 10.997 10.9735 10.9384 11.0445 10.821L11.1244 10.5444L11.1511 6.19379C11.1511 5.89201 11.0756 5.69083 10.9246 5.59024C10.7736 5.48965 10.4939 5.4142 10.0853 5.36391C9.76563 5.31361 9.60577 5.12919 9.60577 4.81065C9.60577 4.74359 9.61465 4.69329 9.63241 4.65976C10.0054 3.57002 11.0711 3.02515 12.8296 3.02515L14.3216 3C14.9966 3 15.5561 3.15927 16.0001 3.47781C16.4442 3.79635 16.6662 4.29931 16.6662 4.98669V10.6953C16.7906 10.7791 16.906 10.821 17.0126 10.821C17.279 10.821 17.5099 10.6701 17.7053 10.3683C19.6592 7.78649 20.716 6.05966 20.8759 5.18787C20.8759 5.1711 20.8936 5.12919 20.9291 5.06213C21.0535 4.81065 21.2577 4.5927 21.5419 4.40828C21.8261 4.22387 22.0748 4.09813 22.288 4.03107C22.359 3.99753 22.4389 3.98077 22.5277 3.98077H26.6574L26.9239 4.00592C27.2791 4.00592 27.5544 4.16519 27.7498 4.48373C27.8209 4.58432 27.8697 4.69329 27.8964 4.81065C27.923 4.92801 27.9408 5.04536 27.9496 5.16272C27.9585 5.28008 27.963 5.34714 27.963 5.36391V5.53994C27.8386 6.22732 27.5233 6.9608 27.0171 7.74038C26.5109 8.51997 25.867 9.36243 25.0855 10.2678C24.304 11.1731 23.8155 11.7682 23.6201 12.0533C23.4603 12.2544 23.3803 12.4389 23.3803 12.6065C23.3803 12.7406 23.4514 12.8915 23.5935 13.0592L27.4834 17.6864C27.6965 17.9546 27.8031 18.248 27.8031 18.5666C27.8031 18.9522 27.6432 19.2707 27.3235 19.5222C27.0038 19.7737 26.6219 19.9162 26.1779 19.9497L25.7249 19.9749H21.6752C21.6574 19.9749 21.6219 19.979 21.5686 19.9874C21.5153 19.9958 21.4798 20 21.462 20C21.0712 20 20.7071 19.8407 20.3696 19.5222C20.2453 19.3881 19.4105 18.3989 17.8652 16.5547C17.7764 16.4374 17.652 16.3284 17.4922 16.2278C17.4211 16.4961 17.3279 16.8817 17.2124 17.3846C17.097 17.8876 17.0126 18.248 16.9593 18.466L16.8794 18.8935C16.7018 19.4803 16.3287 19.8323 15.7604 19.9497L15.3874 19.9749H12.7763C11.3021 19.9749 9.83224 19.3378 8.36686 18.0636C6.90148 16.7894 5.58264 15.1423 4.41034 13.122C3.23803 11.1018 2.14566 8.75049 1.13322 6.06805C1.04441 5.8501 1 5.607 1 5.33876ZM17.0126 11.8521C16.6396 11.8521 16.3021 11.7557 16.0001 11.5629C15.6982 11.3701 15.5472 11.106 15.5472 10.7707V4.98669C15.5472 4.65138 15.4584 4.41248 15.2808 4.26997C15.1032 4.12747 14.7923 4.05621 14.3483 4.05621L12.8296 4.10651C12.0658 4.10651 11.4886 4.23225 11.0978 4.48373C11.8793 4.8358 12.2701 5.40582 12.2701 6.19379V10.6198C12.2346 11.039 12.0569 11.3868 11.7372 11.6635C11.4175 11.9401 11.0623 12.0784 10.6715 12.0784C10.1386 12.0784 9.7301 11.8353 9.44591 11.3491C8.06046 9.37081 7.03025 7.4931 6.35529 5.71598L6.1155 5.06213L2.57195 5.03698C2.34104 5.03698 2.21227 5.04956 2.18562 5.0747C2.15898 5.09985 2.14566 5.1711 2.14566 5.28846C2.14566 5.43935 2.16342 5.59862 2.19895 5.76627L2.75845 7.17456C4.25048 10.8126 5.87127 13.6795 7.62085 15.7751C9.37042 17.8708 11.0889 18.9186 12.7763 18.9186H15.4406C15.5472 18.9186 15.6271 18.8893 15.6804 18.8306C15.7337 18.7719 15.7781 18.6588 15.8136 18.4911L15.8669 18.2396L16.3732 16.0266C16.5152 15.7249 16.6396 15.5237 16.7462 15.4231C16.9415 15.2387 17.1725 15.1465 17.4389 15.1465C17.8652 15.1465 18.3003 15.3895 18.7444 15.8757L21.0091 18.5917C21.1512 18.8097 21.3022 18.9186 21.462 18.9186H25.8581C26.391 18.9186 26.6574 18.7929 26.6574 18.5414C26.6574 18.4576 26.6308 18.3738 26.5775 18.2899L22.7142 13.7382C22.4123 13.3861 22.2613 13.0089 22.2613 12.6065C22.2613 12.2041 22.4034 11.8185 22.6876 11.4497C22.9185 11.1144 23.367 10.557 24.0331 9.77737C24.6992 8.99778 25.2809 8.26849 25.7782 7.5895C26.2756 6.9105 26.6042 6.29438 26.764 5.74112L26.8439 5.4142C26.8262 5.38067 26.8173 5.32618 26.8173 5.25074C26.8173 5.1753 26.8084 5.11243 26.7907 5.06213H22.6077C22.3412 5.16272 22.1281 5.31361 21.9682 5.51479L21.8084 5.9926C21.3643 7.14941 20.2009 8.93491 18.3181 11.3491C17.9451 11.6844 17.5099 11.8521 17.0126 11.8521Z" fill="#666666"/>
+          </svg>
+        </a>
+      </li>
+      <li class="social__item">
+        <a class="social__link" href="https://www.youtube.com/user/htmlacademyru">
+          <span class="visually-hidden">Мы в Ютубе</span>
+          <svg class="social__icon" width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M17.8509 10.7927L12.6145 7.30184C12.5159 7.23691 12.4016 7.19985 12.2837 7.19459C12.1657 7.18934 12.0486 7.21608 11.9446 7.27198C11.8406 7.32789 11.7537 7.41087 11.693 7.51215C11.6324 7.61343 11.6002 7.72924 11.6 7.84729V14.8291C11.6001 14.9481 11.6327 15.0648 11.6942 15.1667C11.7557 15.2686 11.8438 15.3518 11.9491 15.4073C12.0524 15.4631 12.1691 15.4895 12.2864 15.4837C12.4037 15.478 12.5172 15.4402 12.6145 15.3746L17.8509 11.8837C17.9409 11.8239 18.0148 11.7429 18.0658 11.6477C18.1169 11.5526 18.1436 11.4462 18.1436 11.3382C18.1436 11.2302 18.1169 11.1239 18.0658 11.0287C18.0148 10.9335 17.9409 10.8525 17.8509 10.7927ZM12.9091 13.6073V9.06911L16.3127 11.3382L12.9091 13.6073ZM25.3891 5.04366C25.2942 4.67547 25.1131 4.33511 24.8609 4.05061C24.6086 3.76611 24.2924 3.54561 23.9382 3.40729C20.2182 1.9782 14.2509 2.00002 14 2.00002C13.7491 2.00002 7.78182 1.9782 4.06182 3.40729C3.70764 3.54561 3.3914 3.76611 3.13914 4.05061C2.88689 4.33511 2.70584 4.67547 2.61091 5.04366C2.32727 6.11275 2 8.07638 2 11.3382C2 14.6 2.32727 16.5637 2.61091 17.6327C2.70584 18.0009 2.88689 18.3413 3.13914 18.6258C3.3914 18.9103 3.70764 19.1308 4.06182 19.2691C7.78182 20.6982 13.7491 20.6764 14 20.6764H14.0764C14.8291 20.6764 20.3927 20.6327 23.9382 19.2691C24.2924 19.1308 24.6086 18.9103 24.8609 18.6258C25.1131 18.3413 25.2942 18.0009 25.3891 17.6327C25.6727 16.5637 26 14.6 26 11.3382C26 8.07638 25.6727 6.11275 25.3891 5.04366ZM24.1236 17.3055C24.0807 17.472 23.999 17.6259 23.8853 17.7548C23.7715 17.8838 23.6289 17.984 23.4691 18.0473C19.9782 19.3891 14.0655 19.3673 14 19.3673C13.9345 19.3673 8.02182 19.3891 4.53091 18.0473C4.37107 17.984 4.22846 17.8838 4.11471 17.7548C4.00096 17.6259 3.91929 17.472 3.87636 17.3055C3.61455 16.3018 3.30909 14.4582 3.30909 11.3382C3.30909 8.2182 3.61455 6.37457 3.87636 5.37093C3.91929 5.20445 4.00096 5.05047 4.11471 4.92156C4.22846 4.79264 4.37107 4.69243 4.53091 4.62911C8.02182 3.28729 13.9345 3.30911 14 3.30911C14.0655 3.30911 19.9782 3.28729 23.4691 4.62911C23.6289 4.69243 23.7715 4.79264 23.8853 4.92156C23.999 5.05047 24.0807 5.20445 24.1236 5.37093C24.3855 6.37457 24.6909 8.2182 24.6909 11.3382C24.6909 14.4582 24.3855 16.3018 24.1236 17.3055Z" fill="#666666"/>
+          </svg>
+        </a>
+      </li>
+      <li class="social__item">
+        <a class="social__link" href="https://t.me/htmlacademy">
+          <span class="visually-hidden">Мы в Телеграме</span>
+          <svg class="social__icon" width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M23.4608 3.15291C23.6393 3.30222 23.7255 3.5349 23.6872 3.76448L21.0611 19.5214C21.0244 19.7411 20.8789 19.9273 20.6745 20.0159C20.47 20.1045 20.2346 20.0833 20.0493 19.9597L12.1708 14.7074C12.0177 14.6054 11.9145 14.4437 11.8862 14.2619C11.858 14.08 11.9074 13.8947 12.0223 13.751L14.633 10.4877L10.273 13.3944C10.077 13.525 9.82597 13.5407 9.61524 13.4353L4.36293 10.8092C4.12769 10.6915 3.98535 10.4449 4.0012 10.1824C4.01705 9.91983 4.18804 9.6921 4.43573 9.60364L22.8188 3.03826C23.038 2.95998 23.2822 3.00359 23.4608 3.15291ZM6.32626 10.3228L9.86168 12.0905L17.4231 7.0495C17.6925 6.86994 18.0525 6.91349 18.2712 7.1521C18.49 7.3907 18.5022 7.75314 18.3 8.00591L13.495 14.0121L19.9328 18.3039L22.2083 4.65058L6.32626 10.3228Z" fill="#666666"/>
+          </svg>
+        </a>
+      </li>
+    </ul>
+  </div>
+  <div class="main-footer__copyright copyright">
+    <a class="copyright__link link" href="https://htmlacademy.ru/intensive/adaptive">HTML Academy</a>
+    <svg class="copyright__icon" width="27" height="34" viewBox="0 0 27 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clip-path="url(#clip0_135765_344)">
+        <path d="M13.6426 0.0157537L13.5 0L0 1.40733V26.0129L13.5 34L27 26.0129V1.40733L13.6426 0.0157537ZM25.2344 25.0151L13.5 31.9573L1.76561 25.0151V14.9293L13.4507 21.8451L13.4701 23.0984L5.45351 18.3548L5.44295 19.5801L13.4894 24.3885L13.5088 25.675L5.46408 20.9174L5.45351 22.1427L13.5 26.9511L21.6239 22.1182V20.8929V16.909L25.2432 14.7595L25.2344 25.0151ZM25.2344 13.4519L22.0147 15.3319L20.5325 16.2071L13.4666 12.0201L13.456 13.2454L19.4957 16.818L19.4429 16.8495L19.3126 16.9247L18.4536 17.4166L13.4666 14.4689L13.456 15.6942L17.3921 18.0222L16.4591 18.6314L16.438 18.6436L13.4666 16.902L13.456 18.1273L15.4029 19.2615L13.4155 20.4483L1.7973 13.5762L13.4349 6.61831L25.2344 13.4519ZM25.2344 12.2266L13.4401 5.31075L1.76561 12.2196V2.9897L13.5 1.76442L25.2344 2.9897V12.2266Z" fill="#666666"/>
+      </g>
+      <defs>
+        <clipPath id="clip0_135765_344">
+          <rect width="27" height="34" fill="white"/>
+        </clipPath>
+      </defs>
+    </svg>
   </div>
 </footer>
 </body>
diff --git a/source/sass/base/base.scss b/source/sass/base/base.scss
new file mode 100644
index 0000000..802e14a
--- /dev/null
+++ b/source/sass/base/base.scss
@@ -0,0 +1,71 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  margin: 0;
+  font-family: "Oswald", "Arial", sans-serif;
+  font-size: 18px;
+  line-height: 21px;
+  color: #000000;
+  background-color: #ffffff;
+}
+
+img {
+  max-width: 100%;
+  object-fit: contain;
+}
+
+.container {
+  padding: 0 20px;
+}
+
+.title {
+  font-size: 36px;
+  line-height: 40px;
+  font-weight: 400;
+}
+
+.button {
+  display: block;
+  padding: 10px 44px;
+  font-family: "Oswald", "Arial", sans-serif;
+  font-size: 16px;
+  line-height: 20px;
+  color: #ffffff;
+  text-align: center;
+  text-decoration: none;
+  text-transform: uppercase;
+  border: none;
+  background-color: #68b738;
+  cursor: pointer;
+}
+
+.link {
+  color: inherit;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  border: 0;
+  padding: 0;
+  white-space: nowrap;
+  clip-path: inset(100%);
+  clip: rect(0 0 0 0);
+  overflow: hidden;
+}
diff --git a/source/sass/base/fonts.scss b/source/sass/base/fonts.scss
new file mode 100644
index 0000000..42fc6b4
--- /dev/null
+++ b/source/sass/base/fonts.scss
@@ -0,0 +1,23 @@
+@font-face {
+  font-family: "Lato";
+  font-style: normal;
+  font-weight: 400;
+  src: url("../../fonts/lato/Lato-Regular.woff2") format("woff2");
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Oswald";
+  font-style: normal;
+  font-weight: 400;
+  src: url("../../fonts/oswald/oswaldregular.woff2") format("woff2");
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Oswald";
+  font-style: normal;
+  font-weight: 500;
+  src: url("../../fonts/oswald/oswaldmedium.woff2") format("woff2");
+  font-display: swap;
+}
diff --git a/source/sass/blocks/additional.scss b/source/sass/blocks/additional.scss
new file mode 100644
index 0000000..2b70b69
--- /dev/null
+++ b/source/sass/blocks/additional.scss
@@ -0,0 +1,60 @@
+.additional {
+  padding-top: 25px;
+  padding-bottom: 35px;
+}
+
+.additional__title {
+  padding-bottom: 36px;
+  font-size: 24px;
+  line-height: 1;
+  border-bottom: 1px solid #cdcdcd;
+}
+
+.additional__item {
+  padding-top: 13px;
+  padding-bottom: 19px;
+  border-bottom: 1px solid #cdcdcd;
+}
+
+.additional__item-title {
+  font-size: 16px;
+  line-height: 1;
+  text-transform: uppercase;
+}
+
+.additional__item-value,
+.additional__item-description {
+  @include text;
+  line-height: 1;
+}
+
+.additional__button {
+  width: 100%;
+}
+
+.additional__gift {
+  position: relative;
+  padding: 185px 60px 45px;
+}
+
+.additional__gift::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(104, 183, 56, 0.85);
+  background-image: url("../../img/gift-background.png");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-blend-mode: overlay;
+  z-index: -1;
+}
+
+.additional__gift-text {
+  @include text;
+  font-size: 16px;
+  text-align: center;
+  color: #ffffff;
+}
diff --git a/source/sass/blocks/advantages.scss b/source/sass/blocks/advantages.scss
new file mode 100644
index 0000000..b127b2e
--- /dev/null
+++ b/source/sass/blocks/advantages.scss
@@ -0,0 +1,7 @@
+.advantages {
+  margin-bottom: 30px;
+}
+
+.advantages__list {
+  @include text;
+}
diff --git a/source/sass/blocks/contacts.scss b/source/sass/blocks/contacts.scss
new file mode 100644
index 0000000..783a77f
--- /dev/null
+++ b/source/sass/blocks/contacts.scss
@@ -0,0 +1,21 @@
+.contacts__text-wrapper {
+  background-color: $base-color;
+  padding-top: 26px;
+  padding-bottom: 26px;
+}
+
+.contacts__text-wrapper.contacts__text-wrapper--main {
+  background-color: #ffffff;
+}
+
+.contacts__title {
+  font-size: 16px;
+  line-height: 20px;
+  text-transform: uppercase;
+  color: #111111;
+}
+
+.contacts__text {
+  @include text;
+  line-height: 20px;
+}
diff --git a/source/sass/blocks/copyright.scss b/source/sass/blocks/copyright.scss
new file mode 100644
index 0000000..c39d027
--- /dev/null
+++ b/source/sass/blocks/copyright.scss
@@ -0,0 +1,5 @@
+.copyright__link {
+  @include text;
+  font-size: 16px;
+  line-height: 20px;
+}
diff --git a/source/sass/blocks/example.scss b/source/sass/blocks/example.scss
new file mode 100644
index 0000000..2eaa7de
--- /dev/null
+++ b/source/sass/blocks/example.scss
@@ -0,0 +1,31 @@
+.example {
+  padding-top: 25px;
+  padding-bottom: 40px;
+  background-color: $base-color;
+}
+
+.example__text {
+  @include text;
+}
+
+.example__item {
+  text-align: center;
+}
+
+.example__value {
+  font-size: 24px;
+  line-height: 1;
+}
+
+.example__description {
+  @include text;
+  font-size: 12px;
+  line-height: 1;
+}
+
+.example__total {
+  font-size: 14px;
+  line-height: 20px;
+  text-align: center;
+  text-transform: uppercase;
+}
diff --git a/source/sass/blocks/hero.scss b/source/sass/blocks/hero.scss
new file mode 100644
index 0000000..2f39202
--- /dev/null
+++ b/source/sass/blocks/hero.scss
@@ -0,0 +1,32 @@
+.hero {
+  position: relative;
+  margin-bottom: 20px;
+  text-align: center;
+  color: #ffffff;
+}
+
+.hero::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 63%;
+  background-color: rgba(104, 183, 56, 0.85);
+  background-image: url("../../img/hero-background.png");
+  background-position: top center;
+  background-repeat: no-repeat;
+  background-blend-mode: overlay;
+  z-index: -1;
+}
+
+.hero__title {
+  padding-top: 27px;
+  line-height: 1;
+}
+
+.hero__slogan {
+  font-size: 14px;
+  line-height: 1;
+  text-transform: uppercase;
+}
diff --git a/source/sass/blocks/main-header.scss b/source/sass/blocks/main-header.scss
new file mode 100644
index 0000000..9493013
--- /dev/null
+++ b/source/sass/blocks/main-header.scss
@@ -0,0 +1,3 @@
+.main-header {
+  padding: 14px 20px;
+}
diff --git a/source/sass/blocks/main-nav.scss b/source/sass/blocks/main-nav.scss
new file mode 100644
index 0000000..bc781cc
--- /dev/null
+++ b/source/sass/blocks/main-nav.scss
@@ -0,0 +1,14 @@
+.main-nav {
+  font-size: 20px;
+  line-height: 20px;
+  text-align: center;
+  text-transform: uppercase;
+  border: 1px solid #e6e6e6;
+  border-right: none;
+  border-left: none;
+}
+
+.main-nav__item-link {
+  text-decoration: none;
+  color: inherit;
+}
diff --git a/source/sass/blocks/product.scss b/source/sass/blocks/product.scss
new file mode 100644
index 0000000..663ff27
--- /dev/null
+++ b/source/sass/blocks/product.scss
@@ -0,0 +1,42 @@
+.product__title {
+  padding-top: 27px;
+  padding-bottom: 40px;
+  line-height: 1;
+  border: 1px solid #ebebeb;
+  border-left: none;
+  border-right: none;
+}
+
+.product__list-item {
+  padding: 20px 20px 25px;
+  border-bottom: 1px solid #ebebeb;
+}
+
+.product__card-title {
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 20px;
+  color: #222222;
+}
+
+.product__card-title.product__card-title--more {
+  text-transform: uppercase;
+  text-align: center;
+  color: #111111;
+}
+
+.product__card-list,
+.product__card-text {
+  @include text;
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.product__button {
+  width: 100%;
+}
+
+.product__button--more.button {
+  color: #444444;
+  background-color: $base-color;
+}
diff --git a/source/sass/blocks/programs.scss b/source/sass/blocks/programs.scss
new file mode 100644
index 0000000..7d7d899
--- /dev/null
+++ b/source/sass/blocks/programs.scss
@@ -0,0 +1,28 @@
+.programs {
+  margin-bottom: 20px;
+}
+
+.programs__list {
+  background-color: $base-color;
+}
+
+.programs__item {
+  padding: 0 20px;
+}
+
+.programs__title {
+  font-size: 24px;
+  line-height: 37px;
+  font-weight: 400;
+  text-transform: uppercase;
+}
+
+.programs__text {
+  @include text;
+}
+
+.programs__link {
+  font-size: 16px;
+  line-height: 1;
+  text-transform: uppercase;
+}
diff --git a/source/sass/blocks/selection.scss b/source/sass/blocks/selection.scss
new file mode 100644
index 0000000..93ea354
--- /dev/null
+++ b/source/sass/blocks/selection.scss
@@ -0,0 +1,38 @@
+.selection {
+  padding-top: 27px;
+}
+
+.selection__header {
+  padding-bottom: 19px;
+}
+
+.selection__data {
+  padding-bottom: 24px;
+  border: none;
+  border-bottom: 1px solid #d9d9d9;
+}
+
+.selection__label,
+.selection__field,
+.selection__textarea {
+  font-family: inherit;
+  font-size: 16px;
+  line-height: 18px;
+  text-transform: uppercase;
+  color: #444444;
+}
+
+.selection__legend {
+  padding-top: 20px;
+  font-size: 24px;
+  line-height: 26px;
+}
+
+.selection__button {
+  width: 100%;
+}
+
+.selection__required-fields {
+  @include text;
+  line-height: 16px;
+}
diff --git a/source/sass/mixins.scss b/source/sass/mixins.scss
new file mode 100644
index 0000000..03af0f5
--- /dev/null
+++ b/source/sass/mixins.scss
@@ -0,0 +1,6 @@
+@mixin text {
+  font-family: "Lato", "Arial", sans-serif;
+  font-size: 14px;
+  line-height: 18px;
+  color: #444444;
+}
diff --git a/source/sass/style.scss b/source/sass/style.scss
index 95815d9..b807726 100644
--- a/source/sass/style.scss
+++ b/source/sass/style.scss
@@ -1 +1,20 @@
-// Начните писать стили здесь
+// добавляем миксины и переменные
+@import "./variables.scss";
+@import "./mixins.scss";
+
+// базовые стили
+@import "./base/fonts.scss";
+@import "./base/base.scss";
+
+// блоки компонентов
+@import "./blocks/main-header.scss";
+@import "./blocks/main-nav.scss";
+@import "./blocks/hero.scss";
+@import "./blocks/programs.scss";
+@import "./blocks/advantages.scss";
+@import "./blocks/example.scss";
+@import "./blocks/contacts.scss";
+@import "./blocks/copyright.scss";
+@import "./blocks/product.scss";
+@import "./blocks/additional.scss";
+@import "./blocks/selection.scss";
diff --git a/source/sass/variables.scss b/source/sass/variables.scss
new file mode 100644
index 0000000..413d78a
--- /dev/null
+++ b/source/sass/variables.scss
@@ -0,0 +1 @@
+$base-color: #f2f2f2;
