-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
9f89ac3
commit 9fef01d
Showing
2 changed files
with
430 additions
and
10 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,283 @@ | ||
| <!DOCTYPE html> | ||
| <html class="page" lang="ru"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>КЭТ ЭНЕРЖИ</title> | ||
| <meta name="viewport" content="width=device-width,initial-scale=1"> | ||
| <link rel="stylesheet" href="styles/styles.css"> | ||
| <script src="scripts/index.js" defer></script> | ||
| </head> | ||
|
|
||
| <body class="page__body"> | ||
| <header class="main-header"> | ||
| <a class="main-header_logo" href="index.html"> | ||
| <img class="main-header__logo-image" src="img/logotype-phone.svg" width="60" height="50" alt="CAT ENERGY"> | ||
| </a>/.logo | ||
| <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 site-list"> | ||
| <li class="site-list__item site-list__item--active"> | ||
| <a>Главная</a> | ||
| </li> | ||
| <li class="site-list__item"> | ||
| <a href="index.html">Каталог продукции</a> | ||
| </li> | ||
| <li class="site-list__item"> | ||
| <a href="form.html">Подбор программы</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
| </header>/ | ||
| <main class="page-main"> | ||
|
|
||
| <section class="catalog"> | ||
| <h2 class="catalog__title">Каталог продукции</h2> | ||
| <div class="container catalog__container"> | ||
| <ul class="catalog__list"> | ||
| <li class="catalog__item product"> | ||
| <a class="product__image-wrapper product__image-wrapper--item-1" href="#"> | ||
|
|
||
| <img class="product__image" src="package/chicken-small.jpg" alt="упаковка продукта Cat Energy Pro со вкусом курицы 500 г."> | ||
|
|
||
| </a> | ||
| <div class="catalog__wrapper"> | ||
| <h3 class="product__title"><a href="#">Cat Energy Pro;500 г</a></h3> | ||
| <dl class="product__info"> | ||
| <dt>Масса</dt> | ||
| <dd>500 г</dd> | ||
| <dt>Вкус</dt> | ||
| <dd>Курица</dd> | ||
| <dt>Цена</dt> | ||
| <dd>700 Р.</dd> | ||
| </dl> | ||
| </div> | ||
| <a class="product__button button" href="#">Заказать</a> | ||
| </li> | ||
|
|
||
| <li class="catalog__item product"> | ||
| <a class="product__image-wrapper product__image-wrapper--item-2" href="#"> | ||
|
|
||
| <img class="product__image" src="img/package/chicken-big.jpg" alt="упаковка продукта Cat Energy Pro со вкусом курицы 1000 г."> | ||
|
|
||
| </a> | ||
| <div class="catalog__wrapper"> | ||
| <h3 class="product__title"><a href="#">Cat Energy Pro<;1000 г</a> | ||
| </h3> | ||
| <dl class="product__info"> | ||
| <dt>Масса</dt> | ||
| <dd>1000 г</dd> | ||
| <dt>Вкус</dt> | ||
| <dd>Курица</dd> | ||
| <dt>Цена</dt> | ||
| <dd>1000 Р.</dd> | ||
| </dl> | ||
| </div> | ||
| <a class="product__button button" href="#">Заказать</a> | ||
| </li> | ||
|
|
||
| <li class="catalog__item product"> | ||
| <a class="product__image-wrapper product__image-wrapper--item-3" href="№"> | ||
|
|
||
| <img class="product__image" src="img/package/fish-small.jpg" alt="упаковка продукта Cat Energy Pro со вкусом рыбы 500 г."> | ||
|
|
||
| </a> | ||
| <div class="catalog__wrapper"> | ||
| <h3 class="product__title"><a href="#">Cat Energy Pro;500 г</a></h3> | ||
| <dl class="product__info"> | ||
| <dt>Масса</dt> | ||
| <dd>500 г</dd> | ||
| <dt>Вкус</dt> | ||
| <dd>Рыба</dd> | ||
| <dt>Цена</dt> | ||
| <dd>700 Р.</dd> | ||
| </dl> | ||
| </div> | ||
| <a class="product__button button" href="#">Заказать</a> | ||
| </li> | ||
|
|
||
| <li class="catalog__item product"> | ||
| <a class="product__image-wrapper product__image-wrapper--item-4" href="#"> | ||
|
|
||
| <img class="product__image" src="img/package/fish-big.jpg" alt="упаковка продукта Cat Energy Pro со вкусом рыбы 1000 г."> | ||
|
|
||
| </a> | ||
| <div class="catalog__wrapper"> | ||
| <h3 class="product__title"><a href="#">Cat Energy Pro;1000 г</a></h3> | ||
| <dl class="product__info"> | ||
| <dt>Масса</dt> | ||
| <dd>1000 г</dd> | ||
| <dt>Вкус</dt> | ||
| <dd>Рыба</dd> | ||
| <dt>Цена</dt> | ||
| <dd>1000 Р.</dd> | ||
| </dl> | ||
| </div> | ||
| <a class="product__button button" href="#">Заказать</a> | ||
| </li> | ||
|
|
||
| <li class="catalog__item product"> | ||
| <a class="product__image-wrapper product__image-wrapper--item-5" href="#"> | ||
|
|
||
| <img class="product__image" src="img/package/buckwheat-small.jpg" alt="упаковка продукта Cat Energy Pro со вкусом гречки 500 г."> | ||
|
|
||
| </a> | ||
| <div class="catalog__wrapper"> | ||
| <h3 class="product__title"><a href="#">Cat Energy Slim;500 г</a></h3> | ||
| <dl class="product__info"> | ||
| <dt>Масса</dt> | ||
| <dd>500 г</dd> | ||
| <dt>Вкус</dt> | ||
| <dd>Гречка</dd> | ||
| <dt>Цена</dt> | ||
| <dd>400 Р.</dd> | ||
| </dl> | ||
| </div> | ||
| <a class="product__button button" href="#">Заказать</a> | ||
| </li> | ||
|
|
||
| <li class="catalog__item product"> | ||
| <a class="product__image-wrapper product__image-wrapper--item-6" href="№"> | ||
|
|
||
| <img class="product__image" src="img/package/buckwheat-big.jpg" alt="упаковка продукта Cat Energy Pro со вкусом гречки 1000 г."> | ||
|
|
||
| </a> | ||
| <div class="catalog__wrapper"> | ||
| <h3 class="product__title"><a href="#">Cat Energy Slim<;1000 г</a> | ||
| </h3> | ||
| <dl class="product__info"> | ||
| <dt>Масса</dt> | ||
| <dd>1000 г</dd> | ||
| <dt>Вкус</dt> | ||
| <dd>Гречка</dd> | ||
| <dt>Цена</dt> | ||
| <dd>700 Р.</dd> | ||
| </dl> | ||
| </div> | ||
| <a class="product__button button" href="#">Заказать</a> | ||
| </li> | ||
|
|
||
| <li class="catalog__item product"> | ||
| <a class="product__image-wrapper product__image-wrapper--item-7" href="№"> | ||
|
|
||
| <img class="product__image" src="img/package/rice.jpg" alt="упаковка продукта Cat Energy Pro со вкусом риса 500 г."> | ||
|
|
||
| </a> | ||
| <div class="catalog__wrapper"> | ||
| <h3 class="product__title"><a href="#">Cat Energy Slim;500 г</a></h3> | ||
| <dl class="product__info"> | ||
| <dt>Масса</dt> | ||
| <dd>500 г</dd> | ||
| <dt>Вкус</dt> | ||
| <dd>Рис</dd> | ||
| <dt>Цена</dt> | ||
| <dd>500 Р.</dd> | ||
| </dl> | ||
| </div> | ||
| <a class="product__button button" href="#">Заказать</a> | ||
| </li> | ||
|
|
||
| <li class="catalog__item catalog__item--add product product--add"> | ||
| <h3 class="product__description">Показать еще 100500 товаров</h3> | ||
| <p class="product__text">На самом деле вкусов гораздо больше!</p> | ||
| <a class="product__button button button--gray" href="#">Показать все</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="other"> | ||
| <div class="container other__container"> | ||
| <h2 class="other__title"><span>Дополнительные товары</span></h2> | ||
|
|
||
| <div class="other__flex-wrapper"> | ||
| <ul class="other__list"> | ||
| <li class="other__item"> | ||
| <h3 class="other__item-title">Сахарозаменитель</h3> | ||
| <dl class="other__item-info"> | ||
| <dt>1 упаковка (100 г)</dt> | ||
| <dd>200 р.</dd> | ||
| </dl> | ||
| <a class="other__item-button button" href="#">Заказать</a> | ||
| </li> | ||
|
|
||
| <li class="other__item"> | ||
| <h3 class="other__item-title">Питьевая вода</h3> | ||
| <dl class="other__item-info"> | ||
| <dt class="other__item-information">5 литров</dt> | ||
| <dd class="other__item-informations">50 р.</dd> | ||
| </dl> | ||
| <a class="other_item-button button" href="#">Заказать</a> | ||
| </li> | ||
|
|
||
| <li class="other__item"> | ||
| <h3 class="other__item-title">Молоко</h3> | ||
| <dl class="other__item-info"> | ||
| <dt>1 литр</dt> | ||
| <dd>100 р.</dd> | ||
| </dl> | ||
| <a class="other__item-button button" href="#">Заказать</a> | ||
| </li> | ||
|
|
||
| <li class="other__item"> | ||
| <h3 class="other__item-title">Витамины</h3> | ||
| <dl class="other__item-info"> | ||
| <dt>1 упаковка (30 г)</dt> | ||
| <dd>300 р.</dd> | ||
| </dl> | ||
| <a class="other__item-button button" href="#">Заказать</a> | ||
| </li> | ||
| </ul> | ||
|
|
||
| <div class="other__action"> | ||
| <p class="other__text">Закажите все<br> и получите чехол для<br> кота в подарок!</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </main> | ||
|
|
||
| <footer> | ||
| <footer class="page-footer"> | ||
| <section class="page-footer__contacts contacts"> | ||
| <div class="container"> | ||
| <h2 class="visually-hidden">Контакты</h2> | ||
| <div class="contacts__wrapper"> | ||
| <p class="contacts__text">Приглашаем <br> к сотрудничеству дилеров!</p> | ||
| <p class="contacts__address">ул. Большая <br> Конюшенная, д. 19/8 <br> <span>Санкт-Петербург</span></p> | ||
| <h2 class="visually-hidden">Карта</h2> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="page-footer__social social"> | ||
| <h2 class="visually-hidden">Мы в социальных сетях</h2> | ||
| <ul class="social__list"> | ||
| <li class="social__item"> | ||
| <a class="social__link" href="#" aria-label="Логотип VK"> | ||
| <span class="visually-hidden">Вконтакте</span> | ||
|
|
||
| </a> | ||
| </li> | ||
| <li class="social__item"> | ||
| <a class="social__link" href="#" aria-label="Белый логотип Instagram в черной обводке"> | ||
| <span class="visually-hidden">Инстаграм</span> | ||
|
|
||
| </a> | ||
| </li> | ||
| <li class="social__item"> | ||
| <a class="social__link" href="#" aria-label="Белый логотип facebook в черной обводке"> | ||
| <span class="visually-hidden">Фейсбук</span> | ||
|
|
||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| ction> | ||
| </footer> | ||
| </section> | ||
| </footer> | ||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.