Skip to content

Commit

Permalink
add task solution
Browse files Browse the repository at this point in the history
  • Loading branch information
@veneracode
veneracode committed Dec 28, 2024
1 parent 2679c39 commit 49654a8
Showing 1 changed file with 341 additions and 2 deletions.
343 changes: 341 additions & 2 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,347 @@
href="styles/index.scss"
/>
</head>

<body>
<h1>Catalog</h1>
<header class="header">
<a
href="index.html"
class="logo"
>
<img
src="images/logo.png"
alt="Moyo Logo"
/>
</a>
<nav class="container">
<ul class="navigation">
<li>
<a
href="#appl"
class="navigation__item navigation__item--apple navigation__item--is-active"
>
APPLE
</a>
</li>
<li>
<a
href="#sams"
class="navigation__item navigation__item--samsung"
>
SAMSUNG
</a>
</li>
<li>
<a
href="#boxsmart"
class="navigation__item navigation__item--smartphones"
>
SMARTPHONES
</a>
</li>
<li>
<a
href="#laptops"
class="navigation__item navigation__item--laptops"
data-qa="nav-hover"
>
LAPTOPS & COMPUTERS
</a>
</li>
<li>
<a
href="#gadgets"
class="navigation__item navigation__item--gadgets"
>
GADGETS
</a>
</li>
<li>
<a
href="#tablet"
class="navigation__item navigation__item--tablets"
>
TABLETS
</a>
</li>
<li>
<a
href="#photo"
class="navigation__item navigation__item--photo"
>
PHOTO
</a>
</li>
<li>
<a
href="#videonp"
class="navigation__item navigation__item--video"
>
VIDEO
</a>
</li>
</ul>
</nav>
</header>
<main class="card-menu">
<div
class="card"
data-qa="card"
>
<div>
<img
class="card__imagep"
src="images/imac.jpeg"
alt="imacPh"
/>
</div>
<h3 class="card__title">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h3>
<p class="card__info">Product code: 195434</p>
<div class="card__raiting"></div>
<div class="stars stars--5">
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
</div>
<div class="card__rewiews">Rewiews:5</div>
<div class="card__price">
<div class="card__ptext">Price:</div>
<div class="card__pnumber">$2,199</div>
</div>
<a
class="card__buy"
href="#"
>
BUY
</a>
</div>
<div class="card">
<div>
<img
class="card__imagep"
src="images/imac.jpeg"
alt="imacPh"
/>
</div>
<h3 class="card__title">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h3>
<p class="card__info">Product code: 195434</p>
<div class="card__raiting"></div>
<div class="stars stars--5">
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
</div>
<div class="card__rewiews">Rewiews:5</div>
<div class="card__price">
<div class="card__ptext">Price:</div>
<div class="card__pnumber">$2,199</div>
</div>
<a
class="card__buy"
href="#"
>
BUY
</a>
</div>
<div class="card">
<div>
<img
class="card__imagep"
src="images/imac.jpeg"
alt="imacPh"
/>
</div>
<h3 class="card__title">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h3>
<p class="card__info">Product code: 195434</p>
<div class="card__raiting"></div>
<div class="stars stars--5">
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
</div>
<div class="card__rewiews">Rewiews:5</div>
<div class="card__price">
<div class="card__ptext">Price:</div>
<div class="card__pnumber">$2,199</div>
</div>
<a
class="card__buy"
href="#"
>
BUY
</a>
</div>
<div class="card">
<div>
<img
class="card__imagep"
src="images/imac.jpeg"
alt="imacPh"
/>
</div>
<h3 class="card__title">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h3>
<p class="card__info">Product code: 195434</p>
<div class="card__raiting"></div>
<div class="stars stars--5">
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
</div>
<div class="card__rewiews">Rewiews:5</div>
<div class="card__price">
<div class="card__ptext">Price:</div>
<div class="card__pnumber">$2,199</div>
</div>
<a
class="card__buy"
href="#"
>
BUY
</a>
</div>
<div class="card">
<div>
<img
class="card__imagep"
src="images/imac.jpeg"
alt="imacPh"
/>
</div>
<h3 class="card__title">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h3>
<p class="card__info">Product code: 195434</p>
<div class="card__raiting"></div>
<div class="stars stars--5">
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
</div>
<div class="card__rewiews">Rewiews:5</div>
<div class="card__price">
<div class="card__ptext">Price:</div>
<div class="card__pnumber">$2,199</div>
</div>
<a
class="card__buy"
href="#"
>
BUY
</a>
</div>
<div class="card">
<div>
<img
class="card__imagep"
src="images/imac.jpeg"
alt="imacPh"
/>
</div>
<h3 class="card__title">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h3>
<p class="card__info">Product code: 195434</p>
<div class="card__raiting"></div>
<div class="stars stars--5">
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
</div>
<div class="card__rewiews">Rewiews:5</div>
<div class="card__price">
<div class="card__ptext">Price:</div>
<div class="card__pnumber">$2,199</div>
</div>
<a
class="card__buy"
href="#"
>
BUY
</a>
</div>
<div class="card">
<div>
<img
class="card__imagep"
src="images/imac.jpeg"
alt="imacPh"
/>
</div>
<h3 class="card__title">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h3>
<p class="card__info">Product code: 195434</p>
<div class="card__raiting"></div>
<div class="stars stars--5">
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
</div>
<div class="card__rewiews">Rewiews:5</div>
<div class="card__price">
<div class="card__ptext">Price:</div>
<div class="card__pnumber">$2,199</div>
</div>
<a
class="card__buy"
href="#"
>
BUY
</a>
</div>
<div class="card">
<div>
<img
class="card__imagep"
src="images/imac.jpeg"
alt="imacPh"
/>
</div>
<h3 class="card__title">
APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)
</h3>
<p class="card__info">Product code: 195434</p>
<div class="card__raiting"></div>
<div class="stars stars--5">
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
<div class="stars__star"></div>
</div>
<div class="card__rewiews">Rewiews:5</div>
<div class="card__price">
<div class="card__ptext">Price:</div>
<div class="card__pnumber">$2,199</div>
</div>
<a
class="card__buy"
href="#"
>
BUY
</a>
</div>
</main>
</body>
</html>

0 comments on commit 49654a8

Please sign in to comment.