-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
261 lines (253 loc) · 10.9 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
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
<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="./index.css">
<style>
</style>
</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>
<!-- --------------------------login-popup----------------------- -->
<div class="form-popup" id="myForm">
<form action="./login.html" class="form-container">
<a id="closePopup">×</a>
<p>Hi boAthead!</p>
<button type="submit" class="btn">Login</button>
</form>
</div>
<!-- ----------------------side-panel-------------------------- -->
<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 id="crauser-1" class="crauser">
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/A131-banner-new_3_1200x.png?v=1658304483">
<button><</button>
<button>></button>
</div>
<div>
<h1>Best Sellers</h1>
<div id="best-sellers" class="slider"></div>
<h1>Deals of The Day</h1>
<div id="deals-of-the-day" class="slider"></div>
<div id="gifs" class="slider">
</div>
<h1>Smart Watches</h1>
<div id="smart-watches" class="slider"></div>
<h1>Trending Wireless</h1>
<div id="trending-wireless" class="slider"></div>
<h1>Top Earbuds</h1>
<div id="top-earbuds" class="slider"></div>
<h1>New Launches</h1>
<div id="crauser-2" class="crauser">
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/grey.jpg?v=1657955575">
<button><</button>
<button>></button>
</div>
<h1>Trending Wired</h1>
<div id="trending-wired" class="slider"></div>
<h1>Trending Headphones</h1>
<div id="headphones">
<span>Wireless</span><span>ANC</span><span>Wired</span>
</div>
<hr>
<div id="trending-headphones" class="slider"></div>
<h1>Grooming</h1>
<div id="grooming" class="slider"></div>
<h1>boAt | Superheroes</h1>
<div id="superheroes">
<span>DC</span><span>Marvel</span>
</div>
<hr>
<div id="boat-superheroes" class="slider"></div>
<h1>Home Audio</h1>
<div id="home-audio" class="slider"></div>
</div>
<div id="blogColor">
<h1>boAt Blogs</h1>
<div>
<div id="blogs">
</div>
<div><button>EXPLORE BLOGS</button>
</div>
</div>
</div>
<div id="crauser-3">
<div>
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/Fierce_-Flamboyant_-Fearless_jpg_563x.jpg?v=1651227694">
</div>
<div>
<h1>Meet the boAtheads</h1>
<h3>K L RAHUL</h3>
<h1>Fierce. Flamboyant. Fearless.</h1>
<p>When you hear the crowd roar, be assured that it's KL Rahul making his way to the field. Our hardcore boAthead, KL Rahul, hits it with his performance as well as his fashion statement. On or off field, Rahul always makes #MoveOfTheChampions.</p>
</div>
</div>
<div id="about">
<h1>What They Say About Us:</h1>
<div id="about-us">
<div>
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/testi-1200_284x.png?v=1649980899">
<h4>"It is value for money, best sound especially bass"</h4>
<button>SHOP</button>
</div>
<div>
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/testimonial-img-2_284x.png?v=1649668053">
<h4>"The battery backup is something unbelievable"</h4>
<button>SHOP</button>
</div>
<div>
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/testimonial-img-3_284x.png?v=1649668053">
<h4>Amazing product great sound quality and the mic performance is also awesome</h4>
<button>SHOP</button>
</div>
</div>
</div>
<div>
<h1>In The Press</h1>
</div>
<div id="market">
<img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/Fotter-Awards_11-02-2022_5d6a9e4a-d3d4-434b-8846-4403e92c3573_1200x.png?v=1651217615" alt="">
</div>
<div id="brand">
<h1>Brand Promise</h1>
<div>
<div><img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/group_186_3x_4616a7a4-8c24-4065-a237-54e3d574bb94.png?v=1611132367" alt=""></div>
<div><span>Free Shipping</span></div>
<div><img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/vector_3x_50a1233e-95d9-4e18-9e8e-757b545e2c06.png?v=1611132367" alt=""></div>
<div><span>Exclusive Deals </span></div>
<div><img src="https://cdn.shopify.com/s/files/1/0057/8938/4802/files/vector_2_2x_9d5071e2-154a-4f06-b660-9d0430a18248.png?v=1611132367" alt=""></div>
<div><span>Secure Checkout</span></div>
</div>
</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="index.js">
</script>