-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
451 lines (424 loc) · 23.6 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
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
<!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>Home</title>
<link rel="stylesheet" href="./styles/index.css">
<link rel="icon" type="image/x-icon" href="./Images/favicon (2).png">
<link rel="stylesheet" href="./styles/navbar.css">
<link rel="stylesheet" href="/styles/Details.css">
<link rel="stylesheet" href="./styles/footer.css"/>
</head>
<body id="body">
<div>
<div id="navi">
</div>
<div class="firstSlide">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/files/HeadphoneZone_Mojo2-Banner_Desktop_2000x.jpg?v=1644831296" alt="" class="image">
<div class="overlay">
<div class="text">
<h1 class="text1">A SEQUEL OF THE FREATEST DAC</h1>
<p class="text2">CHORD MOJO 2</p>
<button class="text3">SHOP NOW</button>
</div>
</div>
</div>
<div style="padding:40px;">
<h2>START YOUR AUDIOPHILE JOURNEY HERE</h2>
</div>
<div style="padding:40px; align-items: center; text-align: center; display: flex; justify-content: space-between;gap: 20px;" id="homeAudioImg">
<div><a href="Earphones.html">
<img class="earphone_img" src="https://cdn.shopify.com/s/files/1/0153/8863/products/Headphone-Zone-iBasso-IT01X-Black-01_800x.jpg?v=1634622183" alt="">
<p>IN-EARS FOR BEGINNERS</p>
</a>
</div>
<div><a href="Headphones.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/beyerdynamic-dt-770-pro-32-ohms-headphone-zone-13979980005439_900x.jpg?v=1579707573" alt="">
<p>HEADPHONES FOR BEGINNERS</p></a>
</div>
<div>
<a href="earphone.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/Headphone-Zone-Lypertek-Pureplay-Z7-012_900x.jpg?v=1626431708" alt="">
<p>TRUE WIRELESS EARBUDS</p></a>
</div>
<div><a href="earphone.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/Headphone-Zone-Astell-kern-AK-ZERO1-01_900x.jpg?v=1634796783" alt="">
<p>FLAGSHIP IEMS</p></a>
</div>
<div><a href="earphone.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/focal-stellia-headphone-zone-13115297890367_900x.jpg?v=1580151305" alt="">
<p>FLAGSHIP HEADPHONES</p></a>
</div>
<div><a href="earphone.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/EarMen-Tr-Amp-1_900x.jpg?v=1595406737" alt="">
<p>PORTABLE AMPS & DACS</p></a>
</div>
<div><a href="earphone.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/Headphone-Zone-iFi-Audio-ZEN-Dac-SignatureV2-01_900x.jpg?v=1630496838" alt="">
<p>DESKTOP AMPS & DACS</p></a>
</div>
<div><a href="earphone.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/Headphone-Zone-Jabra-Elite4-Active-Navy-01_3cd53690-d0bb-4546-90d4-f25eaa2f72ca_900x.jpg?v=1641550739" alt="">
<p>WORK FROM HOME</p></a>
</div>
<div><a href="earphone.html">
<img src="https://image.shutterstock.com/z/stock-vector-game-logo-design-template-stick-game-icon-logo-1041729028.jpg" alt="">
<p>GAMING</p></a>
</div>
<div><a href="earphone.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/Headphone-Zone-RAAL-requisite-SR1a-Earfield-Monitors-1160-1160-01_037f56a5-5214-4377-85c8-50aa73b9d714_900x.jpg?v=1637062767" alt="">
<p>STUDIO & PROFESSIONAL</p></a>
</div>
<div><a href="earphone.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/Headphone-Zone-beyerdynamic-phonum-1160-1160_900x.jpg?v=1595419841" alt="">
<p>SPEAKERS</p></a>
</div>
<div><a href="earphone.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/5_a9e2df83-79bc-41a8-8edf-31a270dd0d67_900x.jpg?v=1613998865" alt="">
<p>CABLES</p></a>
</div>
<div><a href="earphone.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/spinfit-cp100-ss-headphone-zone-4699576238143_900x.jpg?v=1580335352" alt="">
<p>EARTIPS & EARPADS</p></a>
</div>
<div><a href="earphone.html">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/products/ddHiFi-C80B-1_900x.jpg?v=1609756247" alt="">
<p>CASES</p></a>
</div>
</div>
<div id="note">
<h2>LIKE YOU, WE LOVE MUSIC...</h2>
<p>And we believe a Headphone is more than just an instrument for sound.</p>
<p>Its the key to a mind-blowing moment of emotion, bringing you closer to your music, and yourself.</p>
<p>Weve curated the worlds finest headphones & earphones to help you discover the riffs, percussions, baselines and solos that were always there but never heard.</p>
</div>
<div id="video">
<iframe title="" src="https://player.vimeo.com/video/681364200?autoplay=1&autopause=1&background=1&loop=1&muted=1&transparent=0&responsive=1&portrait=0&title=0&byline=0&color=444444" allow="autoplay; encrypted-media;" allowfullscreen="allowfullscreen"></iframe>
</div>
<div id="afterVideo">
<div><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Simpl-Logo-1400-1400_800x.png?v=1648031878s" alt=""></div>
<div>
<h5>INTRODUCING SIMPL PAY-IN-3 | GET CASHBACK UPTO ₹500</h5>
<h2 style="padding: 20px">PAY 1/3RD WITH SIMPL & GET CASHBACK 😯 </h2>
<p>1. Pick Simpl Pay in 3 at checkout.</p>
<p>2. Enter your phone number and the OTP you receive</p>
<p>3. Pay 1/3rd of the amount at checkout and pay the remaining over the next two months on the Simpl app</p>
<br>
<p>*As an introductory offer, first time Simpl users can enjoy a cashback of 10% upto Rs. 500 on all orders above Rs. 2000.</p>
</div>
</div>
<div style="padding: 40px;">
<h2>CHART TOPPING HEADPHONES</h2>
</div>
<p style="text-align: center; padding: 20px;">FRESH OFF THE BOAT, EXPLORE THE BEST IN AUDIOPHILIA RIGHT NOW</p>
<h2>NEW LAUNCHES</h2>
<div class="newLaunchesImg">
<div class="textOnImg">
<a href="Earphones.html">
<div><img class="zoom" src="https://cdn.shopify.com/s/files/1/0153/8863/files/HeadphoneZone-HifiMan-HE-R9-NewLaunches_900x.jpg?v=1645685066" alt=""></div>
<div id="text-block">
<p>HIFIMAN HE-R9</p>
<h2>READY FOR RED?</h2>
</div>
</a>
</div>
<div class="textOnImg">
<a href="">
<div><img class="zoom" src="https://cdn.shopify.com/s/files/1/0153/8863/files/ifiZenAirDAC_NewLaunches_2bc8b4ee-55be-470b-ace7-d8d4e5b73692_900x.jpg?v=1647007174" alt=""></div>
<div id="text-block">
<p>ZEN AIR DAC</p>
<h2>HEARING IS BELIEVING</h2>
</div>
</a>
</div>
<div class="textOnImg">
<a href="">
<div><img class="zoom" src="https://cdn.shopify.com/s/files/1/0153/8863/files/HeadphoneZone_Astell_KernZero1_NewLaunchesBanner_b139d86b-5380-491c-86f8-bd319baec7dc_900x.jpg?v=1646034095" alt=""></div>
<div id="text-block">
<p>ASTELL&KERN AK ZERO1</p>
<h2>THE TAILORED TRIBRID</h2>
</div>
</a>
</div>
<div class="textOnImg">
<a href="">
<div><img class="zoom" src="https://cdn.shopify.com/s/files/1/0153/8863/files/HeadphoneZone_UniqueMelodyMext_NewLaunchesBanner_27f07fab-9d81-46fd-acf7-d9e5a57a9415_900x.jpg?v=1646034699" alt=""></div>
<div id="text-block">
<p>UNIQUE MELODY MEXT</p>
<h2>THE MEXT LEVEL</h2>
</div>
</a>
</div>
<div class="textOnImg">
<a href="">
<div><img class="zoom" src="https://cdn.shopify.com/s/files/1/0153/8863/files/HeadphoneZone_AudezeLCD5_NewLaunchesBanner_900x.jpg?v=1646035172" alt=""></div>
<div id="text-block">
<p>AUDEZE LCD5</p>
<h2>SCORES 5 ON 5</h2>
</div>
</a>
</div>
</div>
<div class="headphoneFinder">
<div id="back">
<div><img class="zoom" src="https://cdn.shopify.com/s/files/1/0153/8863/files/Headphone-finder-headphone-stacked_800x.jpg?v=1645189533"></div>
</div>
<div id="finderText">
<h2>WELCOME TO OUR</h2>
<h2>HEADPHONE FINDER</h2>
<p>Our Headphone Gurus obsess over every headphone so you get the perfect one. They have spent years reviewing & listening to countless headphones every day. Our Headphone Gurus are the go-to guys for everything audio.</p>
<p>Our Headphone Finder puts together their top recommendations. In 4 easy steps, find the perfect headphones for you.</p>
<button value="beginhere" type="beginhere" id="begin">BEGIN HERE</button>
</div>
</div>
<div class="companies">
<div>
<p>THE ONLY REASON SOME NAMES ARE MISSING IS BECAUSE THEY PROBABLY SOUND LIKE CRAP</p>
<h1>HOME TO THE WORLD'S FINEST BRANDS</h1>
</div>
<div id="companyLogo">
<div><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Astell_Kern_8f5669e1-010c-4b6b-b22c-89fb0cb352e0.svg?v=1646044152" alt=""></a></div>
<div><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Audeze_128dcfcb-ed9c-4500-b9f8-086dbb2b7e30.svg?v=1646044152" alt=""></a></div>
<div><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Audio_Technica.svg?v=1646044152" alt=""></a></div>
<div><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Beyerdynamic_29bbe9c6-55c8-4c94-b50f-e9a5fb9018aa.svg?v=1646044152" alt=""></a></div>
<div><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Bowers_Wilkins_7bee3a19-a3a9-4c10-9e0b-eb0810014795.svg?v=1646044152" alt=""></a></div>
<div><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Campfire_Audio_f4d6118f-df2a-4a11-b5e0-2aaabb346dfb.svg?v=1646044154" alt=""></a></div>
<div><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Chord_f212ab4e-b550-4239-b1c0-909fd3b5eb52.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Dan_Clark_Audio.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Denafrips.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Etymotic.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Fiio.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Final.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Focal_003ae22c-96f4-43b3-b7c0-4895fb6da6fe.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Hedd.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/HifiMan_bacabd18-7e7a-421b-beb3-08ca32a868c1.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/ifi.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Lypertek.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Meze_Audio_4da2c36a-4ec0-46ba-9189-a3b9c6edb9b0.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Sennheiser_41091fe1-015d-4f70-9df4-3fa38889953e.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Sonos.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Sony_21fd1626-ace5-4fee-8fbf-de942c90fa45.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Stax_b2459c25-6e6d-4221-bdf7-6c8f8ee320b6.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Topping.svg?v=1646044152" alt=""></a></div>
<div><a href=""><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Vision_Ears.svg?v=1646044152" alt=""></a></div>
</div>
<div><button id="seeAll">SEE ALL</button></div>
</div>
<div class="image_slider">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/files/DSC03503_2000x.jpg?v=1645189799" alt="">
</div>
</div>
<div class="cityNearU">
<div id="mapBack">
<div><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/ALL-CITIES-2_800x.jpg?v=1648538565"></div>
</div>
<div id="cityText">
<h5>UPCOMING EVENTS</h5>
<h2>COMING TO A CITY NEAR YOU!</h2>
<p>Get ready to put on some headphones, grab your mugs and rediscover your favourite music like never before. With a lineup of the world's finest headphones, food, beverages, music and conversations to share with friends and strangers alike, Headphone Connect is back!</p>
<button value="beginhere" type="beginhere" id="begin">EXPLORE NOW</button>
</div>
</div>
<div class="timeline">
<div>
<p style="text-align: center;">OUR STORY OVER THE YEARS</p>
<h2>HEADPHONE ZONE'S TIMELINE</h2>
</div>
<div class="timeline_post">
<div class="timeline_img">
<div><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Timeline_images-01_700x.jpg?v=1646024428" alt=""></div>
<div class="timeline_text">
<div>
<h3>WE OPEN OUR DOORS</h3>
<p>2012</p>
<p>It all started with a question, “Why did our music-loving population not have access to good headphones?” Our founder Raghav set out on a mission: To redefine the way Indians listen to music. A genuine passion for music and a great customer experience was all that was needed to bring Headphone Zone to life. This was the start of something special, as we opened our first retail store in Bengaluru.</p>
</div>
</div>
</div>
</div>
</div>
<div class="quotes_slide" style="text-align: center;">
<div class="quotes">
<h2>You can find the eargasmic things here, which won't be found anywhere else in India.</h2>
<b>VAIBHAV RATHI</b>
</div>
<div class="quotes">
<h2>The one stop shop forAudiophiles in India.</h2>
<b>SUMAN SUTHRADAR</b>
</div>
<div class="quotes">
<h2>I don't think I've experienced such a prompt and positive customer care service in India ever before.</h2>
<b>PRJWAL PINGALI</b>
</div>
<div class="quotes">
<h2>I would say, till date, if something has put a big s,ile on my fac, then iy's the service and work ethics of the whole team of Headphone Zone.</h2>
<b>NIRUPAM SARKAR</b>
</div>
<div class="quotes">
<h2>Headphone Zone deserves more the 5 stars in regards to customer service.</h2>
<b>SANTANU DAS</b>
</div>
<div class="quotes">
<h2>Genuine products and recommendations at all price levels. Headphone Zone has made the Indian autophile's life much earsier.</h2>
<b>ANSHU JAIN</b>
</div>
<a style="border:none" class="prev" onclick="plusSlides(-1)"> < </a>
<a style="border:none" class="next" onclick="plusSlides(1)"> > </a>
</div>
<br>
<div style="text-align: center;">
<span class="dot" onclick="cSlide(1)"></span>
<span class="dot" onclick="cSlide(2)"></span>
<span class="dot" onclick="cSlide(3)"></span>
<span class="dot" onclick="cSlide(4)"></span>
<span class="dot" onclick="cSlide(5)"></span>
<span class="dot" onclick="cSlide(6)"></span>
</div>
<div class="channel_quotes">
<div class="bg"></div>
<div class="bate_slide">
<div>
<h1>Tired of the crappy ear buds that come with your phone? Headphone Zone shows you how to buy a pair of good cans.</h1>
</div>
</div>
<div class="bate_slide">
<div>
<h1>You seek specialists for fastion, wine and art, but what stops you from doing so in your pursuit for perfect sound? Headphone Zone solves that.</h1>
</div>
</div>
<div class="bate_slide">
<div>
<h1>With Headphone Zone, Indians now have a platform to experience high end headphones and to seek advice from experts within the community.</h1>
</div>
</div>
<div class="bate_slide">
<div>
<h1>What makes Headphone Zone stand out, is its range of audio accessories, DACs and high-res players from the worlds top brands.</h1>
</div>
</div>
<div class="bate_slide">
<div>
<h1>With Headphone Zone, we don't have to settle for earbuds that come bundles with our phones</h1>
</div>
</div>
<div class="bate_slide">
<div>
<h1>Headphone Zone takes care of all customer queries directly thereby eliminating the knowledge gap between the buyer and product.</h1>
</div>
</div>
<div class="row">
<div class="column">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Artboard_6_150x.png?v=1645786123" class="demo cursor" onclick="currentSlide(1)">
</div>
<div class="column">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Artboard_4_150x.png?v=1645786084" class="demo cursor" onclick="currentSlide(2)">
</div>
<div class="column">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Artboard-2_150x.png?v=1645786582" class="demo cursor" onclick="currentSlide(3)">
</div>
<div class="column">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Artboard_1_150x.png?v=1645785899" class="demo cursor" onclick="currentSlide(4)">
</div>
<div class="column">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Artboard_3_150x.png?v=1645785993" class="demo cursor" onclick="currentSlide(5)">
</div>
<div class="column">
<img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Artboard_5_62eaa197-8076-44be-aa02-b17c60c22246_150x.png?v=1645786064" class="demo cursor" onclick="currentSlide(6)">
</div>
</div>
</div>
<div class="our_values">
<h1>OUR VALUES</h1>
<div>
<div>
<h2>01</h2>
<p>WE'RE LADIES & GENTLEMEN SERVING LADIES & GENTLEMEN</p>
</div>
<div>
<h2>02</h2>
<p>WE CHOOSE TO BE THE BEST, RATHER THAN THE BIGGEST</p>
</div>
<div>
<h2>03</h2>
<p>WE'RE NOT A MUSIC COMPANY, BUT MUSIC IS AT THE CORE OF WHAT WE DO</p>
</div>
<div>
<h2>04</h2>
<p>WE'RE 100% OWNED, OPERATED AND FUNDED BY PROUD INDIANS</p>
</div>
<div>
<h2>05</h2>
<p>WE SUPPORT SMALL, INDEPENDENT AND LOCAL BUSINESSES AND COMMUNITIES</p>
</div>
</div>
</div>
<div class="club">
<div><img src="https://cdn.shopify.com/s/files/1/0153/8863/files/Club_Audiophile_Logos-400-200_400x.png?v=1640072704" alt=""></div>
<div>
<h1>IT PAYS TO BE AN AUDIOPHILE</h1>
<p>Enjoy Incredible Members-only rewards on the world's finest headphones and earn loyalty points on every purchase.</p>
<button>JOIN THE CLUB</button>
</div>
</div>
<div class="subscribe_bg">
<div>
<div class="subscribe">
<div>
<b>SUBSCRIBE TO OUR NEWSLETTER</b>
<p>Sign up to join 1,00,000+ audiophiles & stay in the know with hacks, new launches, curated playlists & once-in-a-lifetime deals.</p>
<div id="enter_mail">
<input style="margin-top: 30px; text-align: center;" type="email" name="" id="email_for_subscribe" placeholder="Your E-mail"/>
<button id="">Subscribe</button>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<span
>Headphone Zone | <span class="far fa-copyright"></span> 2023
All rights reserved.</span
>
</footer>
</body>
<script type="module">
import nav from "./scripts/navbar.js"
var navi=document.getElementById("navi")
navi.innerHTML=nav()
let loc_data=localStorage.getItem("headPhoneuserData")
if(loc_data.length!=0){
document.getElementById("login_acc").innerText="Account"
}
else{
document.getElementById("login_acc").innerText="Login"
}
let acc=document.getElementById("login_acc")
if(acc.innerText="Account"){
acc.href="About.html"
}
if(localStorage.getItem("Additemtocart")!=null){
let lc_len=localStorage.getItem("counter")
var lc_len_int=parseInt(lc_len)
console.log(typeof(lc_len_int))
if(lc_len_int>0){
document.getElementById("cart").innerText=lc_len_int
}
}
else{
document.getElementById("cart").innerText=0
lc_len_int=0
lc_len=JSON.stringify(lc_len_int)
localStorage.setItem("counter",lc_len)
}
</script>
<script type="module">
import footer from "./scripts/footer.js"
var footerr=document.getElementById("footer")
footerr.innerHTML=footer()
</script>
<script src="./scripts/navbar.js"></script>
<script src="./scripts/index.js"></script>
</html>