-
Notifications
You must be signed in to change notification settings - Fork 1
/
collectionsPage.html
171 lines (168 loc) · 6.95 KB
/
collectionsPage.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<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>Buy Earbuds, Headphones, Earphones at India's No.1 Earwear Brand: boAt</title>
<link rel="stylesheet" href="./collectionsPage.css">
</head>
<body>
<div id="offer">
<p>Live the sound 🎵 with all-new airdopes 131 PRO. Up for grabs at ₹1299. Shop Now! </p>
</div>
<nav>
<div id="boat">
<a href="./index.html"><img
src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/Boat-Logo_200x_200x_f9c79bf9-9c9a-477d-ab6a-7c889a1f2f70_170x.png?v=1646731229">
</a>
</div>
<div>
<ul>
<li>Shop ˅ </li>
<li>Daily Deals</li>
<li>Offer Zone</li>
<li>More ˅</li>
</ul>
</div>
<div id="logo">
<input id="search" type="search" placeholder="🔍 search">
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/navigation-Icon4.png?v=1655206048">
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/gift.png?v=1606314809">
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/navigation-Icon-3.png?v=1655206047">
</div>
</nav>
<!-- --------------------more tab pop-------------------------- -->
<div id="moreTab" class="moretab">
<ul>
<li>Gifting</li>
<li>Do What Floats Your boAt</li>
<li>Blogs</li>
<li>Meet The boAtheads</li>
<li>Corporate Orders</li>
<li>Earn Rs. 100</li>
<li>Careers</li>
<li>Social Responsibility</li>
</ul>
</div>
<div class="form-popup" id="myForm">
<form action="./login.html" class="form-container">
<p>Hi boAthead!</p>
<button type="submit" class="btn">Login</button>
</form>
</div>
<div id="sidePanel" class="sidepanel">
<a id="closebtn">Your Cart has (<span></span> items)<span>×</span></a>
<div id="cart"></div>
<div>
<p>Total : <span></span></p>
<button>PAY VIA CARD/OTHERS</button>
</div>
</div>
<div id="collections"></div>
<div>
<img
src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/Stone-Speakers_Catgry-web_5ddac427-ef95-4cc3-bcd7-5f08ab93359d.jpg?v=1634903645">
</div>
<h1>Collection</h1>
<div id="sortBar">
<label for="">Sort by </label>
<select name="sort" id="sort">
<option value="Featured">Featured</option>
<option value="A-Z">Alphabetically, A-Z</option>
<option value="Z-A">Alphabetically, Z-A</option>
<option value="lth">Price, low to high</option>
<option value="htl">Price, high to low</option>
</select>
</div>
<div id="container" class="slider"></div>
<footer>
<div>
<p>India's fastest growing audio & wearables brand. The most incredible range of wireless earphones,
earbuds, headphones, smart watches, and home audio. From workouts to adventures, boAt will get you
sailing!</p>
</div>
<div id="footer-container">
<div>
<a href="./index.html"><img
src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/Boat-Logo_200x_200x_f9c79bf9-9c9a-477d-ab6a-7c889a1f2f70_170x.png?v=1646731229">
</a><br>
<p>Subscribe to email alerts. We promise not to spam your inbox.</p>
<div><input type="text" placeholder="Email Address*"><button>SUBSCRIBE</button></div>
<div id="social-media">
<img
src="https://cdn1.iconfinder.com/data/icons/social-media-rounded-corners/512/Rounded_Facebook_svg-128.png">
<img
src="https://cdn1.iconfinder.com/data/icons/social-media-rounded-corners/512/Rounded_Twitter5_svg-128.png">
<img
src="https://cdn1.iconfinder.com/data/icons/social-media-rounded-corners/512/Rounded_Instagram_svg-128.png">
<img
src="https://cdn1.iconfinder.com/data/icons/social-media-rounded-corners/512/Rounded_Youtube3_svg-256.png">
<img
src="https://cdn1.iconfinder.com/data/icons/social-media-rounded-corners/512/Rounded_Linkedin2_svg-128.png">
</div>
</div>
<div>
<ul>
<li>
<h3>SHOP</h3>
</li>
<li>True Wireless Earbuds</li>
<li>Wireless Headphones</li>
<li>Wired Headphones</li>
<li>Wireless Speakers</li>
<li>Home Audio</li>
<li>Mobile Accessories</li>
<li>Smart Watches</li>
<li>TRebel</li>
<li>Misfit</li>
<li>Gift Card</li>
<li>Rock In India</li>
<li>Earn Rs.100</li>
</ul>
</div>
<div>
<ul>
<li>
<h3>HELP</h3>
</li>
<li>Track Your Order</li>
<li>Warranty & Support</li>
<li>Return Policy</li>
<li>Service Centers</li>
<li>Bulk Orders</li>
<li>FAQs</li>
<li>Why Buy Direct</li>
</ul>
</div>
<div>
<ul>
<li>
<h3>COMPANY</h3>
</li>
<li>About boAt</li>
<li>News</li>
<li>Read Our Blog</li>
<li>Careers</li>
<li>Security</li>
<li>Terms of Service</li>
<li>Privacy Policy</li>
<li>Investor Relations</li>
<li>Social Responsibility</li>
</ul>
</div>
</div>
<div id="app-store">
<img
src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/Fotter_payment_icn_2_900x_aff68517-98f4-4a82-9aee-2405cea66251_350x.png?v=1650262054">
<span>
<h3>DOWNLOAD THE APP</h3>
</span>
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/google-play.png?v=1608620293">
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/app-store.png?v=1608620293">
</div>
<p>© 2022 Imagine Marketing Limited. All Rights Reserved.</p>
</footer>
</body>
</html>
<script src="collectionsPage.js">
</script>