-
Notifications
You must be signed in to change notification settings - Fork 0
/
men.html
142 lines (119 loc) · 4.57 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
141
142
<!DOCTYPE html>
<html>
<head>
<title>RAINYDAYS_Mens_Product</title>
<meta name="description" content="Men's jacket page of RAINYDAYS" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="css/style.css" rel="stylesheet">
<link href="css/style_men.css" rel="stylesheet">
<script defer src="js/men.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://kit.fontawesome.com/04b32c1ad2.js" crossorigin="anonymous"></script>
</head>
<body>
<nav class="top_navigation">
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fa-solid fa-bars"></i>
</label>
<image src="images/logo-1.png" alt="rainydays logo">
<ul>
<li><a class="nav_link" href="index.html">Home</a></li>
<li><a class="nav_link" href="men.html">Men</a></li>
<li><a class="nav_link" href="women.html">Women</a></li>
<li><a class="nav_link" href="kids.html">Kids</a></li>
<li><a class="nav_link" href="outlet.html"><span class="sale">Outlet</span></a></li>
<li><a class="nav_link" href="about.html">About Us</a></li>
<li><a class="nav_link" href="contact.html">Contact Us</a></li>
<li><a class="nav_link" href="login.html"><i class="fa-solid fa-circle-user"></i></a></li>
<li><a class="nav_link" href="cart_summery.html"><i class="fa-solid fa-bag-shopping"></i></a></li>
</ul>
<div class="search_box">
<input type="search" placeholder="serch by product's name">
<span class="fa-solid fa-magnifying-glass"></span>
</div>
</nav>
<div class="main">
<div class="men_banner1">
</div>
<div class="men_banner2">
</div>
</div>
<div class="banner_text">
<h1>ENJOY HIKING WEARING OUR RAIN JACKETS</h1>
</div>
<!---
<div class="jacketContainer">
<h2 class="heading">POPULAR PRODUCTS</h2>
<div class="products">
<div class="product">
<img src="" alt="" class="product_image">
<h4 class="product_title"></h4>
<p class="product_price"></p>
<a href="productDetail.html" class="btn"></a>
</div>
</div>
</div>
-->
<h1 class="heading">MEN</h1>
<div class="wrapper">
<div class="search_container">
<input type="search" class="search_input" placeholder="Search by product type here.." />
<button class="search_button">Search</button>
<div class="all_buttons">
<button class="button_value">All</button>
<button class="button_value">Shell Jacket</button>
<button class="button_value">Akra Jacket</button>
<button class="button_value">Rock Creek Jacket</button>
<button class="button_value">Venture Jacket</button>
</div>
</div>
</div>
<a class="main" href="productDetail.html">
<div class="menJacketContainer">
<div class="menJacket">
<div class="jacket">
<img src="" alt="">
<h4 class="title"></h4>
<p class="price"></p>
</a>
<a class="favourite" href="favourite.html"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
</div>
</div>
</div>
<!----------------------------FOOTER-------------------------------------------------->
<footer>
<div class="container">
<div class="footer_main">
<div class="footer_column">
<h3>Useful Links</h3>
<a href="#" class="footer_links">Our History</a>
<a href="#" class="footer_links">Contact</a>
<a href="#" class="footer_links">Business Partner</a>
<a href="#" class="footer_links">Careers</a>
</div>
<div class="footer_column">
<h3>Get Newsletter</h3>
<form>
<input type="email" placeholder="Your E-mail Address"><br>
<button type="submit">SUBSCRIBE NOW</button>
</form>
</div>
<div class="footer_column">
<h3>Customer Care</h3>
<p>Mail us in rainydays.gmail.com</p>
<p>Call us +0047 345783433</p>
</div>
</div>
<div class="footer_bottom">
<span class="copyright">© 2023 rainydays</span>
<a href="footer_social"><i class="fa-brands fa-facebook"></i></a>
<a href="footer_social"><i class="fa-brands fa-instagram"></i></a>
<a href="footer_social"><i class="fa-brands fa-twitter"></i></a>
</div>
</div>
</footer>
</body>
</html>