-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
569 lines (473 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Online Shopping Site For Mobiles</title>
<link rel="shortcut icon " type="image/x-icon" href="../images/favicon.png">
<link rel="stylesheet" href="./style.css">
<script src="https://kit.fontawesome.com/8d3a93c5d3.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Ubuntu:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<!-- Header Section-->
<header>
<div class="header-left">
<a href="#">Flipkart</a>
<div class="header-left-p">
<p><a href="#">Explore</a> <span>Plus<i class="fa-solid fa-plus"></i></span></p>
</div>
</div>
<div class="header-centre">
<input class="header-centre-input " type="text" placeholder="Search for product,Brand and ,more"><i
class="fa-solid fa-magnifying-glass"></i>
</div>
<div class="header-right">
<a class="active" href="#">Login</a>
<a href="#">Become a Seller</a>
<a href="#">More<i class="fa-solid fa-angle-down"></i></a>
<a href="#"><i class="fa-solid fa-cart-shopping"></i>Cart</a>
</div>
</header>
<!--Category Section-->
<section>
<div class="category-row">
<div class="category-col">
<img src="./images/hp1.png" alt="">
<h5>Top Offers</h5>
</div>
<div class="category-col">
<img src="./images/hp2.png" alt="">
<h5>Grocery</h5>
</div>
<div class="category-col">
<img src="./images/hp3.png" alt="">
<h5>Mobiles</h5>
</div>
<div class="category-col">
<img src="./images/hp4.png" alt="">
<h5>Fashion<i class="fa-solid fa-angle-down"></i></h5>
</div>
<div class="category-col">
<img src="./images/hp5.png" alt="">
<h5>Electronics<i class="fa-solid fa-angle-down"></i></h5>
</div>
<div class="category-col">
<img src="./images/hp6.png" alt="">
<h5>Home<i class="fa-solid fa-angle-down"></i></h5>
</div>
<div class="category-col">
<img src="./images/hp7.png" alt="">
<h5>Appliances<i class="fa-solid fa-angle-down"></i></h5>
</div>
<div class="category-col">
<img src="./images/hp8.png" alt="">
<h5>Travel</h5>
</div>
<div class="category-col">
<img src="./images/hp9.png" alt="">
<h5>Beauty,Toys & More<i class="fa-solid fa-angle-down"></i></h5>
</div>
</div>
</section>
<!--Banner-->
<section>
<div class="banner">
<div class="slider">
<img src="./images/banner1.jpg" style="width:100%" alt="banner">
<img src="./images/banner2.jpg" style="width:100%" alt="banner">
<img src="./images/banner3.jpg" style="width:100%" alt="banner">
<img src="./images/banner4.jpg" style="width: 100%" alt="banner">
</div>
</div>
</section>
<section>
<div class="pay-later">
<img src="./images/pay-later.png" alt="">
</div>
</section>
<!-- Best deal section-->
<section class="all-deals">
<div class="card">
<div class="common-heading">
<div class="common-heading-left">
<h1>Deals of the Day </h1>
<button>VIEW ALL</button>
</div>
</div>
<div class="common-row">
<div class="common-col">
<img src="./images/deals1.png" alt="">
<div class="main">
<h4>Home Theaters</h4>
</div>
<div class="price">
<h4>Upto 64% Off</h4>
</div>
<div class="detail">
<h4>Sony,F&D & more </h4>
</div>
</div>
<div class="common-col">
<img src="./images/deals2.png" alt="">
<div class="main">
<h4>Tempered Glass</h4>
</div>
<div class="price">
<h4>From ₹ 99</h4>
</div>
<div class="detail">
<h4>For All Top Models</h4>
</div>
</div>
<div class="common-col">
<img src="./images/deals3.png" alt="">
<div class="main">
<h4>Best Offers on Macbooks</h4>
</div>
<div class="price">
<h4>From ₹ 86,990</h4>
</div>
<div class="detail">
<h4>Product Exch Bonus* </h4>
</div>
</div>
<div class="common-col">
<img src="./images/deals4.png" alt="">
<div class="main">
<h4>Samsung Watch 4</h4>
</div>
<div class="price">
<h4>From ₹15,299</h4>
</div>
<div class="detail">
<h4>Body Composition Tracker</h4>
</div>
</div>
<div class="common-col">
<img src="./images/deals5.png" alt="">
<div class="main"></div>
<h4>realme Band 2 </h4>
<div class="price">
<h4>Just ₹2,499 </h4>
</div>
<div class="detail">
<h4>₹2,999 onwards</h4>
</div>
</div>
</div>
</div>
<div class="upcoming">
<img src="./images/upcoming.png" alt="">
</div>
</section>
<!---offers section -->
<section>
<div class="offer-section">
<img src="./images/offer1.png" alt="">
<img src="./images/offer2.png" alt="">
<img src="./images/offer3.png" alt="">
</div>
</section>
<!--Section- 2 - deals-->
<section>
<div class="card-2">
<div class="common-heading2">
<h1>Fashion Best <br> Sellers</h1>
<button>VIEW</button>
</div>
<div class="common-row2">
<div class="common-col2">
<img src="./images/fdeal1.png" alt="">
<div class="main2">
<h4>Skybags, Wildcraft Bags</h4>
</div>
<div class="price2">
<h4>From ₹ 149 </h4>
</div>
<div class="details2">
<h4>Bag the Deal Before it Gone!</h4>
</div>
</div>
<div class="common-col2">
<img src="./images/fdeal2.png" alt="">
<div class="main2">
<h4>Kurtas , Sets & more</h4>
</div>
<div class="price2">
<h4>Under ₹ 399</h4>
</div>
<div class="details2">
<h4>Treandy & Stylis!</h4>
</div>
</div>
<div class="common-col2">
<img src="./images/fdeal3.png" alt="">
<div class="main2">
<h4>Handpicked Selection</h4>
</div>
<div class="price2">
<h4>Under ₹ 399</h4>
</div>
<div class="details2">
<h4>Men & Women Sunglases</h4>
</div>
</div>
<div class="common-col2">
<img src="./images/fdeal4.png" alt="">
<div class="main2">
<h4>Kid's Combo Packs</h4>
</div>
<div class="price2">
<h4>Under ₹ 3999</h4>
</div>
<div class="details2">
<h4>New Gen Cloths!</h4>
</div>
</div>
<div class="common-col2">
<img src="./images/fdeal5.png" alt="">
<div class="main2">
<h4>ADIDAS, PUMA & more</h4>
</div>
<div class="price2">
<h4>Min 50% Off</h4>
</div>
<div class="details2">
<h4>Women's Footwear</h4>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="offer-section2">
<img src="./images/secs1.png" alt="">
<img src="./images/secs2.png" alt="">
<img src="./images/secs3.png" alt="">
</div>
</section>
<!---Footer Section-->
<Section>
<div class="card-3">
<div class="footer-headtext">
<h4>Flipkart: The One-stop Shopping Destination</h4>
<h6>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</h6>
<h5>Flipkart Plus</h5>
<h6>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<br> 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>
Rupees 550 instant discount on flights on ixigo<br>
Check out https://www.flipkart.com/plus/all-offers for the entire list. Terms and conditions
apply.<br>
</h6>
<h5>No Cost EMI</h5>
<h6>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<br> 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.
</h6>
<h5>EMI on Debit Cards</h5>
<h6>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<br>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.
</h6>
<h5>Mobile Exchange Offers</h5>
<h6>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<br>with Exchange' option on the product description of the phone. So, be smart,
always opt for an exchange wherever possible. Terms and conditions apply.
</h6>
<h5>What Can You Buy From Flipkart?</h5>
<h5>Mobile Phones</h5>
<h6>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<br>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<br>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 - the Flipkart Complete Mobile Protection covers a comprehensive range of
post-purchase problems, with<br>door-to-door services.</h6>
<h5>Electronic Devices and Accessories</h5>
<h6>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 Back To
College Store segregates<br>
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,<br>
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<br>
beginners as it is for professionals. Canon, Nikon, GoPro, Sony, and Fujifilm are some big names
you'll find in our store.</h6>
<h5>Large Appliances</h5>
<h6>Sleek TVs, power-saving refrigerators, rapid-cooling ACs, resourceful washing machines - discover
everything you need to run a house under one roof. Our Dependable TV and Appliance Store ensures
zero transit damage, with a replacement guarantee if anything goes wrong; delivery and installation
as per<br>
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<br>
among many others.</h6>
<h5>Small Home Appliances</h5>
<h6>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.</h6>
<h5>Grocery/Supermart</h5>
<h6>Launching into the grocery vertical, Flipkart introduces Supermart 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<br>
run a house. Now buy Grocery products for as low as 1 Rupee only - our 1 Rupee Store presents new
products every day for a nominal price of 1 Rupee only. Terms and conditions apply.</h6>
</div>
</div>
</Section>
<!---Footer-->
<footer>
<div class="footer-row">
<div class="footer-col-1">
<div class="footer-heading">
<p>ABOUT</p>
</div>
<div class="footer-list">
<a href="a">Contact Us</a>
<a href="a">About Us</a>
<a href="a">Careers</a>
<a href="a">Flipkart Stories</a>
<a href="a">Press</a>
<a href="a">Flipkart Wholesale</a>
<a href="a">Corporate Information</a>
</div>
</div>
<div class="footer-col-2">
<div class="footer-heading">
<p>HELP</p>
</div>
<div class="footer-list">
<a href="a">Payments</a>
<a href="a">Shipping</a>
<a href="a">Cancellation & Returns</a>
<a href="a">FAQ</a>
<a href="a">Report Infringement</a>
</div>
</div>
<div class="footer-col-3">
<div class="footer-heading">
<p>POLICY</p>
</div>
<div class="footer-list">
<a href="a">Return Policy</a>
<a href="a">Terms Of Use</a>
<a href="a">Security</a>
<a href="a">Privacy</a>
<a href="a">Sitemap</a>
<a href="a">EPR Compliance</a>
</div>
</div>
<div class="footer-col-4">
<div class="footer-heading">
<p>SOCIAL</p>
</div>
<div class="footer-list">
<a href="a">Facebook</a>
<a href="a">Twitter</a>
<a href="a">YouTube</a>
</div>
</div>
<div class="footer-col-5">
<div class="footer-heading">
<p>Mail Us</p>
</div>
<div class="footer-list">
<pr>Flipkart Internet Private Limited,<br>
Buildings Alyssa, Begonia &<br>
Clove Embassy Tech Village,<br>
Outer Ring Road, Devara Village,<br>
Bengaluru, 560103,<br>
Karnataka, India</pr>
</div>
</div>
<div class="footer-col-6">
<div class="footer-heading">
<p>Registered Office Address:</p>
</div>
<div class="footer-list-address ">
<pr>Flipkart Internet Private Limited,</pr>
<pr>Buildings Alyssa, Begonia &</pr>
<pr>Clove Embassy Tech Village,</pr>
<pr>Outer Ring Road, Devara Village,</pr>
<pr>Bengaluru, 560103,</pr>
<pr>Karnataka, India</pr>
<pr>CIN : U51109KA2012PTC066107</pr>
<pr>Telephone:<span> 044-45614700</span></pr>
</div>
</div>
</div>
<div class="footer-row2">
<div class="footer-row2-col">
<pr><i class="fa-solid fa-bag-shopping"></i>Become a Seller</pr>
</div>
<div class="footer-row2-col">
<pr><i class="fa-solid fa-star"></i>Advertise</pr>
</div>
<div class="footer-row2-col">
<pr><i class="fa-solid fa-gift"></i>Gift Cards</pr>
</div>
<div class="footer-row2-col">
<pr><i class="fa-solid fa-circle-question"></i>Help Center</pr>
</div>
<div class="footer-row2-col">
<pr>© 2007-2022 Flipkart.com</pr>
</div>
<div class="footer-row2-col">
<img src="./images/payment.png" alt="payment">
</div>
</div>
<div class="footer-row3">
<div class="footer-row3-col">
<h3>Created By Hemant__sw <i class="fa-solid fa-heart"></i></h3>
</div>
</div>
</footer>
</section>
</body>
</html>