-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
370 lines (342 loc) · 16.7 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
<!Doctype html>
<html>
<head>
<title>Online Grocery Shopping</title>
<link rel="stylesheet" type="text/css" href="Styles/index.css">
<style>
#lnk {
color: black;
text-decoration: none;
}
</style>
</head>
<body>
<div id="heading">
<img src="Images/bigbasket_logo.png">
<div id="heading_main1">
<p id="login">Login|Sign Up</p>
<p>📍56004, Bangalore</p>
<p>📞1860 123 1000</p>
</div>
<div id="heading_main2">
<input type="search" id="search_bar" placeholder="Search for Products..">
<img id="search_img" src="Images/Search_image.png">
<a href="cart.html" id="lnk">
<div id="my_basket">
<img src="Images/shopping-basket.png">
<span>
<p>My Basket</p>
<br>
<p id="bask">0 Items</p>
</span>
</div>
</a>
</div>
<div id="dropdown_list">
<a href="#">Shop by Category</a>
<div id="drop1">
<a href="#">Fruits and Vegetables</a>
<a href="#">Food Grains Oils and Masalas</a>
<a href="#">Bakery, Cakes and Diaries</a>
<a href="products.html">Beverages</a>
<a href="#">Snacks and Branded Foods</a>
<a href="#">Beauty and Hygiene</a>
<a href="#">Cleaning and Household</a>
<a href="#">Kitchen, Garden and Pets</a>
<a href="#">Eggs, Meat and Fish</a>
<a href="#">Gourment and World Food</a>
<a href="#">Baby Care</a>
<a href="#">View All</a>
</div>
</div>
<div id="offers">
<p>🏷️ Offers</p>
</div>
</div>
<div id="bodyy">
<div id="image_slider">
<img src="https://www.bigbasket.com/media/uploads/banner_images/hp_fom_m_bbpl-staples_460_290921_Bangalore.jpg"
class="mySlides">
<img src="https://www.bigbasket.com/media/uploads/banner_images/210928-fresho-days-fnv-460-Bangalore-28thSep.jpg"
class="mySlides">
<img src="https://www.bigbasket.com/media/uploads/banner_images/hp_m_topbanner-pricepoint_1600x460_230921.jpg"
class="mySlides">
<img src="https://www.bigbasket.com/media/uploads/banner_images/hp_b_h_m_wintercare_460.jpg"
class="mySlides">
<img src="https://www.bigbasket.com/media/uploads/banner_images/hp_kgp_m_GM_festive-saving_460.jpg"
class="mySlides">
<img src="https://www.bigbasket.com/media/uploads/banner_images/hp_b_h_m_affordablebeauty_460.jpg"
class="mySlides">
<img src="https://www.bigbasket.com/media/uploads/banner_images/hp_cmc_m_organicstore_460.jpg"
class="mySlides">
<img src="https://www.bigbasket.com/media/uploads/banner_images/hp_c_h_m_herbalcleaning_460.jpg"
class="mySlides">
</div>
<div id="company">
<img src="Images/company1.jpg">
<img src="Images/company2.jpg">
<img src="Images/company3.jpg">
<img src="Images/company4.jpg">
<img src="Images/company5.jpg">
<img src="Images/company6.jpg">
</div>
<div id="bank_offers">
<p>Bank Offers</p>
<div id="bank_offers_id">
<img src="Images/bank1.webp">
<img src="Images/bank2.webp">
<img src="Images/bank3.webp">
<img src="Images/bank4.webp">
</div>
</div>
<div id="popular">
<p>Most Popular</p>
<div id="popular_id">
<img src="Images/popular1.webp">
<img src="Images/popular2.webp">
<img src="Images/popular3.webp">
<img src="Images/popular4.webp">
</div>
</div>
<p class="five_para">Fruits and Vegetables</p>
<div class="fruits">
<div class="left_fruit">
<img src="Images/Fruits1.webp">
</div>
<div class="right_fruit">
<img src="Images/Fruits2.webp">
<img src="Images/Fruits3.webp">
<img src="Images/Fruits4.webp">
<img src="Images/Fruits5.webp">
</div>
</div>
<div id="staples">
<p>Your Daily Staples</p>
<div id="staples_id">
<img src="Images/your1.webp">
<img src="Images/your2.webp">
<img src="Images/your3.webp">
<img src="Images/your4.webp">
</div>
</div>
<p class="five_para">Snacks and Munchies Corner</p>
<div class="fruits">
<div class="left_fruit">
<img src="Images/snacks1.webp">
</div>
<div class="right_fruit">
<img src="Images/snacks2.webp">
<img src="Images/snacks3.webp">
<img src="Images/snacks4.webp">
<img src="Images/snacks5.webp">
</div>
</div>
<!-- <div id="middle_banners">
<marquee scrollamount="30" behavior="alternate" direction="left">
<img src="Images/banner1.webp">
<img src="Images/banner2.webp">
<img src="Images/banner3.webp">
</marquee>
</div> -->
<div id="tea">
<a href="products.html"><p>Tea and Beverages</p></a>
<div id="tea_id">
<img src="Images/tea1.webp">
<img src="Images/tea2.webp">
<img src="Images/tea3.webp">
<img src="Images/tea4.webp">
</div>
</div>
<div id="house">
<p>Cleaning & Household</p>
<div id="house_id">
<img src="Images/house1.webp">
<img src="Images/house2.webp">
<img src="Images/house3.webp">
<img src="Images/house4.webp">
</div>
</div>
<p class="five_para">Beauty and Hygiene</p>
<div class="fruits">
<div class="left_fruit">
<img src="Images/beauty.webp">
</div>
<div class="right_fruit">
<img src="Images/beauty1.webp">
<img src="Images/beauty2.webp">
<img src="Images/beauty3.webp">
<img src="Images/beauty4.webp">
</div>
</div>
<div id="home">
<p>Home & Kitchen Essentials</p>
<div id="home_id">
<img src="Images/home1.webp">
<img src="Images/home2.webp">
<img src="Images/home3.webp">
<img src="Images/home4.webp">
<img src="Images/home5.webp">
<img src="Images/home6.webp">
</div>
</div>
<div id="brand">
<p>Brand Store</p>
<div id="brand_id">
<img src="Images/brand.webp">
<img src="Images/brand1.webp">
<img src="Images/brand2.webp">
<img src="Images/brand3.webp">
<img src="Images/brand4.webp">
<img src="Images/brand5.webp">
</div>
</div>
<div id="read_me">
<h2>BigBasket – Online Grocery Store</h2>
<p>
Did you ever imagine that the freshest of fruits and vegetables, top quality pulses and food grains,
dairy products and hundreds of branded items could be handpicked and delivered to your home, all at the
click of a button? India’s first comprehensive online megastore, bigbasket.com, brings a whopping 20000+
products with more than 1000 brands, to over 4 million happy customers. From household cleaning products
to beauty and makeup, bigbasket has everything you need for your daily needs. bigbasket.com is
convenience personified We’ve taken away all the stress associated with shopping for daily essentials,
and you can now order all your household products and even buy groceries online without travelling long
distances or standing in serpentine queues. Add to this the convenience of finding all your requirements
at one single source, along with great savings, and you will realize that bigbasket- India’s largest
online supermarket, has revolutionized the way India shops for groceries. Online grocery shopping has
never been easier. Need things fresh? Whether it’s fruits and vegetables or dairy and meat, we have this
covered as well! Get fresh eggs, meat, fish and more online at your convenience. Hassle-free Home
Delivery options
<br>We deliver to 25 cities across India and maintain excellent delivery times, ensuring that all your
products from groceries to snacks branded foods reach you in time.
<br>Slotted Delivery: Pick the most convenient delivery slot to have your grocery delivered. From early
morning delivery for early birds, to late-night delivery for people who work the late shift, bigbasket
caters to every schedule.
<br>Express Delivery: This super useful service can be availed by customers in cities like Bangalore,
Mumbai, Pune, Chennai, Kolkata, Hyderabad and Delhi-NCR in which we deliver your orders to your doorstep
in 90 Minutes.
BB Specialty stores: Missed out on buying that essential item from your favorite neighborhood store for
tonight’s party? We’ll deliver it for you! From bakery, sweets and meat to flowers and chocolates, we
deliver your order in 90 minutes, through a special arrangement with a nearby specialty store, verified
by us.<span id="dots">...</span><span id="more">bigbasket.com believes in providing the highest level of
customer service and is continuously innovating to meet customer expectations. Our On-time Guarantee
is one such assurance where we refund 5% of the bill value if the delivery is delayed (however, due
to the pandemic caused by Covid-19 our delivery might get delayed. Delivery Guarantee will not be
applicable). For all your order values above Rs. 1200, we provide free delivery. A wide range of
imported and gourmet products are available through our express delivery and slotted delivery
service. If you ever find an item missing on delivery or want to return a product, you can report it
to us within 48 hours for a ‘no-questions-asked’ refund.
Best quality products for our quality-conscious customers.
bigbasket.com is synonymous with superior quality and continues to strive for higher levels of
customer trust and confidence, by taking feedback and giving our customers what they want. We have
added the convenience of pre-cut fruits in our Fresho range. If it’s a product category you’re
looking to shop from, we’ve made it convenient for you to access all products in a section easily.
For instance, if you’re looking for beverages, you can order from a long list of beverages that
include cool drinks, hot teas, fruit juices and more.
We are proud to be associated closely with the farmers from whom we source our fresh products. Most
of our farm-fresh products are sourced directly from farmers, which not only ensures the best prices
and freshest products for our customers but also helps the farmers get better prices. With more than
80 Organic Fruits and Vegetables and a wide range of organic staples, bigbasket has the largest
range in the organic products category.
When it comes to payment, we have made it easy for our customers can pay through multiple payment
channels like Credit and Debit cards, Internet Banking, e-wallets and Sodexo passes or simply pay
Cash on Delivery (COD).The convenience of shopping for home and daily needs, while not compromising
on quality, has made bigbasket.com the online supermarket of choice for thousands of happy customers
across India.</span>
</p>
<button onclick="myFunction()" id="myBtn">Read more</button>
</div>
</div>
<div id="footer">
<div id="footer1">
<div class="inside_footer1">
<span>BigBasket</span>
<ul type="none">
<li>About Us</li>
<li>In News</li>
<li>Green Basket</li>
<li>Privacy Policy</li>
<li>Terms and Conditions</li>
<li>Careers At Bigbasket</li>
<li>bb Instant</li>
<li>bb Daily</li>
</ul>
</div>
<div class="inside_footer1">
<span>Help</span>
<ul type="none">
<li>FAQs</li>
<li>Contact Us</li>
<li>bb Wallet FAQs</li>
<li>bb Wallet T&Cs</li>
<li>Vendor Connect</li>
<li>E-Invoice Compliance for bigbasket vendors</li>
</ul>
</div>
<div class="inside_footer1">
<span>Download Our App</span>
<ul type="none">
<img width="50%" src="Images/both.png">
</ul>
</div>
<div class="inside_footer1">
<span>Get Social With Us</span>
<img width="170vw" src="Images/sociall.png">
</div>
</div>
<hr color="lightgrey">
<div id="footer2">
<p><span>POPULAR CATEGORIES:</span>    Sunflower Oils, Wheat Atta, Ghee, Milk, Health Drinks,
Flakes, Organic F&V, Namkeen, Eggs, Floor Cleaners, Other Juices, Leafy Vegetables, Frozen Veg Food,
Diapers & Wipes</p>
<p><span>POPULAR BRANDS:</span>    Fresho, bb Royal, Nandini, Kelloggs, 24 Mantra, Saffola, Lizol,
Safal, Horlicks, MTR, Fresho Meats, Whisper , Real, Milky Mist, Nivea, Himalaya, Comfort, Sunpure , Bru
, Zespri,</p>
<p><span>CITIES WE SERVE:</span>   
Bangalore, Hyderabad, Mumbai, Pune, Chennai, Delhi, Mysore, Madurai, Coimbatore, Vijayawada-Guntur,
Kolkata, Ahmedabad-Gandhinagar, Nashik, Lucknow-Kanpur, Gurgaon, Vadodara, Visakhapatnam, Surat, Nagpur,
Patna, Indore, Chandigarh Tricity, Jaipur, Bhopal, Noida-Ghaziabad, Kochi, </p>
<p><span>PAYMENT OPTIONS:</span>   
<img width="100vw" src="Images/cod.jpg">
<img width="100vw" src="Images/visa.png">
<img width="100vw" src="Images/mastercard.png">
<img width="100vw" src="Images/paytm.png">
<img width="100vw" src="Images/mobi.png">
<img width="100vw" src="Images/rupay.png">
<img width="100vw" src="Images/american.png">
</p>
</div>
</div>
<div id="greetings">
<p>This clone is made by @alhassan069</p>
</div>
<script>
var slideIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
slideIndex++;
if (slideIndex > x.length) { slideIndex = 1 }
x[slideIndex - 1].style.display = "block";
setTimeout(carousel, 3000);
}
function myFunction() {
var dots = document.getElementById("dots");
var moreText = document.getElementById("more");
var btnText = document.getElementById("myBtn");
if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "Read more";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "Read less";
moreText.style.display = "inline";
}
}
</script>
</body>
</html>