forked from arghadipmanna101/Flipkart_Clone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1130 lines (1012 loc) · 61.1 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
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#2874F0" id="themeColor">
<title>Flipkart | Online Shopping Site for Mobiles, Electronics, Furniture, Grocery, Lifestyle, Books & More.
Best Offers!</title>
<link rel="icon" type="image/x-icon" href="img/flipkart_lite.png">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="css/homeHeader.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" href="css/footer.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.css" rel="stylesheet" />
<link href="css/contactus.css" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#2874F0" id="themeColor">
<title>Flipkart | Online Shopping Site for Mobiles, Electronics, Furniture, Grocery, Lifestyle, Books & More. Best Offers!</title>
<link rel="icon" type="image/x-icon" href="img/flipkart_lite.png">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="css/homeHeader.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" href="css/footer.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.css" rel="stylesheet" />
<link href="css/contactus.css" rel="stylesheet">
<style>
html {
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
}
.scrollToTop {
height: 40px;
width: 40px;
background: hsl(217, 87%, 45%);
display: none;
justify-content: center;
align-items: center;
border-radius: 50%;
color: white;
cursor: pointer;
position: fixed;
bottom: 45px;
right: 50%;
left: 50%;
.inner {
height: 85%;
width: 85%;
background: black;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
}
}
</style>
</head>
<body>
<!-- loader -->
<!-- <div id="loader">
<div class="loader-spinner"></div>
<img src="img/flipkardLoader.png" height="50px" alt="">
</div> -->
<div class="loader-container">
<div class="loader-wrapper">
<div class="loader"></div>
<div class="logo" style="background-image: url('img/flipkart_lite.png');"></div>
</div>
</div>
<!-- loader end -->
<div id="divA" class="popup-container">
<div class="signupin">
<div class="leftpanal">
<h4>Login</h4>
<p>Get access to your Orders, Wishlist and Recommendations</p>
</div>
<div class="rightSignuppanal">
<span class="close-btn" id="close-btn">×</span>
<form autocomplete="on">
<div class="I-qZ4MvLRlQb">
<input autocomplete="off" id="inputsin" type="text" class="r4vIwl BV+Dqf" value="" required="" />
<label class="Gq-80aa label" id="inputsin"><span>Enter Email/Mobile </span></label>
<div class="underline"></div>
</div>
<div class="EpHS0A">By continuing, you agree to Flipkart's
<a class="c9RDXR" target="_blank" href="../pages/terms/">Terms of Use</a> and
<a class="c9RDXR" target="_blank" href="../pages/privacypolicy/">Privacy Policy</a>.
</div>
<div class="LSOAQH mt-2">
<button class="QqFHMw twnTnD _7Pd1Fp">Request OTP</button>
</div>
<div class="ZJ3AS1 d-flex justify-content-center mt-4">
<a class="azBkHf" href="#" id="buttonA">New to Flipkart? Create an account</a>
</div>
</form>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Show the popup when the page loads
const popupContainer = document.getElementById("divA");
popupContainer.style.display = "flex";
// Hide the popup when the close button is clicked
const closeBtn = document.getElementById("close-btn");
closeBtn.addEventListener("click", function() {
popupContainer.style.display = "none";
});
// Prevent form submission from reloading the page and close the popup
const form = document.querySelector("form");
form.addEventListener("submit", function(event) {
event.preventDefault();
// Your form submission logic here, e.g., AJAX call
console.log("Form submitted");
// Close the popup
popupContainer.style.display = "none";
});
});
</script>
<style>
#divA {
display: none;
/* Initially hidden */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 9999;
/* Ensure the popup is above other content */
}
.signupin {
background: #f1f3f6;
display: flex;
justify-content: center;
align-items: center;
padding: 30px;
position: relative;
}
.signupin .leftpanal {
padding: 10px;
background-color: #2874F0;
color: #fff;
background-image: url(../img/login_img_bg.png);
background-position: center 85%;
background-repeat: no-repeat;
height: 400px;
width: 20vw;
}
.signupin .rightSignuppanal {
padding: 10px;
background: #fff;
height: 400px;
width: 30vw;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
._7Pd1Fp {
justify-self: flex-start;
background: #fb641b;
width: 100%;
padding: 5px;
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
border: none;
color: #fff;
}
.EpHS0A {
font-size: 11px;
}
.I-qZ4MvLRlQb {
position: relative;
margin: 50px auto;
width: 200px;
}
.I-qZ4MvLRlQb input[type="text"] {
font-size: 20px;
width: 100%;
border: none;
border-bottom: 2px solid #ccc;
padding: 5px 0;
background-color: transparent;
outline: none;
}
.I-qZ4MvLRlQb .label {
position: absolute;
top: 12px;
left: 0;
color: #ccc;
transition: all 0.3s ease;
pointer-events: none;
}
.I-qZ4MvLRlQb input[type="text"]:focus~.label,
.I-qZ4MvLRlQb input[type="text"]:valid~.label {
top: -20px;
font-size: 16px;
color: #333;
}
.I-qZ4MvLRlQb .underline {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 100%;
background-color: #333;
transform: scaleX(0);
transition: all 0.3s ease;
}
.I-qZ4MvLRlQb input[type="text"]:focus~.underline,
.I-qZ4MvLRlQb input[type="text"]:valid~.underline {
transform: scaleX(1);
}
@media screen and (max-width: 1200px) {
.signupin .leftpanal {
width: 30vw;
}
.signupin .rightSignuppanal {
width: 40vw;
}
}
@media screen and (max-width: 1000px) {
.signupin .leftpanal {
width: 35vw;
padding: 15px;
}
.signupin .rightSignuppanal {
width: 45vw;
}
}
@media screen and (max-width: 800px) {
.signupin .leftpanal {
width: 43vw;
padding: 5px;
}
.signupin .rightSignuppanal {
width: 56vw;
}
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
cursor: pointer;
}
</style>
<!--Header start -->
<!--Header start -->
<header id="homeHeader">
<nav class="navbar homeHeader navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="https://flipkart-clone-seven-azure.vercel.app/">
<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/fkheaderlogo_exploreplus-44005d.svg" width="160" height="40" title="Flipkart" alt="Flipkart" />
</a>
<div id="navbarNav_" style="display: flex; align-items: center;">
<ul class="navbar-nav">
<li class="nav-item navItem1">
<div id="searchbar" class="navtab">
<span id="searchButton" class="search-icon">
<svg width="30" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Search Icon</title>
<path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="#717478" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16 16L21 21" stroke="#717478" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="flex-grow">
<input id="input_data" class="searchbar" type="text" placeholder="Search for Products, Brands and More" />
</span>
<div id="autocompleteResults" class="autocom-box">
<!-- Autocomplete results here -->
</div>
</div>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown" id="navbarDropdown">
<a class="nav-link acnavdd dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<img src="img/svg/profile-.svg" alt="Profile" style="width: 20px; height: 20px; margin-right: 5px;" />
<span class="navname" style="font-size: 14px;">Login <i class="bi bi-chevron-down"></i></span>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown" style="left: 0;">
<a class="dropdown-item" href="account/home_account.html"><img width="20" src="img/svg/profile-.svg" alt="flipKart" style="margin-right: 5px;"> My Profile </a>
<a class="dropdown-item" href="login/login.html"><img width="20" src="img/svg/profile-.svg" alt="flipKart" style="margin-right: 5px;"> Log into account </a>
<a class="dropdown-item" href="account/login-signup.html"><img width="20" src="img/svg/profile-.svg" alt="flipKart" style="margin-right: 5px;"> Sign In</a>
<a class="dropdown-item" href="plus/"><img width="20" src="img/svg/fkplus-+.svg" alt="flipKart" style="margin-right: 5px;"> Flipkart Plus Zone</a>
<a class="dropdown-item" href="account/orders.html"><img width="20" src="img/svg/orders.svg" alt="flipKart" style="margin-right: 5px;"> Orders</a>
<a class="dropdown-item" href="wishlist/"><img width="20" src="img/svg/wishList.svg" alt="flipKart" style="margin-right: 5px;"> Wishlist</a>
<a class="dropdown-item" href="account/notifications.html"><img width="20" src="img/svg/notifications.svg" alt="flipKart" style="margin-right: 5px;"> Notifications</a>
<a class="dropdown-item" href="account/rewards.html"><img width="20" src="img/svg/rewards.svg" alt="flipKart" style="margin-right: 5px;"> Rewards</a>
<a class="dropdown-item" href="the-gift-card-store/"><img width="20" src="img/svg/giftCard.svg" alt="flipKart" style="margin-right: 5px;"> Gift Cards</a>
<a class="dropdown-item" href="account/contact.html"><img width="20" src="https://pngimg.com/uploads/phone/phone_PNG48988.png" alt="flipKart" style="margin-right: 5px;"> Contact Us </a>
<a class="dropdown-item" href="account/feedback.html"><i class="bi bi-chat-dots"></i> My Feedback </a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="viewcart/" style="font-size: 14px;">
<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/header_cart-eed150.svg" style="width: 20px; height: 20px; margin-right: 5px;" /> Cart
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sell-online/" style="font-size: 14px;">
<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/Store-9eeae2.svg" style="width: 20px; height: 20px; margin-right: 5px;" /> Become a Seller
</a>
</li>
<li class="nav-item dropdown" id="moreLinksDropdown">
<a class="nav-link nav-dd dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<img src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/header_3verticalDots-ea7819.svg" style="width: 20px; height: 20px; margin-right: 5px;" /> More Links
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="moreLinksDropdown" style="left: auto; right: 0;">
<a class="dropdown-item" href="notifications/"><img width="20" height="20" src="img/svg/notificationPreferences.svg" alt="appointment-reminders--v2" style="margin-right: 5px;"> Notification Preferences</a>
<a class="dropdown-item" href="helpcentre/"><img width="20" height="20" src="img/svg/helpcenter.svg" alt="imgcc" style="margin-right: 5px;"> 24x7 Customer Care</a>
<a class="dropdown-item" href="https://advertising.flipkart.com/"><img width="20" height="20" src="img/svg/advertise.svg" alt="Advertise" style="margin-right: 5px;"> Advertise</a>
<a class="dropdown-item" href="mobile-apps/"><img width="20" height="20" src="img/svg/downloadApp.svg" alt="img3" style="margin-right: 5px;"> Download App</a>
</div>
</li>
</ul>
</div>
</nav>
</header>
<!--Header end -->
<!--Header end -->
<!-- categorylist -->
<div id="categorylist-wrapper" class="container-fluid categorylist-wrapper">
<ul id="categories" class="categories"></ul>
</div>
<!-- carousel start -->
<div id="default-carousel" class="relative w-full" data-carousel="slide">
<!-- Carousel wrapper -->
<div class="relative h-56 overflow-hidden rounded-lg md:h-100">
<!-- Item 1 -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
<img src="img/14691d790ec410a9.jpg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
<!-- Item 2 -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
<img src="img/17a2c4ed00866b1a.jpg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
<!-- Item 3 -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
<img src="img/1f25201ced5d720d.jpg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
<!-- Item 4 -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
<img src="img/aa1b2bdcf519b468.jpg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
<!-- Item 5 -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
<img src="img/345037032e3daaaf.jpg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
<!-- Item 6 -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
<img src="img/3dc8f265914a1426.jpeg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
<!-- Item 7 -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
<img src="img/f09f551230626a04.jpg" class="absolute block w-full -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" alt="...">
</div>
</div>
<!-- Slider indicators -->
<div class="absolute z-30 flex -translate-x-1/2 bottom-5 left-1/2 space-x-3 rtl:space-x-reverse">
<button type="button" class="w-3 h-3 rounded-full" aria-current="true" aria-label="Slide 1" data-carousel-slide-to="0"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 2" data-carousel-slide-to="1"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 3" data-carousel-slide-to="2"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 4" data-carousel-slide-to="3"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 5" data-carousel-slide-to="4"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 5" data-carousel-slide-to="5"></button>
<button type="button" class="w-3 h-3 rounded-full" aria-current="false" aria-label="Slide 5" data-carousel-slide-to="6"></button>
</div>
<!-- Slider controls -->
<button type="button" class="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-carousel-prev>
<span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
</svg>
<span class="sr-only">Previous</span>
</span>
</button>
<button type="button" class="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none" data-carousel-next>
<span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
<svg class="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
</svg>
<span class="sr-only">Next</span>
</span>
</button>
</div>
<!-- carousel end -->
<!-- bank card -->
<div class="container-fluid">
<img src="/bank-banner/sbi.webp" class="banner" />
</div>
<!-- search product show Showing results-->
<div class="containter-fluid bg-white">
<div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
<!-- <h4 id="showingrslt">Showing Results</h4> -->
</div>
<div class="container-fluid mt-4">
<div class="row mt-1" id="results"></div>
</div>
</div>
<!-- best of Electronics -->
<div class="containter-fluid bg-white">
<div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
<h4>Best of Electronics</h4>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-10">
<div id="bestOfElectronics-product" class="row m-1"></div>
</div>
<div class="col-md-2">
<img src="img/flytecafd87e5.webp" alt="image" style="width: 100%; height: 100%; object-fit: contain" class="mdHide">
</div>
</div>
</div>
</div>
<!-- fetch random products -->
<div class="containter-fluid bg-white">
<div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
<h4>Suggested for You</h4>
</div>
<div id="rendom-product" class="row m-1"></div>
</div>
<!-- fetch mobile under 15000-->
<div class="containter-fluid bg-white">
<div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
<h4>Mobile Phone Under 15000 Rs</h4>
</div>
<div id="mobileUnder15000-product" class="row m-1"></div>
</div>
<!-- newsection for grid items -->
<section id="img-box">
<a href="">
<div class="img"><img src="img/grid-1.webp" alt="image" /></div>
</a>
<a href="">
<div class="img"><img src="img/grid-2.jpg" alt="image" /></div>
</a>
<a href="">
<div class="img"><img src="img/grid-3.jpg" alt="image" /></div>
</a>
<a href="">
<div class="img"><img src="img/grid-1.webp" alt="image" /></div>
</a>
</section>
<!-- fetch best deal products -->
<div class="containter-fluid bg-white">
<div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
<h4>Best Deal for You</h4>
</div>
<div id="best-deal-product" class="row m-1"></div>
</div>
<!-- fetch data under 500-->
<div class="containter-fluid bg-white">
<div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
<h4>Shop Now Under 500 Rs</h4>
</div>
<div id="shopUnder500-product" class="row m-1"></div>
</div>
<!-- fetch data-->
<div class="containter-fluid bg-white">
<div class="row">
<div class="col-md-3">
<div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
<h4>Best for You</h4>
</div>
<div id="s1-product" class="row m-1">
<a href="Fashion-/"><img src=" img/fk-default-image-75ff340b.png " alt="image"></a>
</div>
</div>
<div class="col-md-9">
<div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
<h4> </h4>
</div>
<div id="s2-product" class="row m-1"></div>
</div>
</div>
</div>
<!-- Top Selection -->
<div class="containter-fluid bg-white">
<div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
<h4>Top Selection</h4>
</div>
<div id="top-selection-product" class="row m-1"></div>
</div>
<!--Other Top Deals-->
<center>
<h3>Other Top Deals</h3>
</center>
<section id="category-grid">
<div class="category-container">
<img class="category" src="img/deal5.png" alt="deal1">
<a href="#" class="show-items-link">
<button class="show-items-btn">Show Items</button>
</a>
</div>
<div class="category-container">
<img class="category" src="img/deal6.png" alt="deal2">
<a href="#" class="show-items-link">
<button class="show-items-btn">Show Items</button>
</a>
</div>
<div class="category-container">
<img class="category" src="img/deal1.png" alt="deal3">
<a href="#" class="show-items-link">
<button class="show-items-btn">Show Items</button>
</a>
</div>
<div class="category-container">
<img class="category" src="img/deal7.png" alt="deal4">
<a href="#" class="show-items-link">
<button class="show-items-btn">Show Items</button>
</a>
</div>
<div class="category-container">
<img class="category" src="img/deal8.png" alt="deal5">
<a href="#" class="show-items-link">
<button class="show-items-btn">Show Items</button>
</a>
</div>
<div class="category-container">
<img class="category" src="img/deal9.png" alt="deal6">
<a href="#" class="show-items-link">
<button class="show-items-btn">Show Items</button>
</a>
</div>
<div class="category-container">
<img class="category" src="img/deal10.png" alt="deal7">
<a href="#" class="show-items-link">
<button class="show-items-btn">Show Items</button>
</a>
</div>
<div class="category-container">
<img class="category" src="img/deal11.png" alt="deal8">
<a href="#" class="show-items-link">
<button class="show-items-btn">Show Items</button>
</a>
</div>
<div class="category-container">
<img class="category" src="img/deal12.png" alt="deal9">
<a href="#" class="show-items-link">
<button class="show-items-btn">Show Items</button>
</a>
</div>
</section>
<!-- Product Selection -->
<div class="containter-fluid bg-white">
<div class="containter-fluid p-3 mt-1" style="border-bottom: 1px solid #e4e7eb;">
<h4>Select Your Choice</h4>
</div>
<div id="seletcYourChoice-product" class="row m-1"></div>
</div>
<!-- Adding brand directory -->
<div class="brand-directory">
<h5 class="brand-directory-heading">Top Stories : Brand Directory</h5>
<div class="most-searched-for-on-flipkart">
<p class="paragraph">
MOST SEARCHED FOR ON FLIPKART: iPhone 15 | iPhone 15 Plus | iPhone 15 Pro Blue | iPhone 15 Pro Black | iPhone 15 Pro Max Blue | iPhone 15 Pro Black| Vivi x 100 | Spoyl Store | SAMSUNG Flip5 | SAMSUNG Fold5 | Flipkart Axis Bank Super Elite Credit card|
5G Mobile Phones | Primebook Laptops | Moto Edge 40 | Grievance Redressal | OPPO Reno7 Pro 5G | iPhone 13 | Help Centre | Track Orders | Manage Orders | Retyurn Orders | Gift Cards Store | Flipkart Axis Bank Credit Card | Pay Later
</p>
</div>
<div class="mobile">
<p class="mobile-para">
MOBILES: Redmi 12 %G | Realme 12 + 5G | Motorola G84 | Realme C53 | Infinix Smart 8 | Samsung Galaxy S23 5G | Samsung Galaxy 21 FE 5G Qualcomm | Vivo V30 | Samsung Galaxy S24 5G | Samsung S24+ 5G | iPhone 12 64GB | iPhone 12 Pro 512GB | iPhone 12 128GB
| Vivo Y15 | SAMSUNG Galaxy S21 FE 5G | Infinix HOT 30i | Realme 10 Pro 5G | MOTOROLA G62 5G | Nothing Phone | REDMI Note 12 Pro 5G | Infinix SMART 7 | Vivo Y12 | Oppo A12 | Motorola 5g Phone | Realme 5g Smartphone | Apple 5g Phone | Iqoo
5g Phones | Oneplus 5g Plus | Vivo 5g Phones | Oppo 5g Smart Phones | Oppo F15 | Oppo A31 | Samsung A71 | Samsung A51 | Samsung A31 | iPhone 11 Pro | 4G Mobile | Nokia Mobile | Samsung Mobile | iPhone | Oppo Mobile | Vivo Mobile
</p>
</div>
<div class="camera">
<p class="camera-para">
CAMERA: GoPro Action Camera | Nikon Camera | Canon Camera | Sony Camera | canon DSLR | Nikon DSLR
</p>
</div>
<div class="laptops">
<p class="laptop-para">
LAPTOPS: Asus ROG Ally | MacBook Pro M2 | Premium Laptop | ASUS ROG Strix SCAR 16 (2023) Core i9 13th Gen | ASUS ROG Zephyrus M16 (2023) Core i9 13th Gen | ASUS Zenbook 14 OLED (2022) | Realme Book Prime Core i5 11th Gen | Microsoft Surface Go Pentium
128GB | Apple Laptops | Acer Laptops | Lenovo Laptops | Dell Laptops | Asus Laptops | HP Laptops | Gaming laptops | 2 in 1 Laptops | Laptops | Dell latest laptop 2022 | HP latest laptops 2022 | Infinix INBook Y1 Plus | SAMSUNG Galaxy Book3
| 12th gen Intel Core Laptops
</p>
</div>
<div class="tvs">
<p class="tvs-para">
TVS: Nokia TV | Panasonic TV | Thomson TV | Mi X Pro | Realme TV | Motorola TV | OnePlus TV | LG TV | TV | Sony TV | Samsung TV | Android Television | Iffalcon TV | Mi TV
</p>
</div>
<div class="large-appliances">
<p class="large-appliances-para">
LARGE APPLIANCES: Television | Washing Machine | Refrigerators | | Air Conditioners | Electric Cookers | Electric Jug(Heater) / Travel Kettles | Induction Cooktops | Inverters / stabilizer | Irons / Iron Box | Mixer Grinder Juicer | Wet Grinders Chimneys
Microwave Ovens Vacuum Cleaners Water Purifier Fan
</p>
</div>
<div class="clothing">
<p class="clothing-para">
CLOTHING Green bridal lehenga | Tops | Shoes | Sunglasses | Bridal Blouse | Half saree blouse designs | Designer blouses | Blouse designs | Shirts | Cotton saree blouse designs | Tshirts | Jeans | Sarees | Dresses | One pieces | Groom wedding sherwani
| Designer Salwar Suits | Bra | Cotton simple blouse designs | Banarasi saree blouse designs | Stylish blouse astin design | Track Pant | Blouse neck designs | Kurtas | Party Dresses | Palazzo Suits | Anarkali | Gowns | Cut out dress |
Salwar Suits | Kurtis | Designer Sarees | Leggings | Shorts | Georgette Sarees | Ethnic Wear | uppada pattu sarees | Blouse back design | Jodhpur pants
</p>
</div>
<div class="footwear">
<p class="footwear-para">
FOOTWEAR: Adidas Shoes | Reebok Shoes | Nike Shoes | Puma Shoes | Boots | Bata Shoes | Woodland Shoes | Skechers Shoes | Sneakers | Womens Boots | Sports Shoes | Loafers | Sandals | Lotto Sports Shoes | Casual Shoes | Womens Skechers Shoes Asics Sports
Shoes Formal Shoes School Shoes
</p>
</div>
<div class="groceries">
<p class="groceries-para">
GROCERIES PhonePe Grocery Voucher | Hand Wash | Soap | Cashew Nuts | Sunflower Oil | Eggs | Toilet Cleaner | Harpic Toilet Cleaner | Dettol Soap | Mustard Oil | Biscuits | Cheese | Patanjali Atta | Fortune Oil | Aashirvaad Atta | Tea
</p>
</div>
<div class="best-seller-on-flipkart">
<p class="best-seller-on-flipkart-para">
BEST SELLING ON FLIPKART Headphones | Best Gas Geyser | Kitchen Geyser | Nutri Blenders | Portable Air Cooler | Best Air Cooler | Bags | Hitachi Refrigerator 3 Door | Books | Toys | Candles | Helmets | Wall Clocks | Baby Food | Chocolates | Cycles | Calculators
| Lipsticks | Mask | Vertiv UPS | Fastrack Watches | Wallets | Earrings | Gold Coins | Realme Pad Mini | Handbags | conekt SW2 Smartwatch | Mivi DuoPods a350 | Speaker Cleaner
</p>
</div>
<div class="furniture">
<p class="furniture-para">
FURNITURE Furniture | Sofas | Beds | Dining sets | Wardrobes | Mattresses | TV Units | Tables | Chairs | Shelves | Bean Bags | Office Chairs | Computer Table | Office Tables | Red Sofa | Wakefit Beds | White Sofa | Wakefit Mattress | Green Sofa Black
Sofa Brown Sofa
</p>
</div>
<div class="bgmh">
<p class="bgmh-para">
BGMH: Whey Protein | Homeopathy | Cricket | Cycles | Footballs | Treadmills | Christmas Gifts | Fitness Accessories | Online Guitar | Books Store | Musical Instrument Store | Dabur Chyawanprash | Baidyanath Chyawanprash | Energy Drinks | Toys | Milk Drink
Mixes | Rakhi | Chyawanprash | Indian Flag | Protein Supplements
</p>
</div>
</p>
</div>
<!-- text on the homepage -->
<div class="text">
<p class="main1">Flipkart: The One-stop Shopping Destination</p>
E-commerce is revolutionizing the way we all shop in India. Why do you want to hop from one store to another in search of the latest phone when you can find it on the Internet in a single click? Not only mobiles. Flipkart houses everything you can possibly
imagine, from trending electronics like laptops, tablets, smartphones, and mobile accessories to in-vogue fashion staples like shoes, clothing and lifestyle accessories; from modern furniture like sofa sets, dining tables, and wardrobes to appliances
that make your life easy like washing machines, TVs, ACs, mixer grinder juicers and other time-saving kitchen and small appliances; from home furnishings like cushion covers, mattresses and bedsheets to toys and musical instruments, we got them
all covered. You name it, and you can stay assured about finding them all here. For those of you with erratic working hours, Flipkart is your best bet. Shop in your PJs, at night or in the wee hours of the morning. This e-commerce never shuts
down.
<br><br> What's more, with our year-round shopping festivals and events, our prices are irresistible. We're sure you'll find yourself picking up more than what you had in mind. If you are wondering why you should shop from Flipkart when there
are multiple options available to you, well, the below will answer your question.
<br><br>
<p class="main2">Flipkart Plus</p>
A world of limitless possibilities awaits you - Flipkart Plus was kickstarted as a loyalty reward programme for all its regular customers at zero subscription fee. All you need is 500 supercoins to be a part of this service. For every 100 rupees spent
on Flipkart order, Plus members earns 4 supercoins & non-plus members earn 2 supercoins. Free delivery, early access during sales and shopping festivals, exchange offers and priority customer service are the top benefits to a Flipkart Plus
member. In short, earn more when you shop more!
<br><br> What's more, you can even use the Flipkart supercoins for a number of exciting services, like:
<br> An annual Zomato Gold membership
<br> An annual Hotstar Premium membership
<br> 6 months Gaana plus subscription
<br> Get an instant discount of Rupees 550 on Akasa flights
<br> Check out https://www.flipkart.com/plus/all-offers for the entire list. Terms and conditions apply.
<br><br>
<p class="heading2">No Cost EMI</p>
In an attempt to make high-end products accessible to all, our No Cost EMI plan enables you to shop with us under EMI, without shelling out any processing fee. Applicable on select mobiles, laptops, large and small appliances, furniture, electronics and
watches, you can now shop without burning a hole in your pocket. If you've been eyeing a product for a long time, chances are it may be up for a no cost EMI. Take a look ASAP! Terms and conditions apply.
<br><br>
<p class="heading2">EMI on Debit Cards</p>
Did you know debit card holders account for 79.38 crore in the country, while there are only 3.14 crore credit card holders? After enabling EMI on Credit Cards, in another attempt to make online shopping accessible to everyone, Flipkart introduces EMI
on Debit Cards, empowering you to shop confidently with us without having to worry about pauses in monthly cash flow. At present, we have partnered with Axis Bank, HDFC Bank, State Bank of India and ICICI Bank for this facility. More power to
all our shoppers! Terms and conditions apply.
<br><br>
<p class="heading2">Mobile Exchange Offers</p>
Get an instant discount on the phone that you have been eyeing on. Exchange your old mobile for a new one after the Flipkart experts calculate the value of your old phone, provided it is in a working condition without damage to the screen. If a phone
is applicable for an exchange offer, you will see the 'Buy with Exchange' option on the product description of the phone. So, be smart, always opt for an exchange wherever possible. Terms and conditions apply.
<br><br>
<p class="main1">What Can You Buy From Flipkart?</p>
<ul>
<li>
<p class="heading1">Mobile Phones</p>
From budget phones to state-of-the-art smartphones, we have a mobile for everybody out there. Whether you're looking for larger, fuller screens, power-packed batteries, blazing-fast processors, beautification apps, high-tech selfie cameras or just large
internal space, we take care of all the essentials. Shop from top brands in the country like Samsung, Apple, Oppo, Xiaomi, Realme, Vivo, and Honor to name a few. Rest assured, you're buying from only the most reliable names in the market.
What's more, with Flipkart's Complete Mobile Protection Plan, you will never again find the need to run around service centres. This plan entails you to a number of post-purchase solutions, starting at as low as Rupees 99 only! Broken
screens, liquid damage to phone, hardware and software glitches, and replacements -
<b>the Flipkart Complete Mobile Protection</b> covers a comprehensive range of post-purchase problems, with door-to-door services.
<br><br>
</li>
<li>
<p class="heading1">Electronic Devices and Accessories</p>
When it comes to laptops, we are not far behind. Filter among dozens of super-fast operating systems, hard disk capacity, RAM, lifestyle, screen size and many other criterias for personalized results in a flash. All you students out there, confused about
what laptop to get? Our
<b>Back To College Store</b> segregates laptops purpose wise (gaming, browsing and research, project work, entertainment, design, multitasking) with recommendations from top brands and industry experts, facilitating a shopping experience
that is quicker and simpler.
<br><br> Photography lovers, you couldn't land at a better page than ours. Cutting-edge DSLR cameras, ever reliable point-and-shoot cameras, millennial favourite instant cameras or action cameras for adventure junkies: our range of cameras
is as much for beginners as it is for professionals. Canon, Nikon, GoPro, Sony, and Fujifilm are some big names you'll find in our store. Photography lovers, you couldn't land at a better page than ours. Cutting-edge DSLR cameras, ever
reliable point-and-shoot cameras, millennial favourite instant cameras or action cameras for adventure junkies: our range of cameras is as much for beginners as it is for professionals. Canon, Nikon, GoPro, Sony, and Fujifilm are some
big names you'll find in our store.
<br><br> Turn your home into a theatre with a stunning surround sound system. Choose from our elaborate range of Sony home theatres, JBL soundbars and Philips tower speakers for an experience to remember.
<br><br> How about jazzing up your phone with our quirky designer cases and covers? Our wide-ranging mobile accessories starting from headphones, power banks, memory cards, mobile chargers, to selfie sticks can prove to be ideal travel
companions for you and your phone; never again worry about running out of charge or memory on your next vacation.
<br><br>
</li>
<li>
<p class="heading1">Large Appliances</p>
Sleek TVs, power-saving refrigerators, rapid-cooling ACs, resourceful washing machines - discover everything you need to run a house under one roof. Our
<b>Dependable TV and Appliance Store</b> ensures zero transit damage, with a replacement guarantee if anything goes wrong; delivery and installation as per your convenience and a double warranty (Official Brand Warranty along with an extended
Flipkart Warranty) - rest assured, value for money is what is promised and delivered. Shop from market leaders in the country like Samsung, LG, Whirlpool, Midea, Mi, Vu, Panasonic, Godrej, Sony, Daikin, and Hitachi among many others.
<br><br> For certain product categories, Customers meeting the eligibility criteria will have the option to buy larger quantities. To know more on the eligibility criteria and terms and conditions, please reach out to
<a href="mailto:Purchases.oni@flipkart.com">Purchases.oni@flipkart.com</a>.
<br><br>
</li>
<li>
<p class="heading1">Small Home Appliances</p>
Find handy and practical home appliances designed to make your life simpler: electric kettles, OTGs, microwave ovens, sandwich makers, hand blenders, coffee makers, and many more other time-saving appliances that are truly crafted for a quicker lifestyle.
Live life king size with these appliances at home.
<br><br>
</li>
<li>
<p class="heading1">Home and Furniture</p>
Moving to a new place is never easy, especially if you're buying new furniture. Beds, sofa sets, dining tables, wardrobes, and TV units - it's not easy to set up everything again. With the hundreds of options thrown at you, the ride could be overwhelming.
What place is reliable, what furniture will stand the test of time? These are questions you must ask before you choose a store. Well, our
<b>Durability Certified Furniture Store</b> has not only curated a range of furniture keeping in mind the modern Indian consumer but furniture that comes with a lab certification, ensuring they last you for up to 10 years. Yes, all our
furniture has gone through 35 stability and load tests so that you receive only the best-quality furniture.
<b>Be FurniSure</b> , always. Names to look out for are Nilkamal, Godrej Interio, Urban Ladder, HomeTown, Durian and Perfect Homes.
<br><br> You may have your furniture all set up, but they could end up looking flat and incomplete without complementary decor. Curtains, cushion covers, bed sheets, wall shelves, paintings, floor lamps - find everything that turns a house
to an inviting home under one roof at Flipkart.
<br><br>
</li>
<li>
<p class="heading1">Baby and Kids</p>
Your kids deserve only the best. From bodysuits, booties, diapers to strollers, if you're an expecting mother or a new mother, you will find everything you need to set sail on a smooth parenting journey with the help of our baby care collection. When
it comes to safety, hygiene and comfort, you can rely on us without a second thought. Huggies, Pampers, MamyPoko, and Johnson & Johnson: we host only the most-trusted names in the business for your baby.
<br><br>
</li>
<li>
<p class="heading1">Books, Sports and Games</p>
Work hard and no play? We don't believe in that. Get access to best-selling fiction and non-fiction books by your favourite authors, thrilling English and Indian blockbusters, most-wanted gaming consoles, and a tempting range of fitness and sports gadgets
and equipment bound to inspire you to get moving.
<br><br>
</li>
<li>
<p class="heading1">Grocery/Supermart</p>
Launching into the grocery vertical, Flipkart introduces
<b>Supermart</b> that is out to bring everyday essentials close to you. From pulses, spices, dairy, personal and sanitary care, breakfast essentials, health drinks, spreads, ready to cook, grooming to cleaning agents, we are happy to present
everything you need to run a house. Now buy Grocery products for as low as 1 Rupee only - our
<b>1 Rupee Store</b> presents new products every day for a nominal price of 1 Rupee only. Terms and conditions apply.
</li>
</ul>
<p class="main1">Lifestyle</p>
Flipkart,
<b>'India ka Fashion Capital'</b> , is your one-stop fashion destination for anything and everything you need to look good. Our exhaustive range of Western and Indian wear, summer and winter clothing, formal and casual footwear, bridal and artificial
jewellery, long-lasting make-up, grooming tools and accessories are sure to sweep you off your feet. Shop from crowd favourites like Vero Moda, Forever 21, Only, Arrow, Woodland, Nike, Puma, Revlon, Mac, and Sephora among dozens of other top-of-the-ladder
names. From summer staple maxi dresses, no-nonsense cigarette pants, traditional Bandhani kurtis to street-smart biker jackets, you can rely on us for a wardrobe that is up to date. Explore our in-house brands like Metronaut, Anmi, and Denizen,
to name a few, for carefully curated designs that are the talk of the town. Get ready to be spoiled for choice.Festivals, office get-togethers, weddings, brunches, or nightwear - Flipkart will have your back each time.
<br><br>
</div>
<!-- FAQ Section -->
<div class="container" id="faq">
<div style="display: flex;" class="container mt-5">
<h2 style="width: 35%;padding-left: 5vw;" class="text-center mb-4 heading">Frequently Asked Questions</h2>
<div style="width: 65%;" class="accordion" id="faqAccordion">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
1. How do I create an account?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
<div class="accordion-body">
To create an account on Flipkart, simply click on the "Sign Up" button located at the top-right corner of the homepage. Follow the prompts to enter your details and create your account.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
2. How can I place an order?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faqAccordion">
<div class="accordion-body">
Placing an order on Flipkart is easy! Once you've found the product you want to buy, click on it to view details and then click on the "Buy Now" or "Add to Cart" button. Follow the steps to complete your order.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
3. What payment options are available?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
<div class="accordion-body">
Flipkart offers various payment options including credit/debit cards, net banking, UPI, EMI, and Cash on Delivery (COD) for eligible orders.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
4. How can I track my order?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#faqAccordion">
<div class="accordion-body">
You can track your order by clicking on the "Track Order" link in the "My Orders" section of your Flipkart account. You will receive regular updates on your order status via email and SMS.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading5">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
5. What is Flipkart's return policy?
</button>
</h2>
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="heading5"
data-bs-parent="#faqAccordion">
<div class="accordion-body">
Flipkart has a hassle-free return policy. If you're not satisfied with your purchase, you
can initiate a return within the specified return period. Simply go to the "My Orders"
section, select the order you want to return, and follow the prompts.
</div>
</div>
</div>
</div>
</div>
</div>
<!-- faq end -->
<!-- Contact Us -->
<div class="main">
<div class="container">
<img src="rateus.png" alt="rateus">
<div class="form-container">
<h1>Contact Us</h1>
<form id="contact-form">
<!-- <label for="name">Name:</label> -->
<input type="text" id="name" name="name" required placeholder="Name:">
<!-- <label for="email">Email:</label> -->
<input type="email" id="email" name="email" required placeholder="Email:">
<!-- <label for="comment">Comment:</label> -->
<textarea id="comment" name="feedback" required placeholder="Comment:"></textarea>
<p id="thank-you-message" style="color: white; display: none;">Thank you !!<br>We will connect soon.</p>
</form>
<button onclick="handleSubmit()" id="button">Submit</button>
</div>
</div>
</div>
<!-- go to top button -->
<!-- <button id="goToTopBtn" class="hidden"><i class="fas fa-chevron-up"></i></button> -->
<div class="scrollToTop">
<div class="inner">
<i class="fa fa-arrow-up icon"></i>
</div>
</div>
<!-- footer fetch to components : components/footer/footer.html -->
<footer id="footer" style="background-color: #09090a;"></footer>
<!-- voiceflow.chat script -->
<script type="text/javascript">
(function (d, t) {
var v = d.createElement(t), s = d.getElementsByTagName(t)[0];
v.onload = function () {
window.voiceflow.chat.load({
verify: { projectID: '6647471456cab012ae016d07' },
url: 'https://general-runtime.voiceflow.com',
versionID: 'production'
});
}
v.src = "https://cdn.voiceflow.com/widget/bundle.mjs"; v.type = "text/javascript"; s.parentNode.insertBefore(v, s);
})(document, 'script');
</script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/homeHeader.js"></script>
<script src="js/categoryjs.js"></script>
<script src="js/searchIndexProducts.js"></script>
<script src="js/fetchProductOfIndex.js"></script>
<script src="js/index.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js">
</script>
<script src="js/contactus.js"></script>
<script>
// Select the scrollToTop element
var scrollToTop = document.querySelector(".scrollToTop");
// Function to calculate the scroll value and update the scrollToTop button
function calcScrollValue() {
let pos = document.body.scrollTop || document.documentElement.scrollTop;
let calcHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
let percentval = Math.round((pos * 100) / calcHeight);
if (pos > 100) {
scrollToTop.style.display = "flex";
} else {
scrollToTop.style.display = "none";
}
scrollToTop.style.background = `conic-gradient(#28CEF7 ${percentval}%, white ${percentval}%)`;
}
// Add click event listener to scrollToTop button
scrollToTop.addEventListener("click", function() {
document.body.scrollTop = 0; // For Safari