Skip to content

Commit

Permalink
add catalog
Browse files Browse the repository at this point in the history
  • Loading branch information
@BTakhaiev
BTakhaiev committed Jan 10, 2025
1 parent 01cc1cf commit 1cef828
Show file tree
Hide file tree
Showing 4 changed files with 372 additions and 20 deletions.
361 changes: 348 additions & 13 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<li><a href="#">smartphones</a></li>
<li>
<a
data-qa="hover"
data-qa="nav-hover"
href="#"
>
laptops & computers
Expand All @@ -59,11 +59,8 @@
</nav>
</header>
</div>
<div>
<div
class="card"
data-qa="card"
>
<main class="conteiner">
<div class="card">
<div class="card__img">
<a
href="#"
Expand Down Expand Up @@ -109,13 +106,351 @@ <h1 class="card__header">
<p class="card__price-tag">$2,199</p>
</div>

<button
class="card__button"
data-qa="hover"
>
buy
</button>
<button class="card__button">buy</button>
</div>
</div>

<div class="card">
<div class="card__img">
<a
href="#"
class="card__img-img"
></a>
</div>

<h1 class="card__header">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h1>

<p class="card__product-code">Product code: 195434</p>

<div class="card__response">
<div class="card__response-starsLine stars">
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
</div>

<p class="card__response-reviews">Reviews: 5</p>
</div>

<div class="card__price">
<p class="card__price-price">Price:</p>
<p class="card__price-tag">$2,199</p>
</div>

<button class="card__button">buy</button>
</div>

<div class="card">
<div class="card__img">
<a
href="#"
class="card__img-img"
></a>
</div>

<h1 class="card__header">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h1>

<p class="card__product-code">Product code: 195434</p>

<div class="card__response">
<div class="card__response-starsLine stars">
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
</div>

<p class="card__response-reviews">Reviews: 5</p>
</div>

<div class="card__price">
<p class="card__price-price">Price:</p>
<p class="card__price-tag">$2,199</p>
</div>

<button class="card__button">buy</button>
</div>

<div class="card">
<div class="card__img">
<a
href="#"
class="card__img-img"
></a>
</div>

<h1 class="card__header">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h1>

<p class="card__product-code">Product code: 195434</p>

<div class="card__response">
<div class="card__response-starsLine stars">
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
</div>

<p class="card__response-reviews">Reviews: 5</p>
</div>

<div class="card__price">
<p class="card__price-price">Price:</p>
<p class="card__price-tag">$2,199</p>
</div>

<button class="card__button">buy</button>
</div>

<div class="card">
<div class="card__img">
<a
href="#"
class="card__img-img"
></a>
</div>

<h1 class="card__header">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h1>

<p class="card__product-code">Product code: 195434</p>

<div class="card__response">
<div class="card__response-starsLine stars">
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
</div>

<p class="card__response-reviews">Reviews: 5</p>
</div>

<div class="card__price">
<p class="card__price-price">Price:</p>
<p class="card__price-tag">$2,199</p>
</div>

<button class="card__button">buy</button>
</div>

<div class="card">
<div class="card__img">
<a
href="#"
class="card__img-img"
></a>
</div>

<h1 class="card__header">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h1>

<p class="card__product-code">Product code: 195434</p>

<div class="card__response">
<div class="card__response-starsLine stars">
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
</div>

<p class="card__response-reviews">Reviews: 5</p>
</div>

<div class="card__price">
<p class="card__price-price">Price:</p>
<p class="card__price-tag">$2,199</p>
</div>

<button class="card__button">buy</button>
</div>

<div class="card">
<div class="card__img">
<a
href="#"
class="card__img-img"
></a>
</div>

<h1 class="card__header">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h1>

<p class="card__product-code">Product code: 195434</p>

<div class="card__response">
<div class="card__response-starsLine stars">
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
</div>

<p class="card__response-reviews">Reviews: 5</p>
</div>

<div class="card__price">
<p class="card__price-price">Price:</p>
<p class="card__price-tag">$2,199</p>
</div>

<button class="card__button">buy</button>
</div>

<div class="card">
<div class="card__img">
<a
href="#"
class="card__img-img"
></a>
</div>

<h1 class="card__header">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h1>

<p class="card__product-code">Product code: 195434</p>

<div class="card__response">
<div class="card__response-starsLine stars">
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
<a
href="#"
class="stars__line"
></a>
</div>

<p class="card__response-reviews">Reviews: 5</p>
</div>

<div class="card__price">
<p class="card__price-price">Price:</p>
<p class="card__price-tag">$2,199</p>
</div>

<button class="card__button">buy</button>
</div>
</main>
</body>
</html>
Loading

0 comments on commit 1cef828

Please sign in to comment.