Skip to content

Commit

Permalink
Merge pull request #5 from posplawone/module5-task1
Browse files Browse the repository at this point in the history
  • Loading branch information
@keksobot
keksobot authored Dec 11, 2024
2 parents 8900301 + 4bcce6e commit 1109fb9
Show file tree
Hide file tree
Showing 13 changed files with 712 additions and 566 deletions.
2 changes: 1 addition & 1 deletion source/catalog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -493,4 +493,4 @@ <h3 class="extra__name">
</div>
</footer>
</body>
</html>
</html>
1 change: 1 addition & 0 deletions source/img/button-cat.svg
View file
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/example-cat-big.png
View file
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/example-cat-small.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed source/img/example-cat.png
View file
Binary file not shown.
80 changes: 54 additions & 26 deletions source/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,27 @@
</li>
</ul>
</nav>
<div class="main-header__menu main-header__menu-close">
<div class="main-header__menu-content">
<ul class="main-header__menu-list">
<li class="main-header__menu-item">
<a class="main-header__menu-link" href="#">
Главная
</a>
</li>
<li class="main-header__menu-item">
<a class="main-header__menu-link" href="catalog.html">
Каталог продукции
</a>
</li>
<li class="main-header__menu-item">
<a class="main-header__menu-link" href="form.html">
Подбор программы
</a>
</li>
</ul>
</div>
</div>
</header>

<main class="main-container">
Expand Down Expand Up @@ -101,28 +122,24 @@ <h2 class="work__title">
<p class="work__description">
Функциональное питание содержит только полезные питательные вещества.
</p>
<img class="work__number" src="img/work-one.png" width="71" height="227">
</li>
<li class="work__item work__item--powder">
<img class="work__image" src="img/work-powder.svg" width="80" height="80" alt="Иконка листочка">
<p class="work__description">
Выпускается в виде порошка, который нужно лишь залить кипятком и готово.
</p>
<img class="work__number" src="img/work-two.png" width="113" height="229">
</li>
<li class="work__item work__item--reception">
<img class="work__image" src="img/work-reception.svg" width="80" height="80" alt="Иконка листочка">
<p class="work__description">
Замените один-два приема обычной еды на наше функциональное питание.
</p>
<img class="work__number" src="img/work-three.png" width="112" height="232">
</li>
<li class="work__item work__item--time">
<img class="work__image" src="img/work-time.svg" width="80" height="80" alt="Иконка листочка">
<p class="work__description">
Уже&nbsp;через&nbsp;месяц&nbsp;наслаждайтесь изменениями к лучшему вашего питомца!
</p>
<img class="work__number" src="img/work-four.png" width="121" height="227">
</li>
</ul>
</div>
Expand All @@ -134,32 +151,43 @@ <h2 class="example__title">
</h2>
<div class="example__wrapper">
<div class="example__sample">
<p class="example__description">
Борис сбросил 5 кг за 2 месяца, просто заменив свой обычный корм на Cat Energy Slim. Отличный результат без изнуряющих тренировок! При этом он не менял своих привычек и по-прежнему спит по 16 часов в день.
</p>
<div class="example__total">
<div class="example__tables">
<div class="example__result">
<p class="example__value">5 кг</p>
<span class="example__expenses">снижение веса</span>
<div class="example__block">
<p class="example__description">
Борис сбросил 5 кг за 2 месяца, просто заменив свой обычный корм на Cat Energy Slim. Отличный результат без изнуряющих тренировок! При этом он не менял своих привычек и по-прежнему спит по 16 часов в день.
</p>
<div class="example__total">
<div class="example__tables">
<div class="example__result">
<p class="example__value">5 кг</p>
<span class="example__expenses">снижение веса</span>
</div>
<div class="example__result">
<p class="example__value">60 дней</p>
<span class="example__expenses">затрачено времени</span>
</div>
</div>
<div class="example__result">
<p class="example__value">60 дней</p>
<span class="example__expenses">затрачено времени</span>
<div class="example__costs">
<p class="example__food">
Затраты на питание:
</p>
<p class="example__price">
15 000 руб.
</p>
</div>
</div>
<div class="example__costs">
<p class="example__food">
Затраты на питание:
</p>
<p class="example__price">
15 000 руб.
</p>
</div>
<div class="example__slider">
<div class="example__before" style="width: 50%; overflow: hidden;">
<img src="/img/example-cat-big.png" alt="Кот на массе" width="560px">
</div>
<div class="example__after" style="width: 50%; overflow: hidden;">
<img src="/img/example-cat-small.png" alt="Худой кот" width="560px">
</div>
<button class="example__button" type="button">
<img class="example__button--vector" src="img/button-cat.svg" width="24" height="18">
</button>
</div>
</div>
<img class="example__image" src="img/example-cat.png" width="280" height="256" alt="">
</div>
</section>

<section class="map">
Expand All @@ -177,7 +205,7 @@ <h2 class="example__title">
</span>
</div>
</address>
<img class="map__image" src="img/map-mobile.jpg" width="320" height="362" alt="">
<iframe class="map__iframe" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.603625719817!2d30.32047247732077!3d59.938719162093584!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca145cc1%3A0x42b32648d8238007!2z0JHQvtC70YzRiNCw0Y8g0JrQvtC90Y7RiNC10L3QvdCw0Y8g0YPQuy4sIDE5LzgsINCh0LDQvdC60YIt0J_QtdGC0LXRgNCx0YPRgNCzLCAxOTExODY!5e0!3m2!1sru!2sru!4v1733820038769!5m2!1sru!2sru" width="1440" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>
</main>
Expand Down Expand Up @@ -219,4 +247,4 @@ <h2 class="example__title">
</div>
</footer>
</body>
</html>
</html>
Loading

0 comments on commit 1109fb9

Please sign in to comment.