diff --git a/catalog.html b/catalog.html
index 00a182f..4168e4c 100644
--- a/catalog.html
+++ b/catalog.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="page" lang="ru"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="keywords" content="функциональное питание для котов, CAT Energy, здоровое питание для кошек, питание для активных котов, корм для поддержания веса котов, витамины для кошек, магазин кошачьего корма, сбалансированный корм для котов"><meta name="description" content="Интернет-магазин CAT Energy предлагает функциональное питание для котов. У нас вы найдете сбалансированные корма, которые поддерживают активность и здоровье вашего питомца. Подберите идеальный рацион для вашей кошки."><link rel="icon" href="favicon.ico"><link rel="icon" href="favicons/icon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="favicons/180.png"><link rel="manifest" href="manifest.webmanifest"><link rel="stylesheet" href="styles/styles.css"><title>CAT ENERGY: интернет магазин питания для котов</title><script src="scripts/index.js" defer="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="#"><picture><source width="161" height="172" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-1@1x.png, images/catalog-1@2x.png 2x"><source width="161" height="172" type="image/png" media="(min-width: 768px)" srcset="images/catalog-1@1x.png, images/catalog-1@2x.png 2x"><img class="product-card__image" src="images/catalog-1@1x.png" srcset="images/catalog-1@2x.png 2x" width="68" height="86" alt="Cat energy pro 500 г"></picture></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="#"><picture><source width="172" height="196" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-2@1x.png, images/catalog-2@2x.png 2x"><source width="168" height="206" type="image/png" media="(min-width: 768px)" srcset="images/catalog-2@1x.png, images/catalog-2@2x.png 2x"><img class="product-card__image" src="images/catalog-2@1x.png" srcset="images/catalog-2@2x.png 2x" width="84" height="100" alt="Cat energy pro 1000 г"></picture></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="#"><picture><source width="163" height="174" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-3@1x.png, images/catalog-3@2x.png 2x"><source width="163" height="174" type="image/png" media="(min-width: 768px)" srcset="images/catalog-3@1x.png, images/catalog-3@2x.png 2x"><img class="product-card__image" src="images/catalog-3@1x.png" srcset="images/catalog-3@2x.png 2x" width="68" height="78" alt="Cat energy pro 500 г"></picture></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="#"><picture><source width="172" height="196" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-4@1x.png, images/catalog-4@2x.png 2x"><source width="168" height="200" type="image/png" media="(min-width: 768px)" srcset="images/catalog-4@1x.png, images/catalog-4@2x.png 2x"><img class="product-card__image" src="images/catalog-4@1x.png" srcset="images/catalog-4@2x.png 2x" width="84" height="100" alt="Cat energy pro 1000 г"></picture></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="#"><picture><source width="161" height="171" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-5@1x.png, images/catalog-5@2x.png 2x"><source width="161" height="171" type="image/png" media="(min-width: 768px)" srcset="images/catalog-5@1x.png, images/catalog-5@2x.png 2x"><img class="product-card__image" src="images/catalog-5@1x.png" srcset="images/catalog-5@2x.png 2x" width="68" height="78" alt="Cat energy slim 500 г"></picture></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="#"><picture><source width="172" height="196" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-6@1x.png, images/catalog-6@2x.png 2x"><source width="168" height="200" type="image/png" media="(min-width: 768px)" srcset="images/catalog-6@1x.png, images/catalog-6@2x.png 2x"><img class="product-card__image" src="images/catalog-6@1x.png" srcset="images/catalog-6@2x.png 2x" width="84" height="100" alt="Cat energy slim 1000 г"></picture></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="#"><picture><source width="163" height="174" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-7@1x.png, images/catalog-7@2x.png 2x"><source width="163" height="174" type="image/png" media="(min-width: 768px)" srcset="images/catalog-7@1x.png, images/catalog-7@2x.png 2x"><img class="product-card__image" src="images/catalog-7@1x.png" srcset="images/catalog-7@2x.png 2x" width="72" height="84" alt="Cat energy slim 500 г"></picture></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>
\ No newline at end of file
+<!DOCTYPE html><html class="page" lang="ru"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="keywords" content="функциональное питание для котов, CAT Energy, здоровое питание для кошек, питание для активных котов, корм для поддержания веса котов, витамины для кошек, магазин кошачьего корма, сбалансированный корм для котов"><meta name="description" content="Интернет-магазин CAT Energy предлагает функциональное питание для котов. У нас вы найдете сбалансированные корма, которые поддерживают активность и здоровье вашего питомца. Подберите идеальный рацион для вашей кошки."><link rel="icon" href="favicon.ico"><link rel="icon" href="favicons/icon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="favicons/180.png"><link rel="manifest" href="manifest.webmanifest"><link rel="stylesheet" href="styles/styles.css"><title>CAT ENERGY: интернет магазин питания для котов</title><script src="scripts/index.js" defer="defer"></script></head><body class="page__body"><header class="page__header header"><div class="header__navigation-wrapper"><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><nav class="header__navigation navigation"><ul class="navigation__list"><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></div></header><main class="page__main"><section class="catalog"><div class="catalog__container"><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="#"><picture><source width="161" height="172" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-1@1x.png, images/catalog-1@2x.png 2x"><source width="161" height="172" type="image/png" media="(min-width: 768px)" srcset="images/catalog-1@1x.png, images/catalog-1@2x.png 2x"><img class="product-card__image" src="images/catalog-1@1x.png" srcset="images/catalog-1@2x.png 2x" width="68" height="86" alt="Cat energy pro 500 г"></picture></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 button" href="#">Заказать</a></li><li class="catalog__item product-card"><div class="product-card__image-wrapper"><a class="product-card__link" href="#"><picture><source width="172" height="196" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-2@1x.png, images/catalog-2@2x.png 2x"><source width="168" height="206" type="image/png" media="(min-width: 768px)" srcset="images/catalog-2@1x.png, images/catalog-2@2x.png 2x"><img class="product-card__image" src="images/catalog-2@1x.png" srcset="images/catalog-2@2x.png 2x" width="84" height="100" alt="Cat energy pro 1000 г"></picture></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 button" href="#">Заказать</a></li><li class="catalog__item product-card"><div class="product-card__image-wrapper"><a class="product-card__link" href="#"><picture><source width="163" height="174" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-3@1x.png, images/catalog-3@2x.png 2x"><source width="163" height="174" type="image/png" media="(min-width: 768px)" srcset="images/catalog-3@1x.png, images/catalog-3@2x.png 2x"><img class="product-card__image" src="images/catalog-3@1x.png" srcset="images/catalog-3@2x.png 2x" width="68" height="78" alt="Cat energy pro 500 г"></picture></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 button" href="#">Заказать</a></li><li class="catalog__item product-card"><div class="product-card__image-wrapper"><a class="product-card__link" href="#"><picture><source width="172" height="196" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-4@1x.png, images/catalog-4@2x.png 2x"><source width="168" height="200" type="image/png" media="(min-width: 768px)" srcset="images/catalog-4@1x.png, images/catalog-4@2x.png 2x"><img class="product-card__image" src="images/catalog-4@1x.png" srcset="images/catalog-4@2x.png 2x" width="84" height="100" alt="Cat energy pro 1000 г"></picture></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 button" href="#">Заказать</a></li><li class="catalog__item product-card"><div class="product-card__image-wrapper"><a class="product-card__link" href="#"><picture><source width="161" height="171" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-5@1x.png, images/catalog-5@2x.png 2x"><source width="161" height="171" type="image/png" media="(min-width: 768px)" srcset="images/catalog-5@1x.png, images/catalog-5@2x.png 2x"><img class="product-card__image" src="images/catalog-5@1x.png" srcset="images/catalog-5@2x.png 2x" width="68" height="78" alt="Cat energy slim 500 г"></picture></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 button" href="#">Заказать</a></li><li class="catalog__item product-card"><div class="product-card__image-wrapper"><a class="product-card__link" href="#"><picture><source width="172" height="196" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-6@1x.png, images/catalog-6@2x.png 2x"><source width="168" height="200" type="image/png" media="(min-width: 768px)" srcset="images/catalog-6@1x.png, images/catalog-6@2x.png 2x"><img class="product-card__image" src="images/catalog-6@1x.png" srcset="images/catalog-6@2x.png 2x" width="84" height="100" alt="Cat energy slim 1000 г"></picture></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 button" href="#">Заказать</a></li><li class="catalog__item product-card"><div class="product-card__image-wrapper"><a class="product-card__link" href="#"><picture><source width="163" height="174" type="image/png" media="(min-width: 1440px)" srcset="images/catalog-7@1x.png, images/catalog-7@2x.png 2x"><source width="163" height="174" type="image/png" media="(min-width: 768px)" srcset="images/catalog-7@1x.png, images/catalog-7@2x.png 2x"><img class="product-card__image" src="images/catalog-7@1x.png" srcset="images/catalog-7@2x.png 2x" width="72" height="84" alt="Cat energy slim 500 г"></picture></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 button" href="#">Заказать</a></li><li class="catalog__item product-card product-card--all"><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 button" href="#">Показать все</a></li></ul></div></section><section class="sub-products"><div class="sub-products__container"><h2 class="sub-products__title">Дополнительные товары</h2><ul class="sub-products__list"><li class="sub-products__item"><h3 class="sub-products__heading">Сахарозаменитель</h3><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 button" href="#">Заказать</a></li><li class="sub-products__item"><h3 class="sub-products__heading">Питьевая вода</h3><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 button" href="#">Заказать</a></li><li class="sub-products__item"><h3 class="sub-products__heading">Молоко</h3><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 button" href="#">Заказать</a></li><li class="sub-products__item"><h3 class="sub-products__heading">Витамины</h3><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 button" href="#">Заказать</a></li></ul><div class="sub-products__gift-card gift-card"><p class="gift-card__desc">Закажите все и получите чехол для кота в подарок!</p></div></div></section><section class="subscribe"><div class="subscribe__container"><h2 class="subscribe__title">Акции и новинки</h2><div class="subscribe__wrapper"><p class="subscribe__text">Подпишитесь на наши новости и не пропустите ни одного предложения!</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></div></section><section class="page__contacts contacts"><div class="contacts__container"><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></div></section></main><footer class="page__footer footer"><div class="footer__container"><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></div></footer></body></html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 2e0d704..9dcdb71 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html class="page" lang="ru"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="keywords" content="функциональное питание для котов, CAT Energy, здоровое питание для кошек, питание для активных котов, корм для поддержания веса котов, витамины для кошек, магазин кошачьего корма, сбалансированный корм для котов"><meta name="description" content="Интернет-магазин CAT Energy предлагает функциональное питание для котов. У нас вы найдете сбалансированные корма, которые поддерживают активность и здоровье вашего питомца. Подберите идеальный рацион для вашей кошки."><link rel="icon" href="favicon.ico"><link rel="icon" href="favicons/icon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="favicons/180.png"><link rel="manifest" href="manifest.webmanifest"><link rel="stylesheet" href="styles/styles.css"><title>CAT ENERGY: интернет магазин питания для котов</title><script src="scripts/index.js" defer="defer"></script></head><body class="page__body"><header class="page__header header"><div class="header__navigation-wrapper"><a class="header__logo logo" href="#"><img class="logo__mobile" src="/" width="100" height="100" alt="Логотип сайта Кэт Энерджи"> </a><a class="header__logo-text logo" href="#"><img class="logo-text" src="/" width="100" height="100" alt="Логотип с текстом 'CAT ENERGY'"> </a><button class="button" type="button"><span class="visually-hidden">Расскрытие главного меню</span></button><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><div class="promo__text-wrapper"><h2 class="promo__title">Функциональное питание для котов</h2><p class="promo__lead">Занялся собой? Займись котом!</p></div><picture><source width="552" height="499" type="image/png" media="(min-width: 1440px)" srcset="images/index-can@1x.png, images/index-can@2x.png 2x"><source width="709" height="609" type="image/png" media="(min-width: 768px)" srcset="images/index-can-tablet-1@1x.png, images/index-can-tablet-1@2x.png 2x"><img class="promo__image" src="images/index-can-mobile-1@1x.png" srcset="images/index-can-mobile-1@2x.png 2x" width="100" height="100" alt=""></picture><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><p class="programms__text">Ваш кот весит больше собаки и почти утратил способность лазить по деревьям? Пора на диету! Cat Energy Slim поможет вашему питомцу сбросить лишний вес.</p><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></div></li></ul></section><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="features__item"><p class="features__desc">Выпускается в виде порошка, который нужно лишь залить кипятком и готово.</p></li><li class="features__item"><p class="features__desc">Замените один-два приема обычной еды на наше функциональное питание.</p></li><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__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"><picture><source type="image/png" width="560" height="512" media="(min-width: 768px)" srcset="images/tablet-before@1x.png, images/tablet-before@2x.png 2x"><img class="slider__image" src="images/mobile-before@1x.png" srcset="images/mobile-before@2x.png 2x" width="280" height="256" alt="Жирный кот"></picture><picture><source type="image/png" width="560" height="512" media="(min-width: 768px)" srcset="images/tablet-after@1x.png, images/tablet-after@2x.png 2x"><img class="slider__image" src="images/mobile-after@1x.png" srcset="images/mobile-after@2x.png 2x" width="280" height="256" alt="Стройный кот"></picture><button class="slider__button" type="button"><span class="visually-hidden">Ползунок</span></button></div></div></section><section class="page__contacts contacts"><h2 class="visually-hidden">Контактная информация</h2><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"><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>
\ No newline at end of file
+<!DOCTYPE html><html class="page" lang="ru"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="keywords" content="функциональное питание для котов, CAT Energy, здоровое питание для кошек, питание для активных котов, корм для поддержания веса котов, витамины для кошек, магазин кошачьего корма, сбалансированный корм для котов"><meta name="description" content="Интернет-магазин CAT Energy предлагает функциональное питание для котов. У нас вы найдете сбалансированные корма, которые поддерживают активность и здоровье вашего питомца. Подберите идеальный рацион для вашей кошки."><link rel="icon" href="favicon.ico"><link rel="icon" href="favicons/icon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="favicons/180.png"><link rel="manifest" href="manifest.webmanifest"><link rel="stylesheet" href="styles/styles.css"><title>CAT ENERGY: интернет магазин питания для котов</title><script src="scripts/index.js" defer="defer"></script></head><body class="page__body"><header class="page__header header"><div class="header__navigation-wrapper"><a class="header__logo logo" href="#"><img class="logo__mobile" src="/" width="100" height="100" alt="Логотип сайта Кэт Энерджи"> </a><a class="header__logo-text logo" href="#"><img class="logo-text" src="/" width="100" height="100" alt="Логотип с текстом 'CAT ENERGY'"> </a><button class="button" type="button"><span class="visually-hidden">Расскрытие главного меню</span></button><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"><div class="promo__container"><h1 class="visually-hidden">Интернет-магазин товаров для котов Cat energy</h1><div class="promo__text-wrapper"><h2 class="promo__title">Функциональное питание&nbsp;для&nbsp;котов</h2><p class="promo__lead">Занялся собой? Займись котом!</p></div><picture><source width="552" height="499" type="image/png" media="(min-width: 1440px)" srcset="images/index-can@1x.png, images/index-can@2x.png 2x"><source width="709" height="609" type="image/png" media="(min-width: 768px)" srcset="images/index-can-tablet-1@1x.png, images/index-can-tablet-1@2x.png 2x"><img class="promo__image" src="images/index-can-mobile-1@1x.png" srcset="images/index-can-mobile-1@2x.png 2x" width="280" height="270" alt="Банка с едой Кэт энерджи Про с курицей и весом 500 грамм"></picture><a class="promo__link button" href="#">Подобрать&nbsp;программу</a></div></section><section class="page__programms programms"><div class="programms__container"><h2 class="visually-hidden">Варианты программ питания</h2><ul class="programms__list"><li class="programms__item"><div class="programms__card"><h3 class="programms__title">Похудение</h3><p class="programms__text">Ваш кот весит больше собаки и почти утратил способность лазить по деревьям? Пора на диету! Cat Energy Slim поможет вашему питомцу сбросить лишний вес.</p><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></div></li></ul></div></section><section class="page__features features"><div class="features__container"><h2 class="features__title">Как это работает</h2><ul class="features__list"><li class="features__item"><p class="features__desc">Функциональное питание содержит только полезные питательные вещества.</p></li><li class="features__item"><p class="features__desc">Выпускается в виде порошка, который нужно лишь залить кипятком и готово.</p></li><li class="features__item"><p class="features__desc">Замените один-два приема обычной еды на наше функциональное питание.</p></li><li class="features__item"><p class="features__desc">Уже через месяц наслаждайтесь изменениями к лучшему вашего питомца!</p></li></ul></div></section><section class="page__example example"><div class="example__container"><h2 class="example__title">Живой&nbsp;пример</h2><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"><picture><source type="image/png" width="560" height="512" media="(min-width: 768px)" srcset="images/tablet-before@1x.png, images/tablet-before@2x.png 2x"><img class="slider__image" src="images/mobile-before@1x.png" srcset="images/mobile-before@2x.png 2x" width="280" height="256" alt="Жирный кот"></picture><picture><source type="image/png" width="560" height="512" media="(min-width: 768px)" srcset="images/tablet-after@1x.png, images/tablet-after@2x.png 2x"><img class="slider__image" src="images/mobile-after@1x.png" srcset="images/mobile-after@2x.png 2x" width="280" height="256" alt="Стройный кот"></picture><button class="slider__button" type="button"><span class="visually-hidden">Ползунок</span></button></div></div></div></section><section class="page__contacts contacts"><div class="contacts__container"><h2 class="visually-hidden">Контактная информация</h2><div class="contacts__wrapper"><p class="contacts__text">Приглашаем к&nbsp;сотрудничеству дилеров!</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></div></section></main><footer class="page__footer footer"><div class="footer__container"><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></div></footer></body></html>
\ No newline at end of file
diff --git a/styles/styles.css b/styles/styles.css
index f0f9168..fcd0c11 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -1 +1 @@
-.header{color:#fff;background-color:#639;padding:10px 15px}
\ No newline at end of file
+@font-face{font-family:Lato;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/lato/Lato-Regular.woff2)format("woff2")}@font-face{font-family:Oswald;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/oswald/oswaldregular.woff2)format("woff2")}body{color:#000;background-color:#fff;margin:0;font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px}.button{color:#fff;text-transform:uppercase;background-color:#68b738;font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:400;line-height:20px;text-decoration:none}.header__navigation-wrapper{width:280px;margin:0 auto}.navigation__list{margin:0;padding:0;list-style-type:none}.navigation__link{color:#000;text-transform:uppercase;font-family:Oswald,Arial,sans-serif;font-size:20px;font-weight:400;line-height:20px;text-decoration:none}.catalog__container{width:280px;margin:0 auto}.catalog__title{font-family:Oswald,Arial,sans-serif;font-size:36px;font-weight:400;line-height:36px}.catalog__list{margin:0;padding:0;list-style-type:none}.product-card__link{text-decoration:none}.product-card__title{color:#222;text-transform:uppercase;font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:400;line-height:20px}.product-card__desc{color:#444;font-family:Lato,Arial,sans-serif;font-size:12px;font-weight:400;line-height:16px}.product-card--all .product-card__title{color:#111}.product-card--all .product-card__button{color:#444;background-color:#f2f2f2}.sub-products__container{width:280px;margin:0 auto}.sub-products__title{font-family:Oswald,Arial,sans-serif;font-size:24px;font-weight:400;line-height:24px}.sub-products__list{margin:0;padding:0;list-style-type:none}.sub-products__heading{color:#222;text-transform:uppercase;font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:400;line-height:16px}.sub-products__desc{color:#444;font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:400;line-height:14px}.gift-card{color:#000;background-color:#68b738d9}.gift-card__desc{color:#fff;font-family:Lato,Arial,sans-serif;font-size:16px;font-weight:400;line-height:20px}.subscribe__container{width:280px;margin:0 auto}.subscribe__title{font-family:Oswald,Arial,sans-serif;font-size:24px;font-weight:400;line-height:24px}.subscribe__text{font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px}.subscribe__button{font-family:Oswald,Arial,sans-serif;font-size:20px;font-weight:400;line-height:26px}.promo{color:#000;background-color:#68b738d9}.promo__container{width:280px;margin:0 auto}.promo__title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:36px;font-weight:400;line-height:36px}.promo__lead{color:#fff;text-transform:uppercase;font-family:Oswald,Arial,sans-serif;font-size:14px;font-weight:400;line-height:14px}.programms__container{width:280px;margin:0 auto}.programms__list{margin:0;padding:0;list-style-type:none}.programms__card{color:#000;background-color:#f2f2f2}.programms__title{text-transform:uppercase;font-family:Oswald,Arial,sans-serif;font-size:24px;font-weight:400;line-height:37px}.programms__text{color:#444;font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px}.programms__link{color:#000;text-transform:uppercase;font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:400;line-height:16px;text-decoration:none}.features__container{width:280px;margin:0 auto}.features__list{margin:0;padding:0;list-style-type:none}.features__title{font-family:Oswald,Arial,sans-serif;font-size:36px;font-weight:400;line-height:40px}.features__desc{color:#444;font-family:Lato,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px}.example{color:#000;background-color:#eaeaea}.example__container{width:280px;margin:0 auto}.example__title{font-family:Oswald,Arial,sans-serif;font-size:36px;font-weight:400;line-height:40px}.example__value{text-transform:uppercase;font-family:Oswald,Arial,sans-serif;font-size:24px;font-weight:400;line-height:24px}.example__info-row .example__value{font-family:Oswald,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px}.example__desc{color:#444;font-family:Lato,Arial,sans-serif;font-size:12px;font-weight:400;line-height:12px}.example__info-row .example__desc{font-family:Oswald,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px}.contacts__container{width:280px;margin:0 auto}.contacts__text{color:#111;text-transform:uppercase;font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:400;line-height:20px}.contacts__address{color:#444;font-family:Lato,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.footer{color:#000;background-color:#f2f2f2}.footer__container{width:280px;margin:0 auto}.footer__socials{margin:0;padding:0;list-style-type:none}.footer__copyright-link{text-decoration:none}.footer__copyright{color:#444;font-family:Lato,Arial,sans-serif;font-size:16px;font-weight:400;line-height:20px}
\ No newline at end of file
