Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Разметка #3

Merged
merged 3 commits into from
Nov 15, 2024
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
309 changes: 309 additions & 0 deletions source/catalog.html

Large diffs are not rendered by default.

192 changes: 192 additions & 0 deletions source/form.html

Large diffs are not rendered by default.

Binary file added source/img/cat-energy-pro-1000-buckwheat.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added source/img/cat-energy-pro-1000-chiken.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added source/img/cat-energy-pro-1000-fish.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added source/img/cat-energy-pro-500-buckwheat.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added source/img/cat-energy-pro-500-chiken.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added source/img/cat-energy-pro-500-fish.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added source/img/cat-energy-pro-500-rice.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 18 additions & 0 deletions source/img/site-name.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
35 changes: 15 additions & 20 deletions source/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,7 @@
<header class="main-header">
<a class="site__logo">
<img src="img/logo.svg" height="50px" width="60px" alt="Кэт энерджи">
<p class="site__logo-title-bold">CAT</p>
<p class="site__logo-title-default">ENERGY</p>
<img src="img/site-name.svg" height="18px" width="101px" alt="Название сайта CAT ENERGY">
</a>
<nav class="main-nav">
<button class="main-nav__toggle" type="button"><span class="visually-hidden">Открыть меню</span></button>
Expand All @@ -21,33 +20,31 @@
</a>
</li>
<li class="main-nav__item">
<a href="#">
<a href="catalog.html">
Каталог продукций
</a>
</li>
<li class="main-nav__item">
<a href="#">
<a href="form.html">
Подбор программы
</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="main-container">

<h1 class="visually-hidden">CAT ENERGY - Функциональное питание для котов</h1>

<main class="main-container">
<section class="programs">
<div class="programs__wrapper">
<header class="programs__header">
<h2 class="programs__title">Функциональное питание для котов</h2>
<h1 class="programs__title">Функциональное питание для котов</h1>
<p class="programs__slogan">Занялся собой? Займись котом!</p>
<button class="programs__button">Подобрать программу</button>
<a class="button programs__button">Подобрать программу</button>
</header>
<div class="programs__list">
<div class="programs__item">
<h3 class="programs__item-title">Похудение</h3>
<h2 class="programs__item-title">Похудение</h2>
<p class="programs__item-description">
Ваш кот весит больше собаки и почти утратил способность<br>
лазить по деревьям? Пора на диету! Cat Energy Slim поможет<br>
Expand All @@ -56,7 +53,7 @@ <h3 class="programs__item-title">Похудение</h3>
<a class="programs__item-link">Каталог SLIM</a>
</div>
<div class="programs__item">
<h3 class="programs__item-title">Набор массы</h3>
<h2 class="programs__item-title">Набор массы</h2>
<p class="programs__item-description">
Заработать авторитет среди дворовых котов и даже собак?<br>
Серия Cat Energy Pro поможет вашему коту нарастить<br>
Expand Down Expand Up @@ -108,11 +105,11 @@ <h2 class="advantages__title">Как это работает</h2>
<div class="life-example__wrapper">
<h2 class="life-example__title">Живой пример</h2>
<p class="life-example__description">
Борис сбросил 5 кг за 2 месяца, просто<br>
заменив свой обычный корм на Cat Energy<br>
Slim. Отличный результат без изнуряющих<br>
тренировок! При этом он не менял своих<br>
привычек и по-прежнему спит по 16 часов<br>
Борис сбросил 5 кг за 2 месяца, просто
заменив свой обычный корм на Cat Energy
Slim. Отличный результат без изнуряющих
тренировок! При этом он не менял своих
привычек и по-прежнему спит по 16 часов
в день.
</p>
<ul class="life-example__weight-and-time-list">
Expand Down Expand Up @@ -140,7 +137,7 @@ <h2 class="visually-hidden">Сотрудничество</h2>
Конюшенная, д. 19/8<br>
Санкт-Петербург
</p>
<img src="img/location.png" width="320px" height="362px" alt="Расположение офиса CAT ENERGY">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.6036257198161!2d30.32047247732078!3d59.93871916209359!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca145cc1%3A0x42b32648d8238007!2z0JHQvtC70YzRiNCw0Y8g0JrQvtC90Y7RiNC10L3QvdCw0Y8g0YPQuy4sIDE5LzgsINCh0LDQvdC60YIt0J_QtdGC0LXRgNCx0YPRgNCzLCAxOTExODY!5e0!3m2!1sru!2sru!4v1730462590686!5m2!1sru!2sru" width="320" height="362" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>
</main>
Expand All @@ -149,9 +146,7 @@ <h2 class="visually-hidden">Сотрудничество</h2>
<div class="main-footer__wrapper">
<div class="main-footer__logo">
<a class="site__logo">
<p class="site__logo-title-bold">CAT</p>
<p class="site__logo-title-default">ENERGY</p>
</a>
<img src="img/site-name.svg" height="18px" width="101px" alt="Название сайта CAT ENERGY"> </a>
</div>
<div class="main-footer__social social">
<ul class="social__list">
Expand Down
Loading