Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@brazilets
brazilets authored Feb 3, 2024
1 parent 331933a commit 5854192
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!DOCTYPE html><html class="page" lang="ru"><head><meta charset="UTF-8"><title>Cat Energy</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><link rel="icon" href="favicons/icon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="favicons/apple.png"><link rel="manifest" href="manifest.webmanifest"><link rel="preload" href="fonts/lato/Lato-Regular.woff2" as="font" crossorigin="anonymous"><link rel="preload" href="fonts/oswald/oswaldregular.woff2" as="font" crossorigin="anonymous"><link rel="stylesheet" href="styles/styles.css"></head><body class="page__body"><header class="header header--decor header--nojs"><div class="container"><div class="header__inner"><a class="header__logo logo" href="#"><picture><source media="(min-width: 1440px)" srcset="images/logo-desktop.svg" type="image/svg+xml" width="70" height="59"><source media="(min-width: 768px)" srcset="images/logo-tablet.svg" type="image/svg+xml" width="60" height="50"><img class="logo__img" src="images/logo-mobile.svg" width="33" height="38" alt="Логотип"></picture><img class="logo__text" src="images/logo-text.svg" width="101" height="18" alt="Логотип Cat Energy"></a><nav class="menu-nav menu-nav--nojs"><ul class="menu-nav__list"><li class="menu-nav__item"><a class="menu-nav__link menu-nav__link--decor menu-nav__link--current" href="#">Главная</a></li><li class="menu-nav__item"><a class="menu-nav__link menu-nav__link--decor" href="catalog.html">Каталог продукции</a></li><li class="menu-nav__item"><a class="menu-nav__link menu-nav__link--decor" href="form.html">Подбор программы</a></li></ul><button class="menu-nav__toggle" id="burger" aria-label="Открыть меню" type="button"><span></span> <span></span> <span></span></button></nav></div></div></header><main class="main"><section class="hero"><div class="container"><div class="hero__inner"><div class="hero__content"><h1 class="hero__title title">Функциональное<br>питание для котов</h1><p class="hero__text">Занялся собой? Займись котом!</p></div><a class="hero__link" href="form.html">Подобрать программу</a><div class="hero__img"><picture><source media="(min-width: 1440px)" srcset="images/[email protected], images/[email protected] 2x" type="image/webp" width="552" height="499"><source media="(min-width: 768px)" srcset="images/[email protected], images/[email protected] 2x" type="image/webp" width="709" height="609"><source srcset="images/[email protected], images/[email protected] 2x" type="image/webp" width="280" height="270"><source media="(min-width: 1440px)" srcset="images/[email protected], images/[email protected] 2x" type="image/png" width="552" height="499"><source media="(min-width: 768px)" srcset="images/[email protected], images/[email protected] 2x" type="image/png" width="709" height="609"><img class="hero__product-image" src="images/[email protected]" srcset="images/[email protected] 2x" width="280" height="270" alt="Питание Cat Energy"></picture></div></div></div></section><section class="programs"><div class="container"><h2 class="visually-hidden">Программы питания</h2><ul class="programs__list"><li class="programs__item programs__item--slim"><h3 class="programs__title">Похудение</h3><p class="programs__lead">Ваш кот весит больше собаки и почти утратил способность лазить по деревьям? Пора на диету! 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__lead">Заработать авторитет среди дворовых котов и даже собак? Серия Cat Energy Pro поможет вашему коту нарастить необходимые мышцы!</p><a class="programs__link" href="catalog.html">Каталог pro</a></li></ul></div></section><section class="effect"><div class="container"><h2 class="effect__title title">Как это работает</h2><ol class="effect__list"><li class="effect__item effect__item--leaf"><p class="effect__text">Функциональное питание содержит только полезные питательные вещества.</p></li><li class="effect__item effect__item--powder"><p class="effect__text">Выпускается в виде порошка, который нужно лишь залить кипятком и готово.</p></li><li class="effect__item effect__item--eat"><p class="effect__text">Замените один-два приема обычной еды на наше функциональное питание.</p></li><li class="effect__item effect__item--time"><p class="effect__text">Уже через месяц наслаждайтесь изменениями к лучшему<br>вашего питомца!</p></li></ol></div></section><section class="example"><div class="container"><div class="example__inner"><h2 class="example__title title">Живой пример</h2><p class="example__text">Борис сбросил 5 кг за 2 месяца, просто заменив свой обычный корм на Cat Energy Slim. Отличный результат без изнуряющих тренировок! При этом он не менял своих привычек и по-прежнему спит по 16 часов в день.</p><div class="example__wrapper"><dl class="example__info-list"><div class="example__info-item"><dt class="example__info-value">5 КГ</dt><dd class="example__info-text">Снижение веса</dd></div><div class="example__info-item"><dt class="example__info-value">60 ДНЕЙ</dt><dd class="example__info-text">Затрачено времени</dd></div></dl><div class="example__expenses"><span class="example__expenses-value">Затраты на питание:</span> <span class="example__expenses-text">15 000 РУБ.</span></div></div><div class="example__slider slider"><picture><source media="(min-width: 768px)" srcset="images/[email protected], images/[email protected] 2x" type="image/webp" width="560" height="512"><source srcset="images/[email protected], images/[email protected] 2x" type="image/webp" width="280" height="256"><source media="(min-width: 768px)" srcset="images/[email protected], images/[email protected] 2x" type="image/png" width="560" height="512"><img class="slider__img-after" src="images/[email protected]" srcset="images/[email protected] 2x" width="280" height="256" alt="Кот после программы"></picture><button class="slider__button" type="button" aria-label="ползунок слайдера"><svg width="24" height="18"><use href="images/icons/stack.svg#slider-btn"></use></svg></button><div class="slider__before"><div class="slider__before-inner"><picture><source media="(min-width: 768px)" srcset="images/[email protected], images/[email protected] 2x" type="image/webp" width="560" height="512"><source srcset="images/[email protected], images/[email protected] 2x" type="image/webp" width="280" height="256"><source media="(min-width: 768px)" srcset="images/[email protected], images/[email protected] 2x" type="image/png" width="560" height="512"><img class="slider__img-before" src="images/[email protected]" srcset="images/[email protected] 2x" width="280" height="256" alt="Кот после программы"></picture></div></div></div></div></div></section><section class="contacts"><div class="container"><div class="contacts__inner"><h2 class="contacts__title">Приглашаем к&nbsp;сотрудничеству дилеров!</h2><div class="contacts__text"><p class="contacts__address">ул. Большая Конюшенная, д. 19/8</p><p class="contacts__city">Санкт-Петербург</p></div></div></div><div class="contacts__maps-inner"><iframe class="contacts__maps contacts__maps--nojs" src="https://yandex.ru/map-widget/v1/?um=constructor%3Aad1634271e6ae1b1a8df1816f109a88340982f2b678bf696652e1eb0a2695662&amp;source=constructor" height="362"></iframe></div></section></main><footer class="footer"><div class="container"><div class="footer__inner"><div class="footer__logo"><a class="footer__logo-link" href="index.html" aria-label="Логотип Cat Energy"><svg width="128" height="24"><use href="images/icons/stack.svg#logo-text"></use></svg></a></div><ul class="social"><li class="social__item"><a class="social__link" href="#" aria-label="Вконтакте"><svg width="28" height="22"><use href="images/icons/stack.svg#icon-vk"></use></svg></a></li><li class="social__item"><a class="social__link" href="#" aria-label="Ютуб"><svg width="28" height="22"><use href="images/icons/stack.svg#icon-youtube"></use></svg></a></li><li class="social__item"><a class="social__link" href="#" aria-label="Телеграм"><svg width="28" height="22"><use href="images/icons/stack.svg#icon-telegram"></use></svg></a></li></ul><a class="developer" href="https://htmlacademy.ru/intensive/adaptive" target="blank" rel="noreferrer noopener"><span>HTML Academy</span> <svg class="icon-html-academy" width="27" height="34"><use href="images/icons/stack.svg#icon-html-academy"></use></svg></a></div></div></footer><script src="scripts/index.js" defer="defer"></script></body></html>

0 comments on commit 5854192

Please sign in to comment.