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

toggle js

Browse Source
This commit is contained in:
Kirill Pet
2024-10-08 15:37:31 +03:00
parent e52537abeb
commit 6a2375f26b
9 changed files with 197 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
product.html
View File

@@ -287,7 +287,7 @@
</form>
<div class="detail__toggle">
<div class="toggle active">
<div class="toggle">
<p class="toggle__title">
ОПИСАНИЕ
</p>
@@ -299,7 +299,7 @@
</div>
</div>
</div>
<div class="toggle active">
<div class="toggle">
<p class="toggle__title">
СОСТАВ
</p>
@@ -311,7 +311,7 @@
</div>
</div>
</div>
<div class="toggle active">
<div class="toggle">
<p class="toggle__title">
РЕКОМЕНДАЦИИ ПО КОРМЛЕНИЮ
</p>
@@ -362,7 +362,7 @@
</div>
</div>
</div>
<div class="toggle active">
<div class="toggle">
<p class="toggle__title">
РЕКОМЕНДАЦИИ ПО КОРМЛЕНИЮ
</p>
@@ -424,78 +424,95 @@
</div>
<div class="detail__catalot">
<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 class="detail-catalot__header">
<p class="detail-catalot__title">
вашему питомцу может понравиться
</p>
<div class="detail-catalot__control">
<button class="detail-catalot-control__button">
<img src="assets/img/svg/main/arrow-left.svg" alt="">
</button>
<button class="detail-catalot-control__button">
<img src="assets/img/svg/main/arrow-right.svg" alt="">
</button>
</div>
</div>
<div class="product__item">
<div class="product-item__label">
<div class="product-item-label__tag product-item-label__tag--sale">
Распродажа %
<div class="detail-catalot__content">
<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__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 class="product__item">
<div class="product-item__label">
<div class="product-item-label__tag product-item-label__tag--sale">
Распродажа %
</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 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>
<div class="product__item">
<div class="product-item__label">
<div class="product-item-label__tag product-item-label__tag--sale">
Распродажа %
<div class="product__item">
<div class="product-item__label">
<div class="product-item-label__tag product-item-label__tag--sale">
Распродажа %
</div>
</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 class="product-item__product-card">
<img src="assets/img/product/image.png" alt="" class="product-item__images">
</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 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>