Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added img/acs_offer.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/bcg.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/bcg_acs.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/cards_1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/cards_2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/cards_3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/cards_4.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/cards_5.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/cards_6.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/kids_offer.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions img/logo.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/man.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/man_offer.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions img/menu.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions img/profile.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions img/search.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions img/shop.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/woman_offer.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
197 changes: 197 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,197 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SHOP</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<div class="header">
<div class="container header__wrap">
<div class="header__left">
<a href="index.html" class="header__logo">
<img src="img/logo.svg" alt="">
</a>
<img src="img/search.svg" alt="">
</div>
<div class="header__right">
<img class="header__item" src="img/menu.svg" alt="">
<a href="#">
<img class="header__item" src="img/profile.svg" alt="">
</a>
<div class="shop">
<a href="#">
<img class="header__shop" src="img/shop.svg" alt="">
<span class="count">5</span>
</a>
</div>

</div>

</div>
</div>

<div class="intro">
<div class="container intro__wrap">
<div class="intro__text">
<h1 class="intro__h1"> THE BRAND
</h1>
<h2 class="intro__h2">OF LUXERIOUS <span class="decor">FASHION</span></h2>

</div>
</div>
</div>

<div class="category">
<div class="container category__wrap">
<div class="category__item woman__item">
<div class="category__text">
<span class="category__text__top">30% OFF</span>
<h3 class="decor">FOR WOMAN</h3>
</div>
</div>

<div class="category__item men__item ">
<div class="category__text">
<span>HOT DEAL</span>
<h3 class="decor">FOR MEN</h3>
</div>
</div>

<div class="category__item kids__item">
<div class="category__text">
<span>NEW ARRIVALS</span>
<h3 class="decor">FOR KIDS</h3>
</div>
</div>

<div class="category__item acs__item">
<div class="category__text">
<span>LUXIROUS & TRENDY</span>
<h3 class="decor">ACCESORIES</h3>
</div>
</div>
</div>
</div>



<div class="cards">
<div class="cards__header">
<h2 class="cards__header__top">Fetured Items</h2>
<span class="cards__header__text">Shop for items based on what we featured in this week</span>
</div>
<div class="container cards__wrap">

<div class="cards__box">
<img src="./img/cards_1.png" alt="cards" class="cards__img">
<div class="cards__text">
<a href="#" class="cards__name">
ELLERY X M'O CAPSULE
</a>
<div class="cards__content">
Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym
Ellery teams up with Moda Operandi.
</div>
<div class="cards__price">
$52.00
</div>
</div>
</div>

<div class="cards__box">
<img src="./img/cards_2.png" alt="cards" class="cards__img">
<div class="cards__text">
<a href="#" class="cards__name">
ELLERY X M'O CAPSULE
</a>
<div class="cards__content">
Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym
Ellery teams up with Moda Operandi.
</div>
<div class="cards__price">
$52.00
</div>
</div>
</div>

<div class="cards__box">
<img src="./img/cards_3.png" alt="cards" class="cards__img">
<div class="cards__text">
<a href="#" class="cards__name">
ELLERY X M'O CAPSULE
</a>
<div class="cards__content">
Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym
Ellery teams up with Moda Operandi.
</div>
<div class="cards__price">
$52.00
</div>
</div>
</div>

<div class="cards__box">
<img src="./img/cards_4.png" alt="cards" class="cards__img">
<div class="cards__text">
<a href="#" class="cards__name">
ELLERY X M'O CAPSULE
</a>
<div class="cards__content">
Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym
Ellery teams up with Moda Operandi.
</div>
<div class="cards__price">
$52.00
</div>
</div>
</div>

<div class="cards__box">
<img src="./img/cards_5.png" alt="cards" class="cards__img">
<div class="cards__text">
<a href="#" class="cards__name">
ELLERY X M'O CAPSULE
</a>
<div class="cards__content">
Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym
Ellery teams up with Moda Operandi.
</div>
<div class="cards__price">
$52.00
</div>
</div>
</div>

<div class="cards__box">
<img src="./img/cards_6.png" alt="cards" class="cards__img">
<div class="cards__text">
<a href="#" class="cards__name">
ELLERY X M'O CAPSULE
</a>
<div class="cards__content">
Known for her sculptural takes on traditional tailoring, Australian arbiter of cool Kym
Ellery teams up with Moda Operandi.
</div>
<div class="cards__price">
$52.00
</div>
</div>
</div>


</div>

<div class="cards__button">
<a href="#" class="button__text">Browse All Product</a>

</div>
</div>

</body>

</html>
Loading