-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (93 loc) · 4.82 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
90
91
92
93
94
95
96
97
<!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>Humaira's</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="/css/main.css" />
</head>
<body>
<div class="overlay"></div>
<div class="wrapper">
<header>
<!-- <a href="#">Humaira's</a> -->
<a href="#"
><img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQsAAAC9CAMAAACTb6i8AAAAflBMVEX///8AAAClo6N8e3vOy8tgX1+enZ0rKSnAvr2MjIzCwsKqp6bV1NXGxsY0Ly6FhYTi4uH19PQyMjL6+fne3t6vrq2ZmJe3trVzcnJcWlmJiIjX19egnp3t7Oy6uLhta2saGBc9OjlTU1MkJCRIRUUNAAASDg5APj1PTExQTk6lRsSgAAADkElEQVR4nO3aDXeaMBiG4byKVhSGNAJFpNaPrfX//8EF2w0FRM3pLLP31XOwJqENjxBiVCkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAuA9h/6t70Bm5pF/dhc5wZPDVXegMsiiRRYksSmRRIosSWZTIokQWJbIo2WcRztrrvfoeUTw80Ks1mB7Wx5llx6xZZ5HLc2v90q2W9OTYS6VeB5UGK8eua7assxAZtVVHEldK+iJrt/QkD5UG/mjsJ/GeGwSBaS9Pdn2zZJtFeCaLSTWLRCQ6fJ7VsqhxRZY2fbNlm4V7ZRZaKgXe+SyKf+Jb9M2WZRa+XJnFRDbHDS7JQj3c9C5nlUXuyrVZbGVy3OCiLHry8+rO2bswi2Sw3b4+/mGCSFfXZSEyPm5wURZTkUt690kuyiL7Vbnb/YrUj1tkMetcFllxHvh/jUfFNOomWXTuvDC3gIZ51ffMwgyU03rp98yidhh7Z7M4noPfRxZec3++ZRbPVllEtSwqzf/LLE7050wWHln8Vc/iHq6Rk1nUF2sOfLMsGm60pbNZXPCevXtZOPLaVPzafo3EtflF5TSaXLJQk3Usi2VthWpvKBvdsteLHC2HPlffsquNJOd7l950ZetsFmORsKnczMxbvsXSl9Xh01yqRz4XaYvy3ULklgvAzpnvovREFs01iUhwYic9OJ62O7XFuqFU1zMaBK1xfz7n44CSp34h+CNeFIK29Vfzqq3mQTAP+hVLs9fjQWlqnvfnwYGNKZlXd6v6eeu1X3+7f0jklJaXz385udeneGh6H/QPTd8Hg0Wv2bj9ovZP7fcJFq3zF/xj4dBsXHeqhq5bfKoXu5EZ9x2lizKzccyYMu+pieuaW2s0N+O65w5rZ0schx+b/9nYjPg6DXdKRxNziOFARX3lxeaXcK3yJ6WVswxNk8TUxhP9NlVuFtUGEZG82LRORbtv6cdKv43NzWtUTAFCM3SvlTdU4W4cqHztT9Vy/2oXtWszQvRUnAS1DzrvIgu96T8qvY2jgyy2RRZ65yYqT71c9fczyKI21SpKzNmR5tU/cxdZJBM1mOpUvZl5cvF5Z7gapY5yimtE7VT++uyp/EfUe691lslOK3c2rk2/7iKLXKs8VFPzo8L9tTDLzIPOlS7K9CwrKrLZR23u7XfRtWOezfTHBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN3xGyRwLRE9xtBUAAAAAElFTkSuQmCC"
alt=""
/></a>
<nav>
<ul>
<li><a class="active" href="#">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>Elevate Your Wardrobe with Humaira's!</h1>
<p class="subhead">
A Symphony of Sophistication and Comfort. Fashion that Speaks, Quality that Endures. Unparalleled Craftsmanship, Unmatched Elegance with Humaira's Arts.
</p>
<div class="cta-btns">
<a href="#" class="primary-cta">Browse our Collection</a>
<a href="#" class="secondary-cta"
><span>Spring '23 Collection</span
><svg 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 pround 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">Humaira's 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">Humaira's 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">Humaira's Sport</a>
<p>Running Shoes</p>
</div>
<p class="product-price">$49</p>
</div>
</div>
</div>
</main>
</div>
</body>
</html>