-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
753 lines (633 loc) · 39.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
The Groco ~ the Online Grocery Store, Shop from a wide range of fresh vegetables, fruits, meat and dairy products
</title>
<link rel="icon" type="image/icon" href="image/favicon.PNG">
<!--Code for font awesome cdn -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--Code for font awesome cdn -->
<meta name="description" content="The Groco - Online grocery store , wide range of products , great deals , high end products , cheap | low prices , home delivery , online payment , cash on delivery , Buy "/>
<!--Code for linking CSS file-->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/footer.css">
<link rel="stylesheet" type="text/css" href="css/review.css">
<!--Code for linking CSS file-->
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
-->
<!-- <link rel="stylesheet" type="text/css" href="css/nstyle.css"> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
</head>
<body>
<!-- header section -->
<header class="header">
<a href="#" class="logo">
<img class="groco_logo" src="image/logo.png" alt="THE GROCO LOGO">
</a>
<nav class="navbar">
<a href="#home">| 🏠 Home |</a>
<a href="#features"> | 🛠 Features | </a>
<a href="#products"> | 📦 Products | </a>
<a href="#categories"> | 📚 Categories | </a>
<a href="#review"> | 🌟 Review | </a>
<a href="#blogs"> | 📝 Blogs | </a>
</nav>
<div id="google_translate_element"></div>
<div class="icons">
<div class="fa fa-bars" id="menu-btn" alt="menu button"></div>
<!-- <div class="fa fa-search" id="search-btn" alt="search button"></div> -->
<!-- <a href="https://e-commerce-mauve-six-92.vercel.app/"><div class="fa fa-shopping-cart" id="cart-btn" alt="cart button"></div></a> -->
<!-- <div class="fa fa-user" id="login-btn" alt="login button"></div> -->
</div>
<form class="search-form">
<input type="search" id="search-box" placeholder="Search Here.....">
<label for="search-box" class="fa fa-search"></label>
</form>
<!-- <div class="shopping-cart">
<div class="box">
<i class="fa fa-trash"></i>
<img src="image/cart-img-1.png" alt="Watermelon image">
<div class="content">
<h3>Watermelon</h3>
<span class="price">₹110.00/-</span>
<span class="quantity">Qty : 1</span>
</div>
</div>
<div class="box">
<i class="fa fa-trash"></i>
<img src="image/cart-img-2.png" alt="Onion image">
<div class="content">
<h3>Onion</h3>
<span class="price">₹25.00/-</span>
<span class="quantity">Qty : 2</span>
</div>
</div>
<div class="box">
<i class="fa fa-trash"></i>
<img src="image/cart-img-3.png" alt="chicken image">
<div class="content">
<h3>Chicken</h3>
<span class="price">₹250.00/-</span>
<span class="quantity">Qty : 1</span>
</div>
</div>
<div class="total"> total : ₹410.00/- </div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" class="btn" target="_blank"> Buy now </a>
</div> -->
<form action="login/index.html" target="_blank" class="login-form">
<h3>LOGIN NOW</h3>
<input type="email" placeholder="your email" class="box">
<input type="password" placeholder="your password" class="box">
<p>Forgot Your Password? <a target="_blank" href="forgot_password/index.html">Click Here</a> </p>
<p>Don't Have an Account? <a target="_blank" href="login/index.html">Create Now</a> </p>
<input type="submit" value="Login Now" class="btn">
<!-- <a href="login/index.html" class="btn">Login Now</a> -->
</form>
</header>
<!-- header section -->
<!-- Banner Section -->
<section class="home" id="home">
<div class="content">
<h3>Fresh and <span>Organic</span> Products For You !</h3>
<p>We emphasize on our motto of
<pre><i style="color: green;">" Buy Anything ,
Love Everything " 🍂
</i></pre> <p>to deliver the best farm fresh goods to our customers so they may enjoy the lavish experience of good quality products. </p> </p>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">shop now</a>
</div>
</section>
<!--Banner Section-->
<section style="margin-bottom: -6rem;">
<!-- Forms Section -->
<h1 class="heading"><a class="heading" href="./forms/part2/dist/index.html" target="_blank"> 🛠 Apply Forms <span>Farmers /Housewives /Delivery Boys</span> ⚙ </a></h1>
</section>
<!--our features section -->
<section class="features" id="features">
<h1 class="heading"> 🛠 our <span>features</span> ⚙</h1>
<div class="box-container">
<div class="box">
<img src="image/feat1.jpg" alt="brocolli image">
<h3>fresh and organic</h3>
<p id="description4"> We purchase the goods directly from the fields via partnership with about 25K farmers. At our grocery e-commerce company, we're passionate about offering the freshest and finest organic produce to our customers. Our commitment extends beyond just providing food; it's about delivering a promise of health, sustainability, and flavor. </p>
<a id="more4" class="btn more">read more</a>
</div>
<div class="box">
<img src="image/feat2.png" alt="delivery man image">
<h3>Instant Delivery</h3>
<p id="description5">Get your order delivered within 2 working hours, Now that's fast. We've revolutionized the traditional grocery shopping experience by offering swift, on-demand delivery right to our customers' doorsteps. Our goal is to ensure that fresh produce and pantry staples are just a few clicks away, delivered within moments of placing an order.</p>
<a id="more5" class="btn more">read more</a>
</div>
<div class="box">
<img src="image/feat3.jpg" alt="payment options image">
<h3>extensive payment options</h3>
<p id="description6">now pay for groceries via Cash, UPI, debit and Credit Card! whichever way YOU like. Integrating secure payment gateways assures customers of safe transactions, building trust and confidence in the online shopping experience. </p>
<a id="more6" class="btn more">read more</a>
</div>
</div>
</section>
<!--our features section -->
<!-- our products section -->
<section class="products" id="products">
<h1 class="heading"> 🛍 our <span> products </span> 📦 </h1>
<div class="swiper product-slider">
<div class="swiper-wrapper">
<div class="swiper-slide box">
<img src="image/product-1.png" alt="orange image">
<h1>Fresh orange</h1>
<div class="price">₹12.99/- - ₹15.99/-</div>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">Shop Now</a>
</div>
<div class="swiper-slide box">
<img src="image/product-2.png" alt="onion image">
<h1>Fresh Onion</h1>
<div class="price">₹25.5/- - ₹30.5/-</div>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">Shop Now</a>
</div>
<div class="swiper-slide box">
<img src="image/product-3.png" alt="meat image">
<h1>Fresh meat</h1>
<div class="price">₹250.00/- - ₹300.00/-</div>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">Shop Now</a>
</div>
<div class="swiper-slide box">
<img src="image/product-4.png" alt="cabbage image">
<h1>Fresh cabbage</h1>
<div class="price">₹7.50/- - ₹12.00/-</div>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">Shop Now</a>
</div>
<div class="swiper-slide box">
<img src="image/product-9.jpeg" alt="capsicum image">
<h1>Fresh Capsicum</h1>
<div class="price">₹20.00/- - ₹40.00/-</div>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">Shop Now</a>
</div>
<div class="swiper-slide box">
<img src="image/product-10.jpeg" alt="cauliflower image">
<h1>Fresh Cauliflower</h1>
<div class="price">₹10.00/- - ₹30.00/-</div>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">Shop Now</a>
</div>
<div class="swiper-slide box">
<img src="image/product-11.jpeg" alt="raddish image">
<h1>Fresh Raddish</h1>
<div class="price">₹10.00/- - ₹15.00/-</div>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">Shop Now</a>
</div>
</div>
</div>
<div class="swiper product-slider">
<div class="swiper-wrapper">
<div class="swiper-slide box">
<img src="image/product-5.png" alt="potato image">
<h1>Fresh potato</h1>
<div class="price">₹5.00/- - ₹10.00/-</div>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">Shop Now</a>
</div>
<div class="swiper-slide box">
<img src="image/product-6.png" alt="avacado image">
<h1>Fresh avacado</h1>
<div class="price">₹50.00/- - ₹100.00/-</div>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">Shop Now</a>
</div>
<div class="swiper-slide box">
<img src="image/product-7.png" alt="carrot image">
<h1>Fresh carrot</h1>
<div class="price">₹10.00/- - ₹15.00/-</div>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">Shop Now</a>
</div>
<div class="swiper-slide box">
<img src="image/product-8.png" alt="lime image">
<h1>Fresh lime</h1>
<div class="price">₹50.00/- - ₹150.00/-</div>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">Shop Now</a>
</div>
</div>
</div>
</section>
<h1 class="heading"><a class="heading" href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank"> 🛒 Buy <span> Now </span></a></h1>
<!-- our products section -->
<!-- our Categories section -->
<section class="categories" id="categories">
<h1 class="heading"> product <span> categories </span> 📂</h1>
<div class="box-container">
<div class="box">
<img src="image/cat-1.png" alt="vegetables">
<h3>Vegetables</h3>
<p>upto 45% off</p>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">shop now</a>
</div>
<div class="box">
<img src="image/cat-2.png" alt="fruits">
<h3>fresh fruits</h3>
<p>upto 30% off</p>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">shop now</a>
</div>
<div class="box">
<img src="image/cat-3.png" alt="dairy products">
<h3>dairy products</h3>
<p>upto 10% off</p>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">shop now</a>
</div>
<div class="box">
<img src="image/cat-4.png" alt="meat">
<h3>fresh meat</h3>
<p>upto 25% off</p>
<a href="https://e-commerce-mauve-six-92.vercel.app/" target="_blank" class="btn">shop now</a>
</div>
</div>
</section>
<!-- our Categories section -->
<!-- Review section -->
<section class="review" id="review">
<h1 class="heading">Customer's <span>review</span> ✍</h1>
<div class="slider-container1 review-slider">
<div class="slider1">
<div class="slide1 box-container">
<div class="column1 box">
<img src="image/pic-1.png" alt="customer image-1">
<p>The Groco is a great grocery store. It has a wide variety of fresh produce, meats, and cheeses.The prices are reasonable.</p>
<h3>Namit Shahari</h3>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
</div>
<div class="column1 box">
<img src="image/pic-2.png" alt="customer image-2">
<p>The Groco is a wonderful grocery store with an extensive selection of fresh, high-quality products.I highly recommend this store</p>
<h3>Leeza Jain</h3>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
<!-- <i class="fa fa-star-half"></i> -->
</div>
</div>
<div class="column1 box">
<img src="image/pic-3.png" alt="customer image-3">
<p> The Groco is my go-to grocery store. They have a great selection of fresh produce, meats, fruits and vegetables</p>
<h3>Rehan Chalana</h3>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
</div>
<div class="slide1 box-container">
<div class="column1 box">
<img src="image/pic-4.png" alt="customer image-4">
<p> The Groco grocery store is a fantastic place to shop. I highly recommend The Groco to anyone looking for a great grocery store.</p>
<h3>Emilia Clarke</h3>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
</div>
<div class="column1 box">
<img src="image/pic-5.jpeg" alt="customer image-1">
<p>The Groco is a great grocery store. It has a wide variety of fresh produce, meats, and cheeses.The prices are reasonable.</p>
<h3>Jaisica Oboroi</h3>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
</div>
</div>
<div class="column1 box">
<img src="image/pic-6.jpeg" alt="customer image-2">
<p>The Groco is a wonderful grocery store with an extensive selection of fresh, high-quality products.I highly recommend this store</p>
<h3>Kamal Bhatti</h3>
<div class="stars">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
<!-- <i class="fa fa-star-half"></i> -->
</div>
</div>
</div>
</div>
</div>
<!-- <h1 class="heading" style="font-size: 3rem;"> <a target="_blank" href="review/review.html" style="color: rgb(8, 8, 75);">Read More <span> -> </span></a></h1> -->
</section>
<!-- Review section -->
<!-- Blog section -->
<section class="blogs" id="blogs">
<h1 class="heading"> 📝 our <span> blogs </span></h1>
<div class="box-container">
<div class="box morebox">
<img src="image/blog-1.jpg" alt="blog image 1">
<div class="content">
<div class="icons">
<a href="#"><i class="fa fa-user"></i> By Linda Tim </a>
<a href="#"><i class="fa fa-calendar"></i> 1st May , 2021 </a>
</div>
<h3> fresh and organic vegetables and fruits </h3>
<p id="description1">Fresh and organic vegetables and fruits are nature's vibrant bounty, brimming with essential nutrients and wholesome goodness. Bursting with flavors and colors, these produce items are cultivated without synthetic pesticides or chemicals, preserving their innate richness and nutritional value. From crisp, leafy greens to juicy, ripe fruits, their freshness invigorates the palate and nourishes the body, offering a delightful symphony of taste and health benefits...
</p>
<a class="btn more" id="more1">read more</a>
</div>
</div>
<div class="box morebox">
<img src="image/blog-2.jpg" alt="blog image 2">
<div class="content">
<div class="icons">
<a href="#"><i class="fa fa-user"></i> By Zen Mado </a>
<a href="#"><i class="fa fa-calendar"></i> 22nd Dec , 2022 </a>
</div>
<h3> Vegetable Storage , Do's and Don'ts </h3>
<p id="description2">Proper vegetable storage is a crucial aspect of maintaining their freshness and nutritional value. Creating an optimal environment involves a delicate balance of factors. Vegetables benefit from cool, dry places, such as a refrigerator's crisper drawer or a well-ventilated pantry. It's essential to separate ethylene-producing fruits from ethylene-sensitive vegetables to prevent premature ripening. While ensuring good airflow with perforated bags or containers, some veggies like carrots and celery thrive with a bit of moisture, but excessive dampness can lead to spoilage...</p>
<a class="btn more" id="more2">read more</a>
</div>
</div>
<div class="box morebox">
<img src="image/blog-3.jpg" alt="blog image 3">
<div class="content">
<div class="icons">
<a href="#"><i class="fa fa-user"></i> By Zoro Uzumaki </a>
<a href="#"><i class="fa fa-calendar"></i> 29th Feb , 2022 </a>
</div>
<h3> Era of Organic Vegetables , A new Begining </h3>
<p id="description3">The era of organic vegetables marks a powerful shift towards sustainable, environmentally conscious farming practices. This new beginning signifies a return to nature's wisdom, rejecting synthetic pesticides and chemicals in favor of nurturing the soil and crops naturally. It's a movement driven by a profound respect for the Earth, prioritizing biodiversity, soil health, and ecosystem balance...
</p>
<a class="btn more" id="more3">read more</a>
</div>
</div>
</div>
<h1 class="heading" style="font-size: 3rem;"> <a href="https://blogweb-rose.vercel.app/" target="_blank" style="color: rgb(8, 8, 75);">Read More <span> -> </span></a></h1>
</section>
<!-- Blog section -->
<!--footer section-->
<section class="footer">
<div class="box-container">
<div class="box">
<img class="groco_logo" src="image/logo.png" alt="groco main logo">
<p>Follow us to get instant updates <br> about new products and deals</p>
<div class="share">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-linkedin"></a>
</div>
</div>
<div class="box">
<h3> Contact info</h3>
<a href="#" class="links"> <i class="fa fa-phone"> </i> +91 628 047 9311 </a>
<a href="#" class="links"> <i class="fa fa-phone"> </i> +91 628 047 9389 </a>
<a href="#" class="links"> <i class="fa fa-envelope"> </i> infogroco011@gmail.com </a>
<a href="#" class="links"> <i class="fa fa-map-marker"> </i> Rajpura , India -140401 </a>
</div>
<div class="box">
<h3> quick links </h3>
<a href="#home" class="links"> <i class="fa fa-arrow-right"> </i> home </a>
<a href="#features" class="links"> <i class="fa fa-arrow-right"> </i> features </a>
<a href="#products" class="links"> <i class="fa fa-arrow-right"> </i> products </a>
<a href="#categories" class="links"> <i class="fa fa-arrow-right"> </i> categories </a>
<a href="#review" class="links"> <i class="fa fa-arrow-right"> </i> review </a>
<a href="#blogs" class="links"> <i class="fa fa-arrow-right"> </i> Blogs </a>
</div>
<div class="box">
<h3> newsletter </h3>
<p> subscribe for latest updates </p>
<input type="email" placeholder="Your Email" class="email">
<!-- <input type="submit" value="subscribe" class="btn"> -->
<a href="login/index.html" target="_blank" class="btn">subscribe</a>
<img src="image/payment.png" class="payment-img">
</div>
</div>
<div class="hrline"> </div>
<div class="maps">
<h1 class="heading"> 📍 Locate Us! </h1>
<p> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3437.1751352098267!2d76.65720287545435!3d30.
516086474689573!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390fc32344a6e2d7%3A0x81b346dee91799ca!2sChitkara%20University!5e0!3m2!1sen!2sin!4v16
98407391011!5m2!1sen!2sin" width="1245rem;"
height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</p>
</div>
<div class="hrline"> </div>
<h1 class="heading">🌟 Author Details 🌟</h1>
<div class="mainslider">
<div class="sliod">
<div class="footerslide fslides">
<div class="single-item">
<div class="row">
<div class="col-md-5">
<div class="profile" style="margin-left: 44rem; margin-top: 3rem ; margin-bottom: 3rem;">
<div class="bio" style="display: inline-block;">
<p class="AuthorName"> Arshdeep Singh 🤖</p>
<p class="AuthorWork">| Team Leader | Tech Enthusiast | Java Developer |</p>
<p class="AuthorRoll">BE CSE - 2310990129</p>
</div>
<div class="img-area" style="display: inline-block;">
<img src="image/author1.jpeg" alt="">
</div>
</div>
</div>
<div class="col-md">
<div class="content">
<p><span><i class="fa fa-quote-left"></i></span> Every click, scroll, and interaction in web design is a brushstroke—each element carefully placed, creating an immersive digital experience on the canvas of the internet ! <span class="quote"><i class="fa fa-quote-right"></i></span></p>
<p class="socials">
<i class="fa fa-twitter"></i>
<i class="fa fa-github"><a href="https://github.com/Aiyaret-Sandhu" target="_blank"></a></i>
<i class="fa fa-pinterest"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"><a href="https://www.linkedin.com/in/arshdeep-singh-723b57293/" target="_blank"></a></i>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="footerslide fslides">
<div class="single-item">
<div class="row">
<div class="col-md-5">
<div class="profile" style="margin-left: 49rem; margin-top: 3rem ; margin-bottom: 3rem;">
<div class="bio" style="display: inline-block;">
<p class="AuthorName">Arpan Mehta ✍</p>
<p class="AuthorWork">| Technical Team Member | Prompt Wala |</p>
<p class="AuthorRoll">BE CSE - 2310990127</p>
</div>
<div class="img-area" style="display: inline-block;">
<img src="image/author2.jpeg" alt="">
</div>
</div>
</div>
<div class="col-md">
<div class="content">
<p><span><i class="fa fa-quote-left"></i></span> In the canvas of web design, harmony between aesthetics and usability paints the masterpiece of user delight and engagement ! <span class="quote"><i class="fa fa-quote-right"></i></span></p>
<p class="socials">
<i class="fa fa-twitter"></i>
<i class="fa fa-github"><a href="https://github.com/Aiyaret-Sandhu" target="_blank"></a></i>
<i class="fa fa-pinterest"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"><a href="https://www.linkedin.com/in/arshdeep-singh-723b57293/" target="_blank"></a></i>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="footerslide fslides">
<div class="single-item">
<div class="row">
<div class="col-md-5">
<div class="profile" style="margin-left: 49rem; margin-top: 3rem ; margin-bottom: 3rem;">
<div class="bio" style="display: inline-block;">
<p class="AuthorName">Arpit 🎮</p>
<p class="AuthorWork">| Technical Team Member | Gamer |</p>
<p class="AuthorRoll">BE CSE - 2310990128</p>
</div>
<div class="img-area" style="display: inline-block;">
<img src="image/author3.jpeg" alt="">
</div>
</div>
</div>
<div class="col-md">
<div class="content">
<p><span><i class="fa fa-quote-left"></i></span> Web design is the art of crafting digital landscapes where creativity meets functionality, and every pixel tells a story of innovation and user experience ! <span class="quote"><i class="fa fa-quote-right"></i></span></p>
<p class="socials">
<i class="fa fa-twitter"></i>
<i class="fa fa-github"><a href="https://github.com/Aiyaret-Sandhu" target="_blank"></a></i>
<i class="fa fa-pinterest"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"><a href="https://www.linkedin.com/in/arshdeep-singh-723b57293/" target="_blank"></a></i>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--footer section-->
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<!--Code for linking JAVASCRIPT file-->
<script src="js/script.js"></script>
<script src="js/second.js"></script>
<!--Code for linking JAVASCRIPT file-->
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<!-- <script src="authorscript.js"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="js/readmore.js"></script>
<script src="script.js"></script>
<script>
window.embeddedChatbotConfig = {
chatbotId: "3HG_L8cz70NK-rwOn5CVn",
domain: "www.chatbase.co"
}
</script>
<script
src="https://www.chatbase.co/embed.min.js"
chatbotId="3HG_L8cz70NK-rwOn5CVn"
domain="www.chatbase.co"
defer>
</script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{pageLanguage: 'en',
includedLanguages: 'en,hi,pa'
},
'google_translate_element'
);
}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</body>
</html>