-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathshop.html
840 lines (778 loc) · 63.7 KB
/
shop.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
<!DOCTYPE html>
<html lang="en" dark="true">
<head>
<meta charset="UTF-8" />
<!-- <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” /> -->
<meta name=”viewport” content=”width=1440px; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” />
<link rel="stylesheet" href="style.css" />
<title>Shopsio: Shop Smarter</title>
</head>
<body>
<!-- Header start's -->
<header>
<div id="logo">
<a href="#">
<svg
width="115"
height="57"
viewBox="0 0 115 57"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.854 36.984H17.366V42H2.356V15.324H8.854V36.984ZM33.0814 42.266C30.5734 42.266 28.268 41.6833 26.1654 40.518C24.088 39.3527 22.4287 37.7313 21.1874 35.654C19.9714 33.5513 19.3634 31.1953 19.3634 28.586C19.3634 25.9767 19.9714 23.6333 21.1874 21.556C22.4287 19.4787 24.088 17.8573 26.1654 16.692C28.268 15.5267 30.5734 14.944 33.0814 14.944C35.5894 14.944 37.882 15.5267 39.9594 16.692C42.062 17.8573 43.7087 19.4787 44.8994 21.556C46.1154 23.6333 46.7234 25.9767 46.7234 28.586C46.7234 31.1953 46.1154 33.5513 44.8994 35.654C43.6834 37.7313 42.0367 39.3527 39.9594 40.518C37.882 41.6833 35.5894 42.266 33.0814 42.266ZM33.0814 36.338C35.2094 36.338 36.9067 35.6287 38.1734 34.21C39.4654 32.7913 40.1114 30.9167 40.1114 28.586C40.1114 26.23 39.4654 24.3553 38.1734 22.962C36.9067 21.5433 35.2094 20.834 33.0814 20.834C30.928 20.834 29.2054 21.5307 27.9134 22.924C26.6467 24.3173 26.0134 26.2047 26.0134 28.586C26.0134 30.942 26.6467 32.8293 27.9134 34.248C29.2054 35.6413 30.928 36.338 33.0814 36.338ZM68.0464 23.76C67.5651 22.8733 66.8684 22.202 65.9564 21.746C65.0698 21.2647 64.0184 21.024 62.8024 21.024C60.6998 21.024 59.0151 21.7207 57.7484 23.114C56.4818 24.482 55.8484 26.3187 55.8484 28.624C55.8484 31.0813 56.5071 33.0067 57.8244 34.4C59.1671 35.768 61.0038 36.452 63.3344 36.452C64.9304 36.452 66.2731 36.0467 67.3624 35.236C68.4771 34.4253 69.2878 33.26 69.7944 31.74H61.5484V26.952H75.6844V32.994C75.2031 34.6153 74.3798 36.1227 73.2144 37.516C72.0744 38.9093 70.6178 40.0367 68.8444 40.898C67.0711 41.7593 65.0698 42.19 62.8404 42.19C60.2058 42.19 57.8498 41.62 55.7724 40.48C53.7204 39.3147 52.1118 37.706 50.9464 35.654C49.8064 33.602 49.2364 31.2587 49.2364 28.624C49.2364 25.9893 49.8064 23.646 50.9464 21.594C52.1118 19.5167 53.7204 17.908 55.7724 16.768C57.8244 15.6027 60.1678 15.02 62.8024 15.02C65.9944 15.02 68.6798 15.7927 70.8584 17.338C73.0624 18.8833 74.5191 21.024 75.2284 23.76H68.0464ZM91.8997 42.266C89.3917 42.266 87.0864 41.6833 84.9837 40.518C82.9064 39.3527 81.2471 37.7313 80.0057 35.654C78.7897 33.5513 78.1817 31.1953 78.1817 28.586C78.1817 25.9767 78.7897 23.6333 80.0057 21.556C81.2471 19.4787 82.9064 17.8573 84.9837 16.692C87.0864 15.5267 89.3917 14.944 91.8997 14.944C94.4077 14.944 96.7004 15.5267 98.7777 16.692C100.88 17.8573 102.527 19.4787 103.718 21.556C104.934 23.6333 105.542 25.9767 105.542 28.586C105.542 31.1953 104.934 33.5513 103.718 35.654C102.502 37.7313 100.855 39.3527 98.7777 40.518C96.7004 41.6833 94.4077 42.266 91.8997 42.266ZM91.8997 36.338C94.0277 36.338 95.7251 35.6287 96.9917 34.21C98.2837 32.7913 98.9297 30.9167 98.9297 28.586C98.9297 26.23 98.2837 24.3553 96.9917 22.962C95.7251 21.5433 94.0277 20.834 91.8997 20.834C89.7464 20.834 88.0237 21.5307 86.7317 22.924C85.4651 24.3173 84.8317 26.2047 84.8317 28.586C84.8317 30.942 85.4651 32.8293 86.7317 34.248C88.0237 35.6413 89.7464 36.338 91.8997 36.338Z"
fill="url(#paint0_linear_0_325)"
/>
<defs>
<linearGradient
id="paint0_linear_0_325"
x1="4.29907"
y1="2"
x2="115.592"
y2="58.7186"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#88D212" />
<stop offset="1" stop-color="#289B33" />
</linearGradient>
</defs></svg
></a>
</div>
<ul>
<li>
<b><a href="#">Home</a></b>
</li>
<li>
<b><a href="#">About Us</a></b>
</li>
<li>
<b><a href="#">Shop</a></b>
</li>
<li>
<div class="search-box">
<input
type="search"
placeholder="Search Products.."
id="search-bar"
/>
<div class="search-icon">
<button type="submit"">
<svg
width="57"
height="56"
viewBox="0 0 57 56"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="28.9582"
cy="28"
r="27.5"
fill="url(#paint0_linear_0_312)"
stroke="#E0E0E0"
/>
<path
d="M37.6385 25.8402C37.6385 20.9657 33.6728 17 28.7984 17C23.9239 17 19.9582 20.9657 19.9582 25.8402C19.9582 30.7146 23.9239 34.6803 28.7984 34.6803C30.7067 34.6824 32.5639 34.0637 34.0897 32.9175L37.6385 25.8402ZM39.1927 37.3135L34.4432 32.564L34.1364 32.2571L33.7894 32.5178C32.3503 33.5987 30.5987 34.1823 28.7989 34.1803H28.7984C24.2001 34.1803 20.4582 30.4384 20.4582 25.8402C20.4582 21.2419 24.2001 17.5 28.7984 17.5C33.3966 17.5 37.1385 21.2419 37.1385 25.8402V25.8407C37.1405 27.6405 36.5569 29.3922 35.476 30.8312L35.2153 31.1782L35.5222 31.4851L40.2717 36.2345C40.3967 36.379 40.4632 36.5652 40.4579 36.7565C40.4524 36.9519 40.3724 37.1378 40.2342 37.276C40.0959 37.4142 39.9101 37.4942 39.7147 37.4997C39.5234 37.5051 39.3372 37.4385 39.1927 37.3135ZM21.984 25.8402L21.984 25.8408C21.9861 27.6472 22.7047 29.3791 23.9821 30.6565C25.2594 31.9338 26.9913 32.6524 28.7978 32.6546H28.7984C30.1461 32.6546 31.4636 32.2549 32.5842 31.5061C33.7049 30.7573 34.5783 29.6931 35.094 28.4479C35.6098 27.2027 35.7447 25.8326 35.4818 24.5107C35.2189 23.1889 34.5699 21.9747 33.6169 21.0217C32.6638 20.0686 31.4496 19.4196 30.1278 19.1567C28.8059 18.8938 27.4358 19.0287 26.1906 19.5445C24.9454 20.0602 23.8812 20.9337 23.1324 22.0543C22.3836 23.1749 21.984 24.4924 21.984 25.8402Z"
fill="transparent"
stroke="#E0E0E0"
/>
<defs>
<linearGradient
id="paint0_linear_0_312"
x1="28.9582"
y1="0"
x2="28.9582"
y2="56"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#ABE605" />
<stop
offset="1"
stop-color="#1C9537"
/>
</linearGradient>
</defs>
</svg>
</button>
</div>
</div>
</li>
<li>
<a href="#cart">
<svg
width="68"
height="66"
viewBox="0 0 68 66"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="1.45819"
y="0.5"
width="66"
height="65"
rx="32.5"
stroke="#E0E0E0"
/>
<circle
cx="34.9582"
cy="33"
r="28"
fill="url(#paint0_linear_0_316)"
/>
<path
d="M31.736 44.0001C32.411 44.0001 32.9582 43.4529 32.9582 42.7779C32.9582 42.1029 32.411 41.5557 31.736 41.5557C31.0609 41.5557 30.5137 42.1029 30.5137 42.7779C30.5137 43.4529 31.0609 44.0001 31.736 44.0001Z"
fill="white"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M40.2915 44.0001C40.9665 44.0001 41.5137 43.4529 41.5137 42.7779C41.5137 42.1029 40.9665 41.5557 40.2915 41.5557C39.6165 41.5557 39.0693 42.1029 39.0693 42.7779C39.0693 43.4529 39.6165 44.0001 40.2915 44.0001Z"
fill="white"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M21.9582 22H25.7401L28.5765 38.0731H43.7041"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M28.0693 34.1837L43.3165 34.2907C43.4258 34.2908 43.5318 34.2529 43.6164 34.1837C43.701 34.1144 43.7589 34.0179 43.7804 33.9107L45.4822 25.4014C45.496 25.3328 45.4943 25.262 45.4773 25.1941C45.4604 25.1262 45.4286 25.063 45.3842 25.0089C45.3398 24.9548 45.284 24.9112 45.2207 24.8813C45.1575 24.8514 45.0883 24.8359 45.0184 24.8359L26.5255 24.8359"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<defs>
<linearGradient
id="paint0_linear_0_316"
x1="34.9582"
y1="5"
x2="34.9582"
y2="61"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#98DB0C" />
<stop offset="1" stop-color="#33A230" />
</linearGradient>
</defs>
</svg>
</a>
</li>
<li>
<a href="#profile">
<svg
width="67"
height="66"
viewBox="0 0 67 66"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="1.26428"
y="0.5"
width="65.2357"
height="65"
rx="32.5"
stroke="#E0E0E0"
/>
<ellipse
cx="34.3764"
cy="33"
rx="27.6806"
ry="28"
fill="url(#paint0_linear_0_330)"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M33.6965 45.1746C29.2864 45.1746 25.5203 44.4804 25.5203 41.7003C25.5203 38.9202 29.2625 36.3538 33.6965 36.3538C38.1065 36.3538 41.8726 38.8953 41.8726 41.6754C41.8726 44.4544 38.1304 45.1746 33.6965 45.1746Z"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M33.6878 32.5014C36.5819 32.5014 38.9275 30.1287 38.9275 27.2012C38.9275 24.2737 36.5819 21.8999 33.6878 21.8999C30.7937 21.8999 28.447 24.2737 28.447 27.2012C28.4372 30.1188 30.7666 32.4915 33.6509 32.5014C33.6639 32.5014 33.6759 32.5014 33.6878 32.5014Z"
stroke="white"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
<defs>
<linearGradient
id="paint0_linear_0_330"
x1="34.3764"
y1="5"
x2="34.3764"
y2="61"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#8FD60F" />
<stop offset="1" stop-color="#31A131" />
</linearGradient>
</defs>
</svg>
</a>
</li>
</ul>
<!-- </div> -->
</header>
<!-- Header end -->
</div>
</div>
<div class="container glass">
<div class="ellipse-r"></div>
<div class="ellipse-l"></div>
<div class="text-box">
<h1>Shop Smarter <br><span>Not Harder</span></h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam</p>
<a href="#explore">Explore More</a>
</div>
<div class="hero-section">
<div id="hero-image-bg"></div>
<div class="hero-image"></div>
<!-- <div id="hero-bg"></div> -->
<div id="shoping-cart">
<img src="./assets/carticon.svg" alt="cart-icon" width: 147px; height: 163px;>
</div>
</div>
</div>
<div class="container-two">
<div class="feliemnt">
<svg width="66" height="64" viewBox="0 0 66 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.69975 22.928L33.2233 31.5632M9.69975 22.928L3 32.9032L27.4169 40.9429L33.2233 31.5632M9.69975 22.928L19.2283 20.0992M33.2233 31.5632L39.1787 40.9429L59.129 34.2096M33.2233 31.5632L56.598 22.928M33.2233 31.5632V62.0843M56.598 22.928L63 32.9032L59.129 34.2096M56.598 22.928L46.6228 18.7593M8.3598 38.1141V54.1935L33.2233 62.0843M33.2233 62.0843L59.129 54.1935V34.2096" stroke="url(#paint0_linear_0_345)" stroke-width="3" stroke-linecap="round"/>
<path d="M20.4193 8.48633C24.9851 13.9454 36.4987 19.6526 45.5806 8.48633" stroke="#02863F" stroke-width="2" stroke-linecap="round"/>
<ellipse cx="25.1836" cy="2.00993" rx="1.7866" ry="2.00993" fill="#02863F"/>
<ellipse cx="40.6675" cy="2.00993" rx="1.7866" ry="2.00993" fill="#02863F"/>
<defs>
<linearGradient id="paint0_linear_0_345" x1="33" y1="18.7593" x2="33" y2="62.0843" gradientUnits="userSpaceOnUse">
<stop stop-color="#A0DF08"/>
<stop offset="1" stop-color="#0E8D3A"/>
</linearGradient>
</defs>
</svg>
<div class="fe-text">
<h5>FREE SHIPING</h5>
<p>On order over ₹500.00</p>
</div>
</div>
<div class="feliemnt">
<svg width="100" height="82" viewBox="0 0 100 82" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="5.84491" y="44.7185" width="78.6495" height="39.9697" rx="10" transform="rotate(-32.1412 5.84491 44.7185)" stroke="url(#paint0_linear_0_356)" stroke-width="2"/>
<rect x="6.28729" y="41.9998" width="76" height="40.3586" rx="10" transform="rotate(-21.0557 6.28729 41.9998)" fill="#EFF6F1" stroke="url(#paint1_linear_0_356)" stroke-width="2"/>
<path d="M13.7817 60.7375L83.7291 33.8093" stroke="#118E39" stroke-width="2" stroke-linecap="round"/>
<path d="M24.6301 34.9381L39.0358 72.3575" stroke="#118E39" stroke-width="2" stroke-linecap="round"/>
<path d="M31.5976 53.0365C30.3418 48.5588 29.2754 40.0019 35.056 41.5956C40.8366 43.1893 35.8112 49.6358 32.5759 52.6599L26.821 61.0533" stroke="#118E39" stroke-width="2" stroke-linecap="round"/>
<path d="M31.1637 53.2035C29.0926 49.0397 24.1457 41.9767 20.9261 47.0353C17.7065 52.0939 25.7575 53.5063 30.1854 53.5802L40.0831 55.9478" stroke="#118E39" stroke-width="2" stroke-linecap="round"/>
<path d="M39.7129 38.7974C39.4801 38.1927 39.4722 37.66 39.6892 37.1992C39.9136 36.7357 40.302 36.3975 40.8545 36.1848C41.407 35.9721 41.9182 35.9639 42.3881 36.1602C42.858 36.3565 43.2093 36.757 43.4421 37.3617C43.6749 37.9665 43.6828 38.4992 43.4659 38.9599C43.2489 39.4206 42.8642 39.7573 42.3117 39.97C41.7593 40.1827 41.2443 40.1923 40.767 39.9989C40.2971 39.8027 39.9457 39.4021 39.7129 38.7974ZM46.6357 34.1006L45.3593 43.6444L43.5115 44.3558L44.7879 34.812L46.6357 34.1006ZM41.2744 37.309C40.9161 37.447 40.8361 37.7735 41.0344 38.2887C41.2298 38.7964 41.5067 38.9812 41.8651 38.8432C42.0368 38.7771 42.1468 38.6619 42.1949 38.4977C42.2431 38.3334 42.2184 38.1243 42.1207 37.8705C41.9223 37.3553 41.6403 37.1682 41.2744 37.309ZM46.7163 41.0904C46.4835 40.4856 46.4756 39.9529 46.6926 39.4922C46.9095 39.0315 47.2942 38.6948 47.8467 38.4821C48.3992 38.2694 48.9104 38.2612 49.3803 38.4575C49.8502 38.6538 50.2015 39.0543 50.4343 39.659C50.6671 40.2637 50.6751 40.7965 50.4581 41.2572C50.2411 41.7179 49.8564 42.0546 49.3039 42.2673C48.7515 42.48 48.2403 42.4882 47.7704 42.2919C47.3005 42.0956 46.9491 41.6951 46.7163 41.0904ZM48.2666 39.6063C48.0949 39.6724 47.985 39.7876 47.9368 39.9519C47.896 40.1133 47.926 40.3246 48.0266 40.5859C48.222 41.0936 48.4989 41.2785 48.8573 41.1405C49.029 41.0744 49.139 40.9592 49.1872 40.7949C49.2353 40.6306 49.2106 40.4216 49.1129 40.1677C49.0151 39.9139 48.8933 39.7422 48.7474 39.6527C48.5986 39.5556 48.4384 39.5402 48.2666 39.6063ZM58.7276 38.5879C57.9885 38.8725 57.243 38.9623 56.4911 38.8574C55.7467 38.7497 55.0737 38.4601 54.4722 37.9888C53.8753 37.5071 53.4288 36.8817 53.1328 36.1127C52.8367 35.3438 52.7501 34.5842 52.8727 33.834C53.0029 33.081 53.3079 32.4149 53.7879 31.8358C54.2754 31.2538 54.8887 30.8205 55.6278 30.536C56.3669 30.2515 57.1087 30.1631 57.8531 30.2708C58.605 30.3757 59.2742 30.6667 59.8608 31.1438C60.4548 31.618 60.8999 32.2396 61.1959 33.0086C61.4919 33.7776 61.5801 34.5409 61.4603 35.2985C61.3376 36.0487 61.0363 36.7133 60.5563 37.2924C60.0763 37.8716 59.4667 38.3034 58.7276 38.5879ZM58.055 36.8409C58.6822 36.5995 59.1019 36.1979 59.3143 35.6361C59.5341 35.0714 59.5117 34.4456 59.2473 33.7588C58.98 33.0645 58.5769 32.5853 58.0381 32.3212C57.5039 32.0469 56.9232 32.0304 56.296 32.2718C55.6614 32.5161 55.2328 32.9169 55.0101 33.4741C54.7949 34.0284 54.8224 34.6565 55.0926 35.3583C55.3599 36.0526 55.7606 36.5369 56.2949 36.8113C56.8337 37.0754 57.4204 37.0852 58.055 36.8409ZM66.0985 26.6336L66.6891 28.1678L63.4862 29.4009L64.1243 31.0583L66.5209 30.1357L67.0943 31.6251L64.6977 32.5477L65.9221 35.7282L64.0071 36.4654L60.9806 28.6039L66.0985 26.6336ZM72.4468 24.1896L73.0374 25.7239L69.8346 26.9569L70.4726 28.6143L72.8692 27.6917L73.4426 29.1811L71.046 30.1038L72.2704 33.2842L70.3554 34.0214L67.3289 26.1599L72.4468 24.1896Z" fill="#02863F" fill-opacity="0.6"/>
<defs>
<linearGradient id="paint0_linear_0_356" x1="45.1697" y1="44.7185" x2="45.1697" y2="84.6882" gradientUnits="userSpaceOnUse">
<stop stop-color="#138F39"/>
<stop offset="1" stop-color="#95D90C"/>
</linearGradient>
<linearGradient id="paint1_linear_0_356" x1="42.4546" y1="44.6724" x2="20.1511" y2="78.9479" gradientUnits="userSpaceOnUse">
<stop stop-color="#A0DF08"/>
<stop offset="1" stop-color="#138F39"/>
</linearGradient>
</defs>
</svg>
<div class="fe-text">
<h5>GIFT VOUCHER</h5>
<p>100% gift voucher</p>
</div>
</div>
<div class="feliemnt">
<svg width="77" height="49" viewBox="0 0 77 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M61.5082 19.0902C61.558 19.3618 61.8186 19.5416 62.0902 19.4918C62.3618 19.442 62.5416 19.1814 62.4918 18.9098L61.5082 19.0902ZM48 10.1545L52.9987 13.0436L53.0013 7.27013L48 10.1545ZM62.4918 18.9098C61.9402 15.9029 59.2083 10.6514 52.5742 9.66212L52.4267 10.6512C58.5096 11.5583 61.0074 16.3604 61.5082 19.0902L62.4918 18.9098Z" fill="url(#paint0_linear_0_368)"/>
<path d="M5.74737 35.5V18C3.64027 17.8363 1 15 1 15L5.74737 1H38.5474L42 15C42 15 40.387 16.4301 38.5474 17.3161V35.5H26.0316V25C23.2695 21 19.9895 23.3333 18.6947 25V35.5H5.74737Z" fill="url(#paint1_linear_0_368)" fill-opacity="0.8"/>
<path d="M5.74737 18C5.74737 25.42 5.74737 35.5 5.74737 35.5H18.6947V25C19.9895 23.3333 23.2695 21 26.0316 25C26.0316 29.4 26.0316 33.8333 26.0316 35.5H38.5474V17.3161M5.74737 18C3.64027 17.8363 1 15 1 15L5.74737 1H38.5474L42 15C42 15 38.5241 18.0818 35.9579 18C33.5457 17.9231 31.6421 15 31.6421 15C31.6421 15 29.2902 17.9065 27.3263 18C25.2163 18.1005 21.2842 15 21.2842 15C21.2842 15 18.6473 17.9127 16.5368 18C14.2771 18.0935 11.3579 15 11.3579 15C11.3579 15 8.15512 18.187 5.74737 18Z" stroke="white" stroke-linecap="round"/>
<path d="M64.598 35.4576L54.5711 31.7769L58.6327 30.5711M64.598 35.4576L74.5614 31.7769L70.3095 30M64.598 35.4576V48.4671M54 35.4576V45.1037L64.598 48.4671M64.598 48.4671L75.6402 45.1037V32.2338" stroke="#02863F" stroke-linecap="round"/>
<defs>
<linearGradient id="paint0_linear_0_368" x1="55" y1="10" x2="55" y2="19" gradientUnits="userSpaceOnUse">
<stop stop-color="#02863F"/>
<stop offset="1" stop-color="#9DDD09"/>
</linearGradient>
<linearGradient id="paint1_linear_0_368" x1="21.5" y1="3.5" x2="21.5" y2="35.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#A3E107"/>
<stop offset="1" stop-color="#179137"/>
</linearGradient>
</defs>
</svg>
<div class="fe-text">
<h5>RETURN POLICY</h5>
<p>Safe and trustworthy</p>
</div>
</div>
<div class="feliemnt">
<svg width="68" height="41" viewBox="0 0 68 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_0_377)">
<rect x="2" y="1" width="57" height="29.0588" rx="2" fill="url(#paint0_linear_0_377)" fill-opacity="0.8"/>
<rect x="2" y="6.58826" width="57" height="5.58824" fill="#363936"/>
</g>
<path d="M58.706 21C57.5274 22.1483 54.3362 24.3181 51 23.8104C51 31.7884 51.272 36.4119 58.706 39.6756" stroke="url(#paint1_linear_0_377)" stroke-linecap="round"/>
<path d="M58.7962 21C59.9748 22.1483 63.166 24.3181 66.5022 23.8104C66.5022 31.7884 66.2302 36.4119 58.7962 39.6756" stroke="url(#paint2_linear_0_377)" stroke-linecap="round"/>
<path d="M56.3488 29.7938L58.5246 31.9696L63.0576 27.618" stroke="url(#paint3_linear_0_377)" stroke-linecap="round"/>
<defs>
<filter id="filter0_d_0_377" x="0" y="0" width="61" height="33.0588" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_377"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_0_377" result="shape"/>
</filter>
<linearGradient id="paint0_linear_0_377" x1="30.5" y1="1" x2="30.5" y2="30.0588" gradientUnits="userSpaceOnUse">
<stop stop-color="#02863F"/>
<stop offset="1" stop-color="#9DDD09"/>
</linearGradient>
<linearGradient id="paint1_linear_0_377" x1="54.8528" y1="21" x2="54.8528" y2="39.585" gradientUnits="userSpaceOnUse">
<stop stop-color="#02863F"/>
<stop offset="1" stop-color="#9DDD09"/>
</linearGradient>
<linearGradient id="paint2_linear_0_377" x1="62.6494" y1="21" x2="62.6494" y2="39.585" gradientUnits="userSpaceOnUse">
<stop stop-color="#02863F"/>
<stop offset="1" stop-color="#9DDD09"/>
</linearGradient>
<linearGradient id="paint3_linear_0_377" x1="59.5672" y1="27.618" x2="59.5672" y2="32.0603" gradientUnits="userSpaceOnUse">
<stop stop-color="#02863F"/>
<stop offset="1" stop-color="#9DDD09"/>
</linearGradient>
</defs>
</svg>
<div class="fe-text">
<h5>SAFE PAYMENT</h5>
<p>Secure payment methods.</p>
</div>
</div>
</div><br>
<h2 class="prod">Our Products</h2>
<div class="products">
<!-- --------- -->
<div class="cards">
<img src="./assets/apple.png" alt="APPLE">
<div class="cards-text">
<h3>Apple
<svg class="ko"
onclick="filit();" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Designed By PRAVAS LENKA [github.com/prvslnk] -->
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.00019C10.2006 3.90317 7.19377 3.2551 4.93923 5.17534C2.68468 7.09558 2.36727 10.3061 4.13778 12.5772C5.60984 14.4654 10.0648 18.4479 11.5249 19.7369C11.6882 19.8811 11.7699 19.9532 11.8652 19.9815C11.9483 20.0062 12.0393 20.0062 12.1225 19.9815C12.2178 19.9532 12.2994 19.8811 12.4628 19.7369C13.9229 18.4479 18.3778 14.4654 19.8499 12.5772C21.6204 10.3061 21.3417 7.07538 19.0484 5.17534C16.7551 3.2753 13.7994 3.90317 12 6.00019Z" stroke="#02863f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.</p>
<p class="rate"> <span class="rating">4.4
<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.42706 10.0833L3.10415 6.86354L0.833313 4.69792L3.83331 4.41146L4.99998 1.375L6.16665 4.41146L9.16665 4.69792L6.89581 6.86354L7.5729 10.0833L4.99998 8.37604L2.42706 10.0833Z" fill="white"/>
</svg>
</span>
2,534 Ratings
</p>
</div>
<div class="bnow ">
<a href="#">Buy Now</a>
</div>
<div class="price below">
<p><del>₹ 1099</del><br><span>₹ 999</span></p>
</div>
</div>
<!-- --------- -->
<div class="cards">
<img src="./assets/spinach.png" alt="SPINACH">
<div class="cards-text">
<h3>Spinach
<svg class="ko" onclick="filit();" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Designed By PRAVAS LENKA [github.com/prvslnk] -->
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.00019C10.2006 3.90317 7.19377 3.2551 4.93923 5.17534C2.68468 7.09558 2.36727 10.3061 4.13778 12.5772C5.60984 14.4654 10.0648 18.4479 11.5249 19.7369C11.6882 19.8811 11.7699 19.9532 11.8652 19.9815C11.9483 20.0062 12.0393 20.0062 12.1225 19.9815C12.2178 19.9532 12.2994 19.8811 12.4628 19.7369C13.9229 18.4479 18.3778 14.4654 19.8499 12.5772C21.6204 10.3061 21.3417 7.07538 19.0484 5.17534C16.7551 3.2753 13.7994 3.90317 12 6.00019Z" stroke="#02863f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.</p>
<p class="rate"> <span class="rating">4.4
<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.42706 10.0833L3.10415 6.86354L0.833313 4.69792L3.83331 4.41146L4.99998 1.375L6.16665 4.41146L9.16665 4.69792L6.89581 6.86354L7.5729 10.0833L4.99998 8.37604L2.42706 10.0833Z" fill="white"/>
</svg>
</span>
2,534 Ratings
</p>
</div>
<div class="bnow ">
<a href="#">Buy Now</a>
</div>
<div class="price below">
<p><del>₹ 899</del><br><span>₹ 499</span></p>
</div>
</div>
<!-- --------- -->
<div class="cards">
<img src="./assets/blueberries.png" alt="Blueberries">
<div class="cards-text">
<h3>Blueberries
<svg class="ko"
onclick="filit();" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Designed By PRAVAS LENKA [github.com/prvslnk] -->
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.00019C10.2006 3.90317 7.19377 3.2551 4.93923 5.17534C2.68468 7.09558 2.36727 10.3061 4.13778 12.5772C5.60984 14.4654 10.0648 18.4479 11.5249 19.7369C11.6882 19.8811 11.7699 19.9532 11.8652 19.9815C11.9483 20.0062 12.0393 20.0062 12.1225 19.9815C12.2178 19.9532 12.2994 19.8811 12.4628 19.7369C13.9229 18.4479 18.3778 14.4654 19.8499 12.5772C21.6204 10.3061 21.3417 7.07538 19.0484 5.17534C16.7551 3.2753 13.7994 3.90317 12 6.00019Z" stroke="#02863f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.</p>
<p class="rate"> <span class="rating">4.4
<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.42706 10.0833L3.10415 6.86354L0.833313 4.69792L3.83331 4.41146L4.99998 1.375L6.16665 4.41146L9.16665 4.69792L6.89581 6.86354L7.5729 10.0833L4.99998 8.37604L2.42706 10.0833Z" fill="white"/>
</svg>
</span>
2,534 Ratings
</p>
</div>
<div class="bnow ">
<a href="#">Buy Now</a>
</div>
<div class="price below">
<p><del>₹ 899</del><br><span>₹ 499</span></p>
</div>
</div>
<!-- --------- -->
<div class="cards">
<img src="./assets/apple.png" alt="APPLE">
<div class="cards-text">
<h3>Apple
<svg class="ko"
onclick="filit();" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Designed By PRAVAS LENKA [github.com/prvslnk] -->
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.00019C10.2006 3.90317 7.19377 3.2551 4.93923 5.17534C2.68468 7.09558 2.36727 10.3061 4.13778 12.5772C5.60984 14.4654 10.0648 18.4479 11.5249 19.7369C11.6882 19.8811 11.7699 19.9532 11.8652 19.9815C11.9483 20.0062 12.0393 20.0062 12.1225 19.9815C12.2178 19.9532 12.2994 19.8811 12.4628 19.7369C13.9229 18.4479 18.3778 14.4654 19.8499 12.5772C21.6204 10.3061 21.3417 7.07538 19.0484 5.17534C16.7551 3.2753 13.7994 3.90317 12 6.00019Z" stroke="#02863f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.</p>
<p class="rate"> <span class="rating">4.4
<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.42706 10.0833L3.10415 6.86354L0.833313 4.69792L3.83331 4.41146L4.99998 1.375L6.16665 4.41146L9.16665 4.69792L6.89581 6.86354L7.5729 10.0833L4.99998 8.37604L2.42706 10.0833Z" fill="white"/>
</svg>
</span>
2,534 Ratings
</p>
</div>
<div class="bnow ">
<a href="#">Buy Now</a>
</div>
<div class="price below">
<p><del>₹ 1099</del><br><span>₹ 999</span></p>
</div>
</div>
<!-- --------- -->
<div class="cards">
<img src="./assets/apple.png" alt="APPLE">
<div class="cards-text">
<h3>Apple
<svg class="ko"
onclick="filit();" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Designed By PRAVAS LENKA [github.com/prvslnk] -->
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.00019C10.2006 3.90317 7.19377 3.2551 4.93923 5.17534C2.68468 7.09558 2.36727 10.3061 4.13778 12.5772C5.60984 14.4654 10.0648 18.4479 11.5249 19.7369C11.6882 19.8811 11.7699 19.9532 11.8652 19.9815C11.9483 20.0062 12.0393 20.0062 12.1225 19.9815C12.2178 19.9532 12.2994 19.8811 12.4628 19.7369C13.9229 18.4479 18.3778 14.4654 19.8499 12.5772C21.6204 10.3061 21.3417 7.07538 19.0484 5.17534C16.7551 3.2753 13.7994 3.90317 12 6.00019Z" stroke="#02863f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.</p>
<p class="rate"> <span class="rating">4.4
<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.42706 10.0833L3.10415 6.86354L0.833313 4.69792L3.83331 4.41146L4.99998 1.375L6.16665 4.41146L9.16665 4.69792L6.89581 6.86354L7.5729 10.0833L4.99998 8.37604L2.42706 10.0833Z" fill="white"/>
</svg>
</span>
2,534 Ratings
</p>
</div>
<div class="bnow ">
<a href="#">Buy Now</a>
</div>
<div class="price below">
<p><del>₹ 1099</del><br><span>₹ 999</span></p>
</div>
</div>
<!-- --------- -->
<div class="cards">
<img src="./assets/spinach.png" alt="SPINACH">
<div class="cards-text">
<h3>Spinach
<svg class="ko"
onclick="filit();" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Designed By PRAVAS LENKA [github.com/prvslnk] -->
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.00019C10.2006 3.90317 7.19377 3.2551 4.93923 5.17534C2.68468 7.09558 2.36727 10.3061 4.13778 12.5772C5.60984 14.4654 10.0648 18.4479 11.5249 19.7369C11.6882 19.8811 11.7699 19.9532 11.8652 19.9815C11.9483 20.0062 12.0393 20.0062 12.1225 19.9815C12.2178 19.9532 12.2994 19.8811 12.4628 19.7369C13.9229 18.4479 18.3778 14.4654 19.8499 12.5772C21.6204 10.3061 21.3417 7.07538 19.0484 5.17534C16.7551 3.2753 13.7994 3.90317 12 6.00019Z" stroke="#02863f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.</p>
<p class="rate"> <span class="rating">4.4
<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.42706 10.0833L3.10415 6.86354L0.833313 4.69792L3.83331 4.41146L4.99998 1.375L6.16665 4.41146L9.16665 4.69792L6.89581 6.86354L7.5729 10.0833L4.99998 8.37604L2.42706 10.0833Z" fill="white"/>
</svg>
</span>
2,534 Ratings
</p>
</div>
<div class="bnow ">
<a href="#">Buy Now</a>
</div>
<div class="price below">
<p><del>₹ 899</del><br><span>₹ 499</span></p>
</div>
</div>
<!-- --------- -->
<div class="cards">
<img src="./assets/apple.png" alt="APPLE">
<div class="cards-text">
<h3>Apple
<svg class="ko"
onclick="filit();" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Designed By PRAVAS LENKA [github.com/prvslnk] -->
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.00019C10.2006 3.90317 7.19377 3.2551 4.93923 5.17534C2.68468 7.09558 2.36727 10.3061 4.13778 12.5772C5.60984 14.4654 10.0648 18.4479 11.5249 19.7369C11.6882 19.8811 11.7699 19.9532 11.8652 19.9815C11.9483 20.0062 12.0393 20.0062 12.1225 19.9815C12.2178 19.9532 12.2994 19.8811 12.4628 19.7369C13.9229 18.4479 18.3778 14.4654 19.8499 12.5772C21.6204 10.3061 21.3417 7.07538 19.0484 5.17534C16.7551 3.2753 13.7994 3.90317 12 6.00019Z" stroke="#02863f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.</p>
<p class="rate"> <span class="rating">4.4
<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.42706 10.0833L3.10415 6.86354L0.833313 4.69792L3.83331 4.41146L4.99998 1.375L6.16665 4.41146L9.16665 4.69792L6.89581 6.86354L7.5729 10.0833L4.99998 8.37604L2.42706 10.0833Z" fill="white"/>
</svg>
</span>
2,534 Ratings
</p>
</div>
<div class="bnow ">
<a href="#">Buy Now</a>
</div>
<div class="price below">
<p><del>₹ 1099</del><br><span>₹ 999</span></p>
</div>
</div>
<div class="cards">
<img src="./assets/blueberries.png" alt="Blueberries">
<div class="cards-text">
<h3>Blueberries
<svg class="ko"
onclick="filit();" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Designed By PRAVAS LENKA [github.com/prvslnk] -->
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.00019C10.2006 3.90317 7.19377 3.2551 4.93923 5.17534C2.68468 7.09558 2.36727 10.3061 4.13778 12.5772C5.60984 14.4654 10.0648 18.4479 11.5249 19.7369C11.6882 19.8811 11.7699 19.9532 11.8652 19.9815C11.9483 20.0062 12.0393 20.0062 12.1225 19.9815C12.2178 19.9532 12.2994 19.8811 12.4628 19.7369C13.9229 18.4479 18.3778 14.4654 19.8499 12.5772C21.6204 10.3061 21.3417 7.07538 19.0484 5.17534C16.7551 3.2753 13.7994 3.90317 12 6.00019Z" stroke="#02863f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.</p>
<p class="rate"> <span class="rating">4.4
<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.42706 10.0833L3.10415 6.86354L0.833313 4.69792L3.83331 4.41146L4.99998 1.375L6.16665 4.41146L9.16665 4.69792L6.89581 6.86354L7.5729 10.0833L4.99998 8.37604L2.42706 10.0833Z" fill="white"/>
</svg>
</span>
2,534 Ratings
</p>
</div>
<div class="bnow ">
<a href="#">Buy Now</a>
</div>
<div class="price below">
<p><del>₹ 899</del><br><span>₹ 499</span></p>
</div>
</div>
<!-- --------- -->
</div>
<!-- ------------------------------------ -->
<div class="offers">
<h2 id="off">Our Offers</h2>
<div class="off-box"></div>
<div class="off-box"></div>
<div class="off-box"></div>
</div>
<!-- ------------------------------------ -->
<div class="testimonials">
<h2 class="test">Testimonials</h2>
<div class="opinion">
<img src="./assets/user.png" alt="user-image" style="width: 120px;
height: 120px;">
<h3 class="opi">Jenny Doe</h3>
<p class="city">City, State</p>
<h3 class="awe">Awesome Product</h3>
<p class="descrip">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.</p>
<!-- -------SVG STAR-------- -->
<svg width="144" height="24" viewBox="0 0 144 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.825 22L7.45 14.975L2 10.25L9.2 9.625L12 3L14.8 9.625L22 10.25L16.55 14.975L18.175 22L12 18.275L5.825 22Z" fill="#0FA958"/>
<path d="M35.825 22L37.45 14.975L32 10.25L39.2 9.625L42 3L44.8 9.625L52 10.25L46.55 14.975L48.175 22L42 18.275L35.825 22Z" fill="#0FA958"/>
<path d="M65.825 22L67.45 14.975L62 10.25L69.2 9.625L72 3L74.8 9.625L82 10.25L76.55 14.975L78.175 22L72 18.275L65.825 22Z" fill="#0FA958"/>
<path d="M95.825 22L97.45 14.975L92 10.25L99.2 9.625L102 3L104.8 9.625L112 10.25L106.55 14.975L108.175 22L102 18.275L95.825 22Z" fill="#0FA958"/>
<path d="M126.578 20.9616L127.937 15.0877L128.005 14.7944L127.778 14.5972L123.22 10.646L129.243 10.1231L129.543 10.0971L129.661 9.81965L132 4.28436L134.339 9.81965L134.457 10.0971L134.757 10.1231L140.78 10.646L136.222 14.5972L135.995 14.7944L136.063 15.0877L137.422 20.9616L132.258 17.8469L132 17.6911L131.742 17.8469L126.578 20.9616Z" stroke="#0FA958"/>
</svg>
<!-- --------------- -->
</div>
<!-- ------------ -->
<div class="opinion">
<img src="./assets/user.png" alt="user-image" style="width: 120px;
height: 120px;">
<h3 class="opi">Jenny Doe</h3>
<p class="city">City, State</p>
<h3 class="awe">Awesome Product</h3>
<p class="descrip">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.</p>
<!-- -------SVG STAR-------- -->
<svg width="144" height="24" viewBox="0 0 144 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.825 22L7.45 14.975L2 10.25L9.2 9.625L12 3L14.8 9.625L22 10.25L16.55 14.975L18.175 22L12 18.275L5.825 22Z" fill="#0FA958"/>
<path d="M35.825 22L37.45 14.975L32 10.25L39.2 9.625L42 3L44.8 9.625L52 10.25L46.55 14.975L48.175 22L42 18.275L35.825 22Z" fill="#0FA958"/>
<path d="M65.825 22L67.45 14.975L62 10.25L69.2 9.625L72 3L74.8 9.625L82 10.25L76.55 14.975L78.175 22L72 18.275L65.825 22Z" fill="#0FA958"/>
<path d="M95.825 22L97.45 14.975L92 10.25L99.2 9.625L102 3L104.8 9.625L112 10.25L106.55 14.975L108.175 22L102 18.275L95.825 22Z" fill="#0FA958"/>
<path d="M125.825 22L127.45 14.975L122 10.25L129.2 9.625L132 3L134.8 9.625L142 10.25L136.55 14.975L138.175 22L132 18.275L125.825 22Z" fill="#0FA958"/>
</svg>
<!-- --------------- -->
</div>
<!-- ------------ -->
<div class="opinion">
<img src="./assets/user.png" alt="user-image" style="width: 120px;
height: 120px;">
<h3 class="opi">Jenny Doe</h3>
<p class="city">City, State</p>
<h3 class="awe">Awesome Product</h3>
<p class="descrip">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget laoreet purus, non tempor odio.</p>
<!-- -------SVG STAR-------- -->
<svg width="144" height="24" viewBox="0 0 144 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.825 22L7.45 14.975L2 10.25L9.2 9.625L12 3L14.8 9.625L22 10.25L16.55 14.975L18.175 22L12 18.275L5.825 22Z" fill="#0FA958"/>
<path d="M35.825 22L37.45 14.975L32 10.25L39.2 9.625L42 3L44.8 9.625L52 10.25L46.55 14.975L48.175 22L42 18.275L35.825 22Z" fill="#0FA958"/>
<path d="M65.825 22L67.45 14.975L62 10.25L69.2 9.625L72 3L74.8 9.625L82 10.25L76.55 14.975L78.175 22L72 18.275L65.825 22Z" fill="#0FA958"/>
<path d="M95.825 22L97.45 14.975L92 10.25L99.2 9.625L102 3L104.8 9.625L112 10.25L106.55 14.975L108.175 22L102 18.275L95.825 22Z" fill="#0FA958"/>
<path d="M125.825 22L127.45 14.975L122 10.25L129.2 9.625L132 3L134.8 9.625L142 10.25L136.55 14.975L138.175 22L132 18.275L125.825 22Z" fill="#0FA958"/>
</svg>
<!-- --------------- -->
</div>
<!-- ------------ -->
</div>
<div class="app-contain">
<div class="left-side">
<h1>Download Now</h1>
<img src="./assets/dlnow.png" alt="Download-Now">
</div>
<div class="right-side">
<img src="./assets/ORWHAT.png" alt="App-Icon">
</div>
</div>
<!-- footer section -->
<footer>
<div class="contacts">
<h2>Contact Us</h2>
<p>Email<br>
<span class="gap"><a href="mailto:[email protected]?subject=Hii%2C%20I%20Visited%20Your%20Website%20Made%20by%20Pravas.">[email protected]</a></span>
<br>
Phone <br>
<span class="gap"><a href="tel:+919876543224">+919876543224</a></span>
<br>
Address<br>
<span class="gap">PlotNo-322,DLF Cybercity,BBSR, ODISHA</p></span>
</div>
<hr>
<div class="logo">
<svg
width="115"
height="57"
viewBox="0 0 115 57"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.854 36.984H17.366V42H2.356V15.324H8.854V36.984ZM33.0814 42.266C30.5734 42.266 28.268 41.6833 26.1654 40.518C24.088 39.3527 22.4287 37.7313 21.1874 35.654C19.9714 33.5513 19.3634 31.1953 19.3634 28.586C19.3634 25.9767 19.9714 23.6333 21.1874 21.556C22.4287 19.4787 24.088 17.8573 26.1654 16.692C28.268 15.5267 30.5734 14.944 33.0814 14.944C35.5894 14.944 37.882 15.5267 39.9594 16.692C42.062 17.8573 43.7087 19.4787 44.8994 21.556C46.1154 23.6333 46.7234 25.9767 46.7234 28.586C46.7234 31.1953 46.1154 33.5513 44.8994 35.654C43.6834 37.7313 42.0367 39.3527 39.9594 40.518C37.882 41.6833 35.5894 42.266 33.0814 42.266ZM33.0814 36.338C35.2094 36.338 36.9067 35.6287 38.1734 34.21C39.4654 32.7913 40.1114 30.9167 40.1114 28.586C40.1114 26.23 39.4654 24.3553 38.1734 22.962C36.9067 21.5433 35.2094 20.834 33.0814 20.834C30.928 20.834 29.2054 21.5307 27.9134 22.924C26.6467 24.3173 26.0134 26.2047 26.0134 28.586C26.0134 30.942 26.6467 32.8293 27.9134 34.248C29.2054 35.6413 30.928 36.338 33.0814 36.338ZM68.0464 23.76C67.5651 22.8733 66.8684 22.202 65.9564 21.746C65.0698 21.2647 64.0184 21.024 62.8024 21.024C60.6998 21.024 59.0151 21.7207 57.7484 23.114C56.4818 24.482 55.8484 26.3187 55.8484 28.624C55.8484 31.0813 56.5071 33.0067 57.8244 34.4C59.1671 35.768 61.0038 36.452 63.3344 36.452C64.9304 36.452 66.2731 36.0467 67.3624 35.236C68.4771 34.4253 69.2878 33.26 69.7944 31.74H61.5484V26.952H75.6844V32.994C75.2031 34.6153 74.3798 36.1227 73.2144 37.516C72.0744 38.9093 70.6178 40.0367 68.8444 40.898C67.0711 41.7593 65.0698 42.19 62.8404 42.19C60.2058 42.19 57.8498 41.62 55.7724 40.48C53.7204 39.3147 52.1118 37.706 50.9464 35.654C49.8064 33.602 49.2364 31.2587 49.2364 28.624C49.2364 25.9893 49.8064 23.646 50.9464 21.594C52.1118 19.5167 53.7204 17.908 55.7724 16.768C57.8244 15.6027 60.1678 15.02 62.8024 15.02C65.9944 15.02 68.6798 15.7927 70.8584 17.338C73.0624 18.8833 74.5191 21.024 75.2284 23.76H68.0464ZM91.8997 42.266C89.3917 42.266 87.0864 41.6833 84.9837 40.518C82.9064 39.3527 81.2471 37.7313 80.0057 35.654C78.7897 33.5513 78.1817 31.1953 78.1817 28.586C78.1817 25.9767 78.7897 23.6333 80.0057 21.556C81.2471 19.4787 82.9064 17.8573 84.9837 16.692C87.0864 15.5267 89.3917 14.944 91.8997 14.944C94.4077 14.944 96.7004 15.5267 98.7777 16.692C100.88 17.8573 102.527 19.4787 103.718 21.556C104.934 23.6333 105.542 25.9767 105.542 28.586C105.542 31.1953 104.934 33.5513 103.718 35.654C102.502 37.7313 100.855 39.3527 98.7777 40.518C96.7004 41.6833 94.4077 42.266 91.8997 42.266ZM91.8997 36.338C94.0277 36.338 95.7251 35.6287 96.9917 34.21C98.2837 32.7913 98.9297 30.9167 98.9297 28.586C98.9297 26.23 98.2837 24.3553 96.9917 22.962C95.7251 21.5433 94.0277 20.834 91.8997 20.834C89.7464 20.834 88.0237 21.5307 86.7317 22.924C85.4651 24.3173 84.8317 26.2047 84.8317 28.586C84.8317 30.942 85.4651 32.8293 86.7317 34.248C88.0237 35.6413 89.7464 36.338 91.8997 36.338Z"
fill="url(#paint0_linear_0_325)"
/>
<defs>
<linearGradient
id="paint0_linear_0_325"
x1="4.29907"
y1="2"
x2="115.592"
y2="58.7186"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#88D212" />
<stop offset="1" stop-color="#289B33" />
</linearGradient>
</defs></svg>
<p>Simply dummy text of the printing and typesetting industry. Lorem Ipsum simply dummy text of the printing </p>
<div class="socials">
<!-- ------Instagram----- -->
<a href="https://www.instagram.com/squbixdigital/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none">
<circle cx="30" cy="30" r="30" fill="#EFF6F1"/>
<path d="M33.6585 22.5472C34.7231 22.5503 35.7431 22.9589 36.4958 23.6838C37.2486 24.4086 37.6729 25.3909 37.6761 26.416V34.1527C37.6729 35.1778 37.2486 36.16 36.4958 36.8849C35.7431 37.6098 34.7231 38.0183 33.6585 38.0214H25.6243C24.5598 38.0183 23.5397 37.6098 22.787 36.8849C22.0342 36.16 21.6099 35.1778 21.6068 34.1527V26.416C21.6099 25.3909 22.0342 24.4086 22.787 23.6838C23.5397 22.9589 24.5598 22.5503 25.6243 22.5472H33.6585ZM33.6585 21H25.6243C22.5309 21 20 23.4371 20 26.416V34.1527C20 37.1315 22.5309 39.5686 25.6243 39.5686H33.6585C36.752 39.5686 39.2828 37.1315 39.2828 34.1527V26.416C39.2828 23.4371 36.752 21 33.6585 21Z" fill="url(#paint0_linear_0_433)"/>
<path d="M34.8637 26.4168C34.6253 26.4168 34.3923 26.3487 34.1941 26.2212C33.996 26.0937 33.8415 25.9124 33.7503 25.7004C33.659 25.4883 33.6352 25.255 33.6817 25.0298C33.7282 24.8047 33.843 24.5979 34.0115 24.4356C34.1801 24.2733 34.3948 24.1628 34.6286 24.118C34.8624 24.0732 35.1047 24.0962 35.3249 24.184C35.5451 24.2719 35.7333 24.4206 35.8658 24.6115C35.9982 24.8023 36.0689 25.0267 36.0689 25.2562C36.0692 25.4087 36.0383 25.5598 35.9778 25.7008C35.9174 25.8417 35.8286 25.9698 35.7167 26.0776C35.6047 26.1854 35.4717 26.2709 35.3253 26.3291C35.1789 26.3873 35.0221 26.4171 34.8637 26.4168ZM29.6414 27.1902C30.2771 27.1902 30.8985 27.3717 31.427 27.7118C31.9555 28.0519 32.3675 28.5352 32.6107 29.1007C32.854 29.6663 32.9176 30.2885 32.7936 30.8889C32.6696 31.4893 32.3635 32.0407 31.914 32.4735C31.4645 32.9064 30.8919 33.2011 30.2684 33.3206C29.645 33.44 28.9988 33.3787 28.4115 33.1444C27.8242 32.9102 27.3223 32.5135 26.9691 32.0046C26.616 31.4956 26.4275 30.8972 26.4275 30.2851C26.4284 29.4646 26.7673 28.6779 27.3698 28.0977C27.9724 27.5174 28.7893 27.1911 29.6414 27.1902ZM29.6414 25.643C28.688 25.643 27.7559 25.9152 26.9632 26.4253C26.1704 26.9354 25.5525 27.6604 25.1877 28.5086C24.8228 29.3569 24.7273 30.2903 24.9133 31.1908C25.0993 32.0912 25.5585 32.9184 26.2327 33.5676C26.9069 34.2168 27.7658 34.659 28.7009 34.8381C29.6361 35.0172 30.6054 34.9253 31.4862 34.5739C32.3671 34.2226 33.12 33.6276 33.6497 32.8642C34.1794 32.1008 34.4621 31.2032 34.4621 30.2851C34.4621 29.0539 33.9542 27.8732 33.0502 27.0026C32.1461 26.132 30.9199 25.643 29.6414 25.643Z" fill="url(#paint1_linear_0_433)"/>
<defs>
<linearGradient id="paint0_linear_0_433" x1="29.6414" y1="21" x2="29.6414" y2="39.5686" gradientUnits="userSpaceOnUse">
<stop stop-color="#9DDD09"/>
<stop offset="1" stop-color="#199338"/>
</linearGradient>
<linearGradient id="paint1_linear_0_433" x1="30.4448" y1="24.0957" x2="30.4448" y2="34.9273" gradientUnits="userSpaceOnUse">
<stop stop-color="#9DDD09"/>
<stop offset="1" stop-color="#199338"/>
</linearGradient>
</defs>
</svg>
</a>
<!-- ------------Facebook------------ -->
<a href="http://squbix.com" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none">
<circle cx="30" cy="30" r="30" fill="#EFF6F1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.2828 30.2843C39.2828 25.1572 34.9657 21 29.6414 21C24.3171 21 20 25.1572 20 30.2843C20 34.9182 23.5251 38.7592 28.1349 39.4563V32.9689H25.6863V30.2843H28.1349V28.2389C28.1349 25.9124 29.5747 24.6263 31.7767 24.6263C32.8317 24.6263 33.9353 24.8078 33.9353 24.8078V27.0928H32.7189C31.5219 27.0928 31.1475 27.8082 31.1475 28.5435V30.2843H33.8212L33.3942 32.9689H31.1479V39.4572C35.7577 38.7604 39.2828 34.9194 39.2828 30.2843Z" fill="url(#paint0_linear_0_429)"/>
<defs>
<linearGradient id="paint0_linear_0_429" x1="29.6414" y1="21" x2="29.6414" y2="39.4572" gradientUnits="userSpaceOnUse">
<stop stop-color="#9DDD09"/>
<stop offset="1" stop-color="#02863F"/>
</linearGradient>
</defs>
</svg></a>
<!-- ------------LinkedIN------------ -->
<a href="https://www.linkedin.com/company/squbix/" target="_blank">
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30" cy="30" r="30" fill="#EFF6F1"/>
<g clip-path="url(#clip0_0_438)">
<path d="M20 29.795C20 24.3854 24.3854 20 29.795 20C35.2046 20 39.59 24.3854 39.59 29.795C39.59 35.2046 35.2046 39.59 29.795 39.59C24.3854 39.59 20 35.2046 20 29.795Z" fill="url(#paint0_linear_0_438)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M27.0682 26.0495C27.0682 26.6899 26.5862 27.2023 25.8122 27.2023H25.798C25.0528 27.2023 24.571 26.6899 24.571 26.0495C24.571 25.3955 25.0674 24.8975 25.8268 24.8975C26.5862 24.8975 27.0538 25.3955 27.0682 26.0495ZM26.922 28.1126V34.7821H24.7023V28.1126H26.922ZM34.9273 34.7821L34.9273 30.958C34.9273 28.9095 33.8323 27.956 32.3715 27.956C31.193 27.956 30.6653 28.6033 30.3707 29.0574V28.1128H28.1507C28.18 28.7386 28.1507 34.7822 28.1507 34.7822H30.3707V31.0575C30.3707 30.8581 30.3851 30.6593 30.4438 30.5166C30.6043 30.1184 30.9695 29.7061 31.5828 29.7061C32.3863 29.7061 32.7076 30.3176 32.7076 31.2139V34.7821H34.9273Z" fill="#F9F8F8"/>
</g>
<defs>
<linearGradient id="paint0_linear_0_438" x1="29.795" y1="20" x2="29.795" y2="39.59" gradientUnits="userSpaceOnUse">
<stop stop-color="#9DDD09"/>
<stop offset="1" stop-color="#02863F"/>
</linearGradient>
<clipPath id="clip0_0_438">
<rect width="19.59" height="19.59" fill="white" transform="translate(20 20)"/>
</clipPath>
</defs>
</svg></a>
<!-- ------------Twitter-------- -->
<a href="https://twitter.com/SqubixDigital" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none">
<circle cx="30" cy="30" r="30" fill="#EFF6F1"/>
<path d="M40.6602 23.9584C39.8852 24.2952 39.0652 24.517 38.2261 24.617C39.1079 24.1006 39.7711 23.2803 40.0912 22.3099C39.2575 22.7974 38.3469 23.1394 37.3984 23.3214C36.9991 22.9028 36.5187 22.5698 35.9866 22.3427C35.4546 22.1155 34.8818 21.9989 34.3033 22C31.9609 22 30.0654 23.868 30.0654 26.1708C30.0637 26.4911 30.1004 26.8104 30.1747 27.122C28.4951 27.0433 26.8504 26.6148 25.3458 25.864C23.8413 25.1132 22.51 24.0566 21.4372 22.7619C21.0608 23.3963 20.8618 24.1203 20.8608 24.858C20.8608 26.3042 21.6154 27.5826 22.7547 28.3315C22.0797 28.3155 21.4185 28.1368 20.8273 27.8107V27.8623C20.8273 29.8853 22.2907 31.5682 24.2276 31.9513C23.8634 32.0484 23.488 32.0976 23.1111 32.0977C22.8436 32.0981 22.5767 32.0722 22.3144 32.0202C22.8528 33.6773 24.42 34.8825 26.2764 34.9169C24.7679 36.0794 22.9159 36.7078 21.0115 36.7032C20.6734 36.7027 20.3357 36.6825 20 36.6429C21.9374 37.88 24.1895 38.5344 26.4882 38.5281C34.2943 38.5281 38.5589 32.1708 38.5589 26.6572C38.5589 26.4764 38.5541 26.2956 38.5455 26.1191C39.3733 25.5303 40.0893 24.7986 40.6602 23.9584Z" fill="url(#paint0_linear_0_425)"/>
<defs>
<linearGradient id="paint0_linear_0_425" x1="30.3301" y1="22" x2="30.3301" y2="38.5282" gradientUnits="userSpaceOnUse">
<stop stop-color="#9DDD09"/>
<stop offset="1" stop-color="#02863F"/>
</linearGradient>
</defs>
</svg></a>
</div>
</div>
<hr>
<div class="customer-policy">
<h2>Customer Policy</h2>
<p><a href="#shipping">Shipping </a><br>
<a href="#return">Return Policy</a> <br>
<a href="#faq">FAQS </a><br>
<a href="tandc">Terms & Conditions</a> <br>
<a href="#privacy">Privacy Policy</a></p>
</div>
</footer>
<p class="foo">Copyright © <span> Squbix Digital </span>| Designed by <span><a href="https://github.com/prvslnk">Pravas Lenka</a></span> - Powered by <span>Squbix Digital </span></p>
</body>
<script>
document.querySelectorAll('.ko').forEach(function(svg) {
svg.addEventListener('click', function() {
if (this.style.fill === 'red') {
this.style.fill = 'none';
} else {
this.style.fill = 'red';
}
});
});
</script>
</html>