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.

Sign up for GitHub

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

pull reqest in html academy #3

Closed
wants to merge 6 commits into from
Closed

pull reqest in html academy #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
9e480ee
Добовляет наставника
IliyaPolyakov Oct 5, 2024
ce54698
Добавляет ссылку для наставника
IliyaPolyakov Oct 5, 2024
f5f81e1
делаю разметку
IliyaPolyakov Oct 10, 2024
44dd6ae
Исправляю разметку
IliyaPolyakov Oct 21, 2024
8d5755e
Добовляю каталог
IliyaPolyakov Oct 21, 2024
58bdb63
исправляю разметку 2
IliyaPolyakov Oct 23, 2024
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
2 changes: 1 addition & 1 deletion Readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Личный проект «Кэт энерджи»

* Студент: [Илья Поляков](https://up.htmlacademy.ru/adaptive-individual/2/user/2531813).
* Наставник: `Неизвестно`.
* Наставник: [Артем Картавый](https://htmlacademy.ru/profile/artem_k).

---

Expand Down
328 changes: 328 additions & 0 deletions source/catalog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,328 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Каталог продукции</title>
</head>
<body class="">
<header class="main-header">
<nav class="navigation">
<a class="header-logo">
<img
class="main-header__logo-image"
src="/source/images/logo-mobile.svg"
width="33"
height="38"
alt="логотип кота"
/>
</a>
<a class="main-header__logo-text">
<img
class="main-header__logo-text"
src="/source/images/cat_energy_text.svg"
width="101"
height="18"
alt="текст кот энергия"
/>
</a>
<button class="open-menu" type="button">
<span class="visually-hidden">Открыть меню</span>
</button>
<ul class="navigation-list">
<li class="navigation-item navigation-item--current">
<a href="#">Главная</a>
</li>
<li class="navigation-item navigation-item--current">
<a href="#">Каталог продукции</a>
</li>
<li class="navigation-item navigation-item--current">
<a href="#">Подбор программы</a>
</li>
</ul>
</nav>
</header>
<main class="main-container-catalog">
<section class="product-cards">
<h1 class="catalog-title">Каталог продукции</h1>
<ul class="list-cards">
<li class="card-element">
<div class="product-card">
<a class="cards-link" href="#">
<h2 class="title-casrds-product">Cat Energy PRO 500 г</h2>
</a>

<dl>
<dt>Масса</dt>
<dd>500г</dd>
</dl>
<dl>
<dt>вкус</dt>
<dd>курица</dd>
</dl>
<dl>
<dt>цена</dt>
<dd>700 &#8381;</dd>
</dl>

<a class="order-button" href="#">заказать</a>
</div>
</li>
<li class="card-element">
<div class="product-card">
<a class="cards-link" href="#">
<h2 class="title-casrds-product">Cat Energy PRO 1000 г</h2>
</a>

<dl>
<dt>Масса</dt>
<dd>1000г</dd>
</dl>
<dl>
<dt>вкус</dt>
<dd>курица</dd>
</dl>
<dl>
<dt>цена</dt>
<dd>1000 &#8381;</dd>
</dl>

<a class="order-button" href="#">заказать</a>
</div>
</li>
<li class="card-element">
<div class="product-card">
<a class="cards-link" href="#">
<h2 class="title-casrds-product">Cat Energy PRO 500 г</h2>
</a>

<dl>
<dt>Масса</dt>
<dd>500г</dd>
</dl>
<dl>
<dt>вкус</dt>
<dd>рыба</dd>
</dl>
<dl>
<dt>цена</dt>
<dd>700 &#8381;</dd>
</dl>

<a class="order-button" href="#">заказать</a>
</div>
</li>
<li class="card-element">
<div class="product-card">
<a class="cards-link" href="#">
<h2 class="title-casrds-product">Cat Energy PRO 1000 г</h2>
</a>

<dl>
<dt>Масса</dt>
<dd>1000г</dd>
</dl>
<dl>
<dt>вкус</dt>
<dd>рыба</dd>
</dl>
<dl>
<dt>цена</dt>
<dd>1000 &#8381;</dd>
</dl>

<a class="order-button" href="#">заказать</a>
</div>
</li>
<li class="card-element">
<div class="product-card">
<a class="cards-link" href="#">
<h2 class="title-casrds-product">Cat Energy Slim 500 г</h2>
</a>

<dl>
<dt>Масса</dt>
<dd>500г</dd>
</dl>
<dl>
<dt>вкус</dt>
<dd>гречка</dd>
</dl>
<dl>
<dt>цена</dt>
<dd>400 &#8381;</dd>
</dl>

<a class="order-button" href="#">заказать</a>
</div>
</li>
<li class="card-element">
<div class="product-card">
<a class="cards-link" href="#">
<h2 class="title-casrds-product">Cat Energy Slim 1000 г</h2>
</a>

<dl>
<dt>Масса</dt>
<dd>1000г</dd>
</dl>
<dl>
<dt>вкус</dt>
<dd>гречка</dd>
</dl>
<dl>
<dt>цена</dt>
<dd>700 &#8381;</dd>
</dl>

<a class="order-button" href="#">заказать</a>
</div>
</li>
<li class="card-element">
<div class="product-card">
<a class="cards-link" href="#">
<h2 class="title-casrds-product">Cat Energy Slim 500 г</h2>
</a>

<dl>
<dt>Масса</dt>
<dd>500г</dd>
</dl>
<dl>
<dt>вкус</dt>
<dd>рис</dd>
</dl>
<dl>
<dt>цена</dt>
<dd>500 &#8381;</dd>
</dl>

<a class="order-button" href="#">заказать</a>
</div>
</li>
<li>
<a class="cards-link" href="#">
<h2 class="title-casrds-product">Показать еще 100500 товаров</h2>
</a>
<p>На самом деле вкусов гораздо больше!</p>
<button class="button-cards" type="button">показать все</button>
</li>
</ul>
</section>
<section class="additional_products">
<h2>Допольнительные товары</h2>
<ul>
<li>
<p>Сахарозаменитель</p>

<dl>
<dt>1 упаковка (100 г)</dt>
<dd>200 ₽</dd>
</dl>

<button type="button">Заказать</button>
</li>
<li>
<p>питьевая вода</p>

<dl>
<dt>5 литров</dt>
<dd>50 ₽</dd>
</dl>

<a class="order-button" href="#">заказать</a>
</li>
<li>
<p>молоко</p>

<dl>
<dt>1 литр</dt>
<dd>100 ₽</dd>
</dl>

<a class="order-button" href="#">заказать</a>
</li>
<li>
<p>витамины</p>

<dl>
<dt>1 упаковка (30 г)</dt>
<dd>300 ₽</dd>
</dl>

<a class="order-button" href="#">заказать</a>
</li>
</ul>
<div>
<p>Закажите все и получите чехол для кота в подарок!</p>
</div>
</section>

<section class="promotions_and_new_products">
<h2>Акции и новинки</h2>
<p>
Подпишитесь на наши новости и не пропустите ни одного предложения!
</p>
<form method="post">
<label for="user-name"></label>
<input id="user-name" type="email" required />
<button type="submit">подписаться</button>
</form>
</section>
<section class="invitation">
<div class="invitation__wrapper">
<h2 class="invitation__title">Приглашаем к сотруднечиству дилеров</h2>
<p class="invitation__address">
<a href="#" class="invitation__address-link"
>ул. Большая Конюшенная, д. 19/8 Санкт-Петербург</a
>
</p>
</div>
</section>
</main>
<footer class="main-footer">
<div class="main-footer__wrapper">
<div class="main-footer__contact">
<a
><img
class="contacts-icon"
src="/source/images/cat_energy_text.svg"
width="128"
height="24"
alt="кот енергия"
/></a>
</div>
<div class="main-footer__social">
<ul class="social-list">
<li class="social-item">
<a
class="social-link social-link--vkonakte"
href="https://vk.com/htmlacademy"
>Вконтакте</a
>
</li>
<li class="social-item">
<a
class="social-link social-link--yotube"
href="https://www.youtube.com/@HTMLAcademyTV"
>Ютуб</a
>
</li>
<li class="social-item">
<a
class="social-link social-link--telegram"
href="https://t.me/htmlacademy"
>Телеграм</a
>
</li>
</ul>
</div>
<div class="main-footer__copyright copyright">
<a class="copyright__link" href="https://htmlacademy.ru/study"
>html academy</a
>
</div>
</div>
</footer>
</body>
</html>
18 changes: 18 additions & 0 deletions source/images/cat_energy_text.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 19 additions & 0 deletions source/images/logo-mobile.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading