Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

save

Browse Source
This commit is contained in:
Kirill Pet
2024-10-06 22:37:29 +03:00
parent 8edb4877fa
commit f81de85d89
7 changed files with 763 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

193
index.html
View File

@@ -223,7 +223,7 @@
<div class="product__header">
<p class="product__title">Продукция</p>
<button class="button">
<button class="button button--gradient button--high button--filter">
Фильтры
</button>
</div>
@@ -231,13 +231,183 @@
<div class="product__tag">
<div class="product-tag__item">
<div class="product-tag-item__content">
dsd
<p class="product-tag-item__text">Для собак</p>
<button class="product-tag-item__button">
</button>
</div>
</div>
<div class="product-tag__item">
<div class="product-tag-item__content">
<p class="product-tag-item__text">Для собак</p>
<button class="product-tag-item__button">
</button>
</div>
</div>
<div class="product-tag__item">
<div class="product-tag-item__content">
<p class="product-tag-item__text">Для собак</p>
<button class="product-tag-item__button">
</button>
</div>
</div>
</div>
<div class="product__main">
<div class="product__item">
<div class="product-item__label">
<div class="product-item-label__tag product-item-label__tag--new">
Новинка
</div>
</div>
<div class="product-item__product-card">
<img src="assets/img/product/image.png" alt="" class="product-item__images">
</div>
<div class="product-item__content-card">
<div class="compound">
<div class="compound__item">Индейка </div>
<div class="compound__item">Индейка </div>
</div>
<p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
<p class="product-item__price">
1 304
</p>
<div class="product-item__bye">
<button class="button button--white button--100-perc">
Купить
</button>
</div>
</div>
<div class="product-item__overlay">
<div class="product-item-overlay__header">
<p class="product-item__title">
Сухой корм, 2 кг, для крупных и средних пород
</p>
<ul class="product-item-overlay__tags">
<li>Seperpremium</li>
<li>Для крупных и средних пород </li>
<li>Полнорационный</li>
</ul>
</div>
<form class="product-item__form" method="post" action="/send-telegram.php">
<div class="product-item-overlay__input-block">
<div class="product-item-overlay__field">
<p class="product-item-overlay-field__title">Объем</p>
<div class="select">
<input type="text" class="select__state" value="2 кг">
<div class="state__block">
<ul class="state__content">
<li>
<button class="state__button active">
2 кг
</button>
</li>
<li>
<button class="state__button">
3 кг
</button>
</li>
<li>
<button class="state__button">
4 кг
</button>
</li>
</ul>
</div>
</div>
</div>
<div class="product-item-overlay__field">
<p class="product-item-overlay-field__title">Количество</p>
<div class="counter">
<button class="counter__button">
<img src="assets/img/svg/main/minus.svg" alt="">
</button>
<input type="text" class="counter__input" value="1">
<button class="counter__button">
<img src="assets/img/svg/main/plus.svg" alt="">
</button>
</div>
</div>
</div>
<p class="product-item-overlay__price">
1280
</p>
<div class="product-item-overlay__block-button">
<div class="product-item-overlay__button">
<input class="button button--gradient button--base button--100-perc" type="submit" value="Добавить в корзину">
</div>
<div class="product-item-overlay__button">
<button class="to-know button--100-perc">
<p>Подробнее</p>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="product__item">
<div class="product-item__label">
<div class="product-item-label__tag product-item-label__tag--sale">
Распродажа %
</div>
</div>
<div class="product-item__product-card">
<img src="assets/img/product/image.png" alt="" class="product-item__images">
</div>
<div class="product-item__content-card">
<div class="compound">
<div class="compound__item">Индейка </div>
<div class="compound__item">Индейка </div>
</div>
<p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
<p class="product-item__price">
1 304
</p>
<div class="product-item__bye">
<button class="button button--white button--100-perc">
Купить
</button>
</div>
</div>
</div>
<div class="product__item hiding">
<div class="product-item__label">
<div class="product-item-label__tag product-item-label__tag--sale">
Распродажа %
</div>
<div class="product-item-label__tag product-item-label__tag--new">
Новинка
</div>
</div>
<div class="product-item__product-card">
<img src="assets/img/product/image.png" alt="" class="product-item__images">
</div>
<div class="product-item__content-card">
<div class="compound">
<div class="compound__item">Индейка </div>
<div class="compound__item">Индейка </div>
</div>
<p class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</p>
<p class="product-item__price">
1 304
</p>
<div class="product-item__bye">
<button class="to-know button--100-perc">
<p>Узнать о поступлении</p>
</button>
</div>
</div>
</div>
<div class="product__item">
<div class="product-item__label">
<div class="product-item-label__tag product-item-label__tag--new">
Новинка
</div>
</div>
<div class="product-item__product-card">
<img src="assets/img/product/image.png" alt="" class="product-item__images">
</div>
@@ -258,6 +428,11 @@
</div>
</div>
<div class="product__item">
<div class="product-item__label">
<div class="product-item-label__tag product-item-label__tag--sale">
Распродажа %
</div>
</div>
<div class="product-item__product-card">
<img src="assets/img/product/image.png" alt="" class="product-item__images">
</div>
@@ -277,7 +452,15 @@
</div>
</div>
</div>
<div class="product__item">
<div class="product__item hiding">
<div class="product-item__label">
<div class="product-item-label__tag product-item-label__tag--sale">
Распродажа %
</div>
<div class="product-item-label__tag product-item-label__tag--new">
Новинка
</div>
</div>
<div class="product-item__product-card">
<img src="assets/img/product/image.png" alt="" class="product-item__images">
</div>
@@ -291,8 +474,8 @@
1 304
</p>
<div class="product-item__bye">
<button class="button button--white button--100-perc">
Купить
<button class="to-know button--100-perc">
<p>Узнать о поступлении</p>
</button>
</div>
</div>