70 lines
3.4 KiB
Plaintext
70 lines
3.4 KiB
Plaintext
@{
|
||
ViewData["Title"] = "Каталог";
|
||
}
|
||
|
||
<div class="page-head">
|
||
<h1>Каталог</h1>
|
||
<p class="text-muted">Здесь скоро будут товары из базы данных. Пока это статичные карточки-примеры.</p>
|
||
</div>
|
||
|
||
<div class="row g-4">
|
||
<div class="col-12 col-sm-6 col-lg-3">
|
||
<article class="product-card">
|
||
<div class="product-card__image product-card__image--laptop"></div>
|
||
<div class="product-card__body">
|
||
<span class="product-card__category">Ноутбук</span>
|
||
<h3 class="product-card__title">Технобук 15</h3>
|
||
<p class="product-card__desc">Ноутбук для учёбы и работы: 16 ГБ ОЗУ, SSD 512 ГБ, экран 15,6".</p>
|
||
<div class="product-card__footer">
|
||
<span class="product-card__price">79 990 ₽</span>
|
||
<span class="product-card__badge">заглушка</span>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
|
||
<div class="col-12 col-sm-6 col-lg-3">
|
||
<article class="product-card">
|
||
<div class="product-card__image product-card__image--phone"></div>
|
||
<div class="product-card__body">
|
||
<span class="product-card__category">Смартфоны</span>
|
||
<h3 class="product-card__title">Технофон X</h3>
|
||
<p class="product-card__desc">Смартфон с AMOLED-экраном 6,7", 256 ГБ памяти и тройной камерой.</p>
|
||
<div class="product-card__footer">
|
||
<span class="product-card__price">49 990 ₽</span>
|
||
<span class="product-card__badge">заглушка</span>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
|
||
<div class="col-12 col-sm-6 col-lg-3">
|
||
<article class="product-card">
|
||
<div class="product-card__image product-card__image--tv"></div>
|
||
<div class="product-card__body">
|
||
<span class="product-card__category">Телевизоры</span>
|
||
<h3 class="product-card__title">Техновью 55</h3>
|
||
<p class="product-card__desc">Телевизор 55" UHD 4K с голосовым пультом и Smart TV.</p>
|
||
<div class="product-card__footer">
|
||
<span class="product-card__price">44 990 ₽</span>
|
||
<span class="product-card__badge">заглушка</span>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
|
||
<div class="col-12 col-sm-6 col-lg-3">
|
||
<article class="product-card">
|
||
<div class="product-card__image product-card__image--headphones"></div>
|
||
<div class="product-card__body">
|
||
<span class="product-card__category">Наушники</span>
|
||
<h3 class="product-card__title">Техносаунд Pro</h3>
|
||
<p class="product-card__desc">Беспроводные наушники с шумоподавлением и зарядкой от сети 30 ч.</p>
|
||
<div class="product-card__footer">
|
||
<span class="product-card__price">12 990 ₽</span>
|
||
<span class="product-card__badge">заглушка</span>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div> |