-
Notifications
You must be signed in to change notification settings - Fork 0
/
men.html
140 lines (117 loc) · 4.72 KB
/
men.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/util.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thread Haven</title>
<script src="https://kit.fontawesome.com/24c494a6b6.js" crossorigin="anonymous"></script>
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header>
<div id="logo">
<a href="index"><img id="imgp" src="images/logo.png"></a>
</div>
<ul id="nav_bar">
<li id="megamenu_container"><a href="index">Home page</a></li>
<li><a href="women">women</a></li>
<li id="studio"><a href="home">home & living</a><span>new</span></li>
</ul>
<div class="ser">
<input class="searc" type="text" placeholder="Search">
</div>
<div id="right_icon">
<div>
<i class="fa-regular fa-heart"></i>
<span>wishlist</span>
</div>
</div>
<div id="right_icon">
<div id="reggDropdown">
<div id="drop">
<a href="login1" class="dropList">login</a>
<a href="signup" class="dropList">sign up</a>
</div>
<i class="fa-regular fa-user"></i>
<a href="wishin">wishlist</a>
</div>
</div>
<div id="right_icon">
<div>
<i class="fa-solid fa-bag-shopping"></i>
<a href="bagin">Bag</a>
</div>
</div>
</header>
<section class="container homeimg">
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<a class="colorchange" href="menin"><img src="images/slider1.png" class="d-block w-100" alt=""></a>
</div>
<div class="carousel-item">
<a class="colorchange" href="menin"><img src="images/slider2.webp" class="d-block w-100" alt=""></a>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<section>
<h4 class="midtext">CATEGORIES TO BAG</h4>
</section>
<section class="items">
<div id="cat_bag" class="cat_bag">
<a class="colorchange" href="menin"><img src="images/menimg1.webp" class="img1" alt=""></a>
<a class="colorchange" href="menin"><img src="images/menimg2.webp" class="img1" alt=""></a>
<a class="colorchange" href="menin"><img src="images/menimg3.webp" class="img1" alt=""></a>
</div>
</section>
<footer class="footer">
<ul class="list1">
<li class="top1 bold">ONLINE SHOPPING</li>
<li class="bot1"><a class="colorchange" href="men">Men</a></li>
<li class="bot1"><a class="colorchange" href="women">Women</a></li>
<li class="bot1"><a class="colorchange" href="home">Home & Living</a></li>
</ul>
<ul class="list2">
<li class="top2 bold">CUSTOMER POLICIES</li>
<li class="bot2">Contact US</li>
<li class="bot2">FAQ</li>
<li class="bot2">T&C</li>
<li class="bot2">Terms of Use</li>
<li class="bot2">Track orders</li>
<li class="bot2">Shipping</li>
<li class="bot2">Cancellation</li>
<li class="bot2">Returns</li>
<li class="bot2">Privacy policy</li>
</ul>
<li class="top3 bold uppercase">Experience Thread Haven app on mobile</li>
<img class="pic1" src="images/play-store.png" alt="">
<img class="pic2" src="images/app-store.png" alt="">
<div class="new_footer">
<img src="https://bit.ly/3JPiL47" alt="original">
<p> <span>100% ORIGINAL</span> guarantee for all products at thread_haven.com</p>
</div>
<div class="new_footer">
<img src="https://bit.ly/3uBalH4" alt="return_policy">
<p><span>Return within 30days</span> of receiving your order</p>
</div>
</footer>
</body>
</html>