-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (89 loc) · 3.32 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!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>Fauxica</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Poppins:wght@200;400;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="overlay"></div>
<div class="wrapper">
<header>
<a href="#"><img src="fauxica/images/logo.svg" /></a>
<nav>
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<div class="left-col">
<h1>Quality apparel without the price tag</h1>
<p>
No need to pend $xxx on apparel just for the name sake.Our premium
apparel is made from same stuff.
</p>
<div class="cta-btns">
<a class="primary-btn" href="#">Browse our collection</a>
<a href="#" class="secondary-btn">
<span>Spring Collection</span>
<svg width="19" height="9" viewBox="0 0 19 9" fill="none">
<path
d="M18.3536 4.85355C18.5488 4.65829 18.5488 4.34171 18.3536 4.14645L15.1716 0.964466C14.9763 0.769204 14.6597 0.769204 14.4645 0.964466C14.2692 1.15973 14.2692 1.47631 14.4645 1.67157L17.2929 4.5L14.4645 7.32843C14.2692 7.52369 14.2692 7.84027 14.4645 8.03553C14.6597 8.2308 14.9763 8.2308 15.1716 8.03553L18.3536 4.85355ZM0 5H18V4H0V5Z"
fill="black"
/>
</svg>
</a>
</div>
<div class="news">
<p class="employees">50K</p>
<p class="details">
We’re proud to announce that we now employ a workforce of over
<strong>50,000</strong>. It’s all possible because of you.
</p>
</div>
</div>
<div class="right-col">
<div class="card card1">
<div class="card-details">
<div>
<a href="#" class="product-title">Fauxica Sport</a>
<p>Running Shoes</p>
</div>
<p class="product-price">$49</p>
</div>
</div>
<div class="card card2">
<div class="card-details">
<div>
<a href="#" class="product-title">Fauxica Sport</a>
<p>Running Shoes</p>
</div>
<p class="product-price">$49</p>
</div>
</div>
<div class="card card3">
<div class="card-details">
<div>
<a href="#" class="product-title">Fauxica Sport</a>
<p>Running Shoes</p>
</div>
<p class="product-price">$49</p>
</div>
</div>
</div>
</main>
</div>
</body>
</html>