-
Notifications
You must be signed in to change notification settings - Fork 189
/
index.html
2181 lines (2113 loc) · 173 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>EduHub Community- Let's Take You Forward!</title>
<link rel="icon" href="favicon.ico">
<link href="style.css" rel="stylesheet">
</head>
<body class="dark:bg-dark">
<!-- ===== Header Start ===== -->
<header class="absolute top-0 left-0 w-full header">
<div class="flex flex-wrap w-full px-5 lg:flex-nowrap lg:items-center lg:px-5 xl:px-10 2xl:px-20">
<div class="relative z-[99] max-w-[250px] lg:w-full xl:max-w-[350px]">
<a href="index.html" class="inline-block">
<img src="/src/images/eduhub/img.png" alt="logo" class="hidden h-[50px] dark:block" />
<img src="/src/images/eduhub/img.png" alt="logo" class="h-[50px] dark:hidden ml-6" />
</a>
</div>
<div
class="fixed top-0 left-0 z-50 justify-center w-full h-screen p-5 bg-white menu-wrapper dark:bg-dark lg:visible lg:static lg:flex lg:h-auto lg:justify-start lg:bg-transparent lg:p-0 lg:opacity-100 dark:lg:bg-transparent">
<div class="flex flex-row items-center justify-center w-full mr-20">
<nav>
<ul
class="flex flex-col items-center justify-center space-y-5 text-center navbar lg:flex-row lg:justify-start lg:space-x-10 lg:space-y-0">
<li>
<a href="#home"
class="inline-flex items-center justify-center text-base text-center menu-scroll active font-heading text-dark-text hover:text-primary dark:hover:text-white">
Home
</a>
</li>
<li>
<a href="#features"
class="inline-flex items-center justify-center text-base text-center menu-scroll font-heading text-dark-text hover:text-primary dark:hover:text-white">
Features
</a>
</li>
<!-- <li class="relative submenu-item group">
<a href="javascript:void(0)"
class="inline-flex items-center justify-center text-base text-center submenu-taggler font-heading text-dark-text hover:text-primary dark:hover:text-white">
Pages
<span class="pl-3">
<svg width="14" height="8" viewBox="0 0 14 8" class="fill-current">
<path
d="M6.54564 5.09128L11.6369 0L13.0913 1.45436L6.54564 8L0 1.45436L1.45436 0L6.54564 5.09128Z" />
</svg>
</span>
</a>
<ul
class="submenu hidden space-y-5 pt-5 transition duration-300 lg:invisible lg:absolute lg:top-[120%] lg:block lg:w-[350px] lg:rounded lg:border lg:bg-white lg:px-8 lg:pb-5 lg:text-left lg:opacity-0 lg:group-hover:visible lg:group-hover:top-full lg:group-hover:opacity-100 dark:lg:border-transparent dark:lg:bg-[#2C3443]">
<li>
<a href="blog-grids.html"
class="inline-flex items-center justify-center text-base text-center font-heading text-dark-text hover:text-primary dark:hover:text-white">
Blog Grids
</a>
</li>
<li>
<a href="blog-details.html"
class="inline-flex items-center justify-center text-base text-center font-heading text-dark-text hover:text-primary dark:hover:text-white">
Blog Details
</a>
</li>
<li>
<a href="404.html"
class="inline-flex items-center justify-center text-base text-center font-heading text-dark-text hover:text-primary dark:hover:text-white">
404 Error
</a>
</li>
<li>
<a href="signin.html"
class="inline-flex items-center justify-center text-base text-center font-heading text-dark-text hover:text-primary dark:hover:text-white">
Sign In
</a>
</li>
<li>
<a href="signup.html"
class="inline-flex items-center justify-center text-base text-center font-heading text-dark-text hover:text-primary dark:hover:text-white">
Sign Up
</a>
</li>
</ul>
</li>
<li> -->
<a href="#support"
class="inline-flex items-center justify-center text-base text-center menu-scroll font-heading text-dark-text hover:text-primary dark:hover:text-white">
Support
</a>
</li>
</ul>
</nav>
</div>
<div
class="absolute bottom-0 left-0 flex items-center self-end justify-between w-full p-5 space-x-5 lg:static lg:w-auto lg:self-center lg:p-0">
<!-- <a href="signup.html"
class="w-full px-6 py-3 text-center text-white rounded whitespace-nowrap bg-primary font-heading hover:bg-opacity-90 lg:w-auto">
</a> -->
<a href="https://discord.com/invite/RyUs94pSNT"
class="w-full whitespace-nowrap rounded bg-[#222C40] py-3 px-6 text-center font-heading text-white hover:bg-opacity-90 lg:w-auto">
Join Us
</a>
</div>
</div>
<!-- <div class="absolute z-50 flex items-center -translate-y-1/2 top-1/2 right-5 lg:static lg:translate-y-0">
<label for="darkToggler"
class="relative z-40 flex items-center justify-center text-black rounded-full cursor-pointer bg-gray-2 dark:bg-dark-bg h-9 w-9 dark:text-white md:h-14 md:w-14">
<input type="checkbox" name="darkToggler" id="darkToggler" class="sr-only" aria-label="darkToggler" />
<svg viewBox="0 0 23 23" class="w-5 h-5 stroke-current dark:hidden md:h-6 md:w-6" fill="none">
<path
d="M9.55078 1.5C5.80078 1.5 1.30078 5.25 1.30078 11.25C1.30078 17.25 5.80078 21.75 11.8008 21.75C17.8008 21.75 21.5508 17.25 21.5508 13.5C13.3008 18.75 4.30078 9.75 9.55078 1.5Z"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<svg viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"
class="hidden w-5 h-5 dark:block md:h-6 md:w-6">
<mask id="path-1-inside-1_977:1934" fill="white">
<path
d="M12.0508 16.5C10.8573 16.5 9.71271 16.0259 8.8688 15.182C8.02489 14.3381 7.55078 13.1935 7.55078 12C7.55078 10.8065 8.02489 9.66193 8.8688 8.81802C9.71271 7.97411 10.8573 7.5 12.0508 7.5C13.2443 7.5 14.3888 7.97411 15.2328 8.81802C16.0767 9.66193 16.5508 10.8065 16.5508 12C16.5508 13.1935 16.0767 14.3381 15.2328 15.182C14.3888 16.0259 13.2443 16.5 12.0508 16.5ZM12.0508 18C13.6421 18 15.1682 17.3679 16.2934 16.2426C17.4186 15.1174 18.0508 13.5913 18.0508 12C18.0508 10.4087 17.4186 8.88258 16.2934 7.75736C15.1682 6.63214 13.6421 6 12.0508 6C10.4595 6 8.93336 6.63214 7.80814 7.75736C6.68292 8.88258 6.05078 10.4087 6.05078 12C6.05078 13.5913 6.68292 15.1174 7.80814 16.2426C8.93336 17.3679 10.4595 18 12.0508 18ZM12.0508 0C12.2497 0 12.4405 0.0790176 12.5811 0.21967C12.7218 0.360322 12.8008 0.551088 12.8008 0.75V3.75C12.8008 3.94891 12.7218 4.13968 12.5811 4.28033C12.4405 4.42098 12.2497 4.5 12.0508 4.5C11.8519 4.5 11.6611 4.42098 11.5205 4.28033C11.3798 4.13968 11.3008 3.94891 11.3008 3.75V0.75C11.3008 0.551088 11.3798 0.360322 11.5205 0.21967C11.6611 0.0790176 11.8519 0 12.0508 0V0ZM12.0508 19.5C12.2497 19.5 12.4405 19.579 12.5811 19.7197C12.7218 19.8603 12.8008 20.0511 12.8008 20.25V23.25C12.8008 23.4489 12.7218 23.6397 12.5811 23.7803C12.4405 23.921 12.2497 24 12.0508 24C11.8519 24 11.6611 23.921 11.5205 23.7803C11.3798 23.6397 11.3008 23.4489 11.3008 23.25V20.25C11.3008 20.0511 11.3798 19.8603 11.5205 19.7197C11.6611 19.579 11.8519 19.5 12.0508 19.5ZM24.0508 12C24.0508 12.1989 23.9718 12.3897 23.8311 12.5303C23.6905 12.671 23.4997 12.75 23.3008 12.75H20.3008C20.1019 12.75 19.9111 12.671 19.7705 12.5303C19.6298 12.3897 19.5508 12.1989 19.5508 12C19.5508 11.8011 19.6298 11.6103 19.7705 11.4697C19.9111 11.329 20.1019 11.25 20.3008 11.25H23.3008C23.4997 11.25 23.6905 11.329 23.8311 11.4697C23.9718 11.6103 24.0508 11.8011 24.0508 12ZM4.55078 12C4.55078 12.1989 4.47176 12.3897 4.33111 12.5303C4.19046 12.671 3.99969 12.75 3.80078 12.75H0.800781C0.601869 12.75 0.411103 12.671 0.270451 12.5303C0.129799 12.3897 0.0507813 12.1989 0.0507812 12C0.0507813 11.8011 0.129799 11.6103 0.270451 11.4697C0.411103 11.329 0.601869 11.25 0.800781 11.25H3.80078C3.99969 11.25 4.19046 11.329 4.33111 11.4697C4.47176 11.6103 4.55078 11.8011 4.55078 12ZM20.5363 3.5145C20.6769 3.65515 20.7559 3.84588 20.7559 4.04475C20.7559 4.24362 20.6769 4.43435 20.5363 4.575L18.4153 6.6975C18.3455 6.76713 18.2628 6.82235 18.1717 6.86C18.0806 6.89765 17.983 6.91699 17.8845 6.91692C17.6855 6.91678 17.4947 6.83758 17.354 6.69675C17.2844 6.62702 17.2292 6.54425 17.1915 6.45318C17.1539 6.36211 17.1345 6.26452 17.1346 6.16597C17.1348 5.96695 17.214 5.77613 17.3548 5.6355L19.4758 3.5145C19.6164 3.3739 19.8072 3.29491 20.006 3.29491C20.2049 3.29491 20.3956 3.3739 20.5363 3.5145ZM6.74678 17.304C6.88738 17.4446 6.96637 17.6354 6.96637 17.8342C6.96637 18.0331 6.88738 18.2239 6.74678 18.3645L4.62578 20.4855C4.48433 20.6221 4.29488 20.6977 4.09823 20.696C3.90158 20.6943 3.71347 20.6154 3.57442 20.4764C3.43536 20.3373 3.35648 20.1492 3.35478 19.9526C3.35307 19.7559 3.42866 19.5665 3.56528 19.425L5.68628 17.304C5.82693 17.1634 6.01766 17.0844 6.21653 17.0844C6.4154 17.0844 6.60614 17.1634 6.74678 17.304ZM20.5363 20.4855C20.3956 20.6261 20.2049 20.7051 20.006 20.7051C19.8072 20.7051 19.6164 20.6261 19.4758 20.4855L17.3548 18.3645C17.2182 18.223 17.1426 18.0336 17.1443 17.8369C17.146 17.6403 17.2249 17.4522 17.3639 17.3131C17.503 17.1741 17.6911 17.0952 17.8877 17.0935C18.0844 17.0918 18.2738 17.1674 18.4153 17.304L20.5363 19.425C20.6769 19.5656 20.7559 19.7564 20.7559 19.9552C20.7559 20.1541 20.6769 20.3449 20.5363 20.4855ZM6.74678 6.6975C6.60614 6.8381 6.4154 6.91709 6.21653 6.91709C6.01766 6.91709 5.82693 6.8381 5.68628 6.6975L3.56528 4.575C3.49365 4.50582 3.43651 4.42306 3.39721 4.33155C3.3579 4.24005 3.33721 4.14164 3.33634 4.04205C3.33548 3.94247 3.35445 3.84371 3.39216 3.75153C3.42988 3.65936 3.48557 3.57562 3.55598 3.5052C3.6264 3.43478 3.71014 3.37909 3.80232 3.34138C3.89449 3.30367 3.99325 3.2847 4.09283 3.28556C4.19242 3.28643 4.29083 3.30712 4.38233 3.34642C4.47384 3.38573 4.5566 3.44287 4.62578 3.5145L6.74678 5.6355C6.81663 5.70517 6.87204 5.78793 6.90985 5.87905C6.94766 5.97017 6.96712 6.06785 6.96712 6.1665C6.96712 6.26515 6.94766 6.36283 6.90985 6.45395C6.87204 6.54507 6.81663 6.62783 6.74678 6.6975Z" />
</mask>
<path
d="M12.0508 16.5C10.8573 16.5 9.71271 16.0259 8.8688 15.182C8.02489 14.3381 7.55078 13.1935 7.55078 12C7.55078 10.8065 8.02489 9.66193 8.8688 8.81802C9.71271 7.97411 10.8573 7.5 12.0508 7.5C13.2443 7.5 14.3888 7.97411 15.2328 8.81802C16.0767 9.66193 16.5508 10.8065 16.5508 12C16.5508 13.1935 16.0767 14.3381 15.2328 15.182C14.3888 16.0259 13.2443 16.5 12.0508 16.5ZM12.0508 18C13.6421 18 15.1682 17.3679 16.2934 16.2426C17.4186 15.1174 18.0508 13.5913 18.0508 12C18.0508 10.4087 17.4186 8.88258 16.2934 7.75736C15.1682 6.63214 13.6421 6 12.0508 6C10.4595 6 8.93336 6.63214 7.80814 7.75736C6.68292 8.88258 6.05078 10.4087 6.05078 12C6.05078 13.5913 6.68292 15.1174 7.80814 16.2426C8.93336 17.3679 10.4595 18 12.0508 18ZM12.0508 0C12.2497 0 12.4405 0.0790176 12.5811 0.21967C12.7218 0.360322 12.8008 0.551088 12.8008 0.75V3.75C12.8008 3.94891 12.7218 4.13968 12.5811 4.28033C12.4405 4.42098 12.2497 4.5 12.0508 4.5C11.8519 4.5 11.6611 4.42098 11.5205 4.28033C11.3798 4.13968 11.3008 3.94891 11.3008 3.75V0.75C11.3008 0.551088 11.3798 0.360322 11.5205 0.21967C11.6611 0.0790176 11.8519 0 12.0508 0V0ZM12.0508 19.5C12.2497 19.5 12.4405 19.579 12.5811 19.7197C12.7218 19.8603 12.8008 20.0511 12.8008 20.25V23.25C12.8008 23.4489 12.7218 23.6397 12.5811 23.7803C12.4405 23.921 12.2497 24 12.0508 24C11.8519 24 11.6611 23.921 11.5205 23.7803C11.3798 23.6397 11.3008 23.4489 11.3008 23.25V20.25C11.3008 20.0511 11.3798 19.8603 11.5205 19.7197C11.6611 19.579 11.8519 19.5 12.0508 19.5ZM24.0508 12C24.0508 12.1989 23.9718 12.3897 23.8311 12.5303C23.6905 12.671 23.4997 12.75 23.3008 12.75H20.3008C20.1019 12.75 19.9111 12.671 19.7705 12.5303C19.6298 12.3897 19.5508 12.1989 19.5508 12C19.5508 11.8011 19.6298 11.6103 19.7705 11.4697C19.9111 11.329 20.1019 11.25 20.3008 11.25H23.3008C23.4997 11.25 23.6905 11.329 23.8311 11.4697C23.9718 11.6103 24.0508 11.8011 24.0508 12ZM4.55078 12C4.55078 12.1989 4.47176 12.3897 4.33111 12.5303C4.19046 12.671 3.99969 12.75 3.80078 12.75H0.800781C0.601869 12.75 0.411103 12.671 0.270451 12.5303C0.129799 12.3897 0.0507813 12.1989 0.0507812 12C0.0507813 11.8011 0.129799 11.6103 0.270451 11.4697C0.411103 11.329 0.601869 11.25 0.800781 11.25H3.80078C3.99969 11.25 4.19046 11.329 4.33111 11.4697C4.47176 11.6103 4.55078 11.8011 4.55078 12ZM20.5363 3.5145C20.6769 3.65515 20.7559 3.84588 20.7559 4.04475C20.7559 4.24362 20.6769 4.43435 20.5363 4.575L18.4153 6.6975C18.3455 6.76713 18.2628 6.82235 18.1717 6.86C18.0806 6.89765 17.983 6.91699 17.8845 6.91692C17.6855 6.91678 17.4947 6.83758 17.354 6.69675C17.2844 6.62702 17.2292 6.54425 17.1915 6.45318C17.1539 6.36211 17.1345 6.26452 17.1346 6.16597C17.1348 5.96695 17.214 5.77613 17.3548 5.6355L19.4758 3.5145C19.6164 3.3739 19.8072 3.29491 20.006 3.29491C20.2049 3.29491 20.3956 3.3739 20.5363 3.5145ZM6.74678 17.304C6.88738 17.4446 6.96637 17.6354 6.96637 17.8342C6.96637 18.0331 6.88738 18.2239 6.74678 18.3645L4.62578 20.4855C4.48433 20.6221 4.29488 20.6977 4.09823 20.696C3.90158 20.6943 3.71347 20.6154 3.57442 20.4764C3.43536 20.3373 3.35648 20.1492 3.35478 19.9526C3.35307 19.7559 3.42866 19.5665 3.56528 19.425L5.68628 17.304C5.82693 17.1634 6.01766 17.0844 6.21653 17.0844C6.4154 17.0844 6.60614 17.1634 6.74678 17.304ZM20.5363 20.4855C20.3956 20.6261 20.2049 20.7051 20.006 20.7051C19.8072 20.7051 19.6164 20.6261 19.4758 20.4855L17.3548 18.3645C17.2182 18.223 17.1426 18.0336 17.1443 17.8369C17.146 17.6403 17.2249 17.4522 17.3639 17.3131C17.503 17.1741 17.6911 17.0952 17.8877 17.0935C18.0844 17.0918 18.2738 17.1674 18.4153 17.304L20.5363 19.425C20.6769 19.5656 20.7559 19.7564 20.7559 19.9552C20.7559 20.1541 20.6769 20.3449 20.5363 20.4855ZM6.74678 6.6975C6.60614 6.8381 6.4154 6.91709 6.21653 6.91709C6.01766 6.91709 5.82693 6.8381 5.68628 6.6975L3.56528 4.575C3.49365 4.50582 3.43651 4.42306 3.39721 4.33155C3.3579 4.24005 3.33721 4.14164 3.33634 4.04205C3.33548 3.94247 3.35445 3.84371 3.39216 3.75153C3.42988 3.65936 3.48557 3.57562 3.55598 3.5052C3.6264 3.43478 3.71014 3.37909 3.80232 3.34138C3.89449 3.30367 3.99325 3.2847 4.09283 3.28556C4.19242 3.28643 4.29083 3.30712 4.38233 3.34642C4.47384 3.38573 4.5566 3.44287 4.62578 3.5145L6.74678 5.6355C6.81663 5.70517 6.87204 5.78793 6.90985 5.87905C6.94766 5.97017 6.96712 6.06785 6.96712 6.1665C6.96712 6.26515 6.94766 6.36283 6.90985 6.45395C6.87204 6.54507 6.81663 6.62783 6.74678 6.6975Z"
fill="black" stroke="white" stroke-width="2" mask="url(#path-1-inside-1_977:1934)" />
</svg>
</label>
<button class="relative z-50 menu-toggler text-dark dark:text-white lg:hidden">
<svg width="28" height="28" viewBox="0 0 28 28" class="hidden fill-current cross">
<path
d="M14.0002 11.8226L21.6228 4.20001L23.8002 6.37745L16.1776 14L23.8002 21.6226L21.6228 23.8L14.0002 16.1774L6.37763 23.8L4.2002 21.6226L11.8228 14L4.2002 6.37745L6.37763 4.20001L14.0002 11.8226Z" />
</svg>
<svg width="22" height="22" viewBox="0 0 22 22" class="fill-current menu">
<path
d="M2.75 3.66666H19.25V5.49999H2.75V3.66666ZM2.75 10.0833H19.25V11.9167H2.75V10.0833ZM2.75 16.5H19.25V18.3333H2.75V16.5Z" />
</svg>
</button>
</div> -->
</div>
</header>
<!-- ===== Header End ===== -->
<!-- ===== Hero Section Start ===== -->
<section id="home" class="relative z-40 overflow-hidden pt-28 pb-24 sm:pt-36 lg:pt-[170px] lg:pb-[120px]">
<div class="px-4 xl:container">
<div class="flex flex-wrap items-center -mx-4">
<div class="w-full px-3 lg:w-1/2">
<div class="mx-auto mb-12 max-w-[530px] text-center lg:ml-0 lg:mb-0 lg:text-left">
<span
class="wow fadeInUp mb-8 inline-block rounded-full bg-primary bg-opacity-5 py-[10px] px-5 font-heading text-base text-primary dark:bg-white dark:bg-opacity-10 dark:text-white"
data-wow-delay=".2s">
<span class="inline-block w-2 h-2 mr-2 rounded-full bg-primary"></span>
Let's take you forward :)
</span>
<h1
class="wow
fadeInUp mb-5 font-heading text-2xl font-semibold dark:text-white sm:text-4xl md:text-[50px] md:leading-[60px]"
data-wow-delay=".3s">
The Largest Community Of Tomorrow's
<!-- <span class="underline"> Business </span> -->
<span class="underline txt-type" data-wait="3000"
data-words='["Builders", "Leaders", "Creators", "Hackers"]'></span>
</h1>
<p class="mb-12 text-base wow fadeInUp text-dark-text" data-wow-delay=".4s">
Empower Your Blockchain & Open-Source Journey with India's Largest Community Of Enthusiast People. We are
Bridging the Gap between Tech Industry & Student Communities, Platform for Students to Learn new Skills,
Network With Industry Professionals and grow as an individual.
</p>
<div class="flex flex-wrap items-center justify-center wow fadeInUp lg:justify-start" data-wow-delay=".5s">
<a href="#features"
class="inline-flex items-center rounded bg-primary py-[10px] px-6 font-heading text-base text-white hover:bg-opacity-90 md:py-[14px] md:px-8">
LFG 🚀
<span class="pl-3">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.172 7L6.808 1.636L8.222 0.222L16 8L8.222 15.778L6.808 14.364L12.172 9H0V7H12.172Z"
fill="white" />
</svg>
</span>
</a>
<a href="#about"
class="inline-flex items-center rounded py-[14px] px-8 font-heading text-base text-dark hover:text-primary dark:text-white dark:hover:text-primary">
<span class="pr-3">
<svg width="24" height="24" viewBox="0 0 24 24" class="fill-current">
<path
d="M19.376 12.416L8.777 19.482C8.70171 19.5321 8.61423 19.5608 8.52389 19.5652C8.43355 19.5695 8.34373 19.5492 8.264 19.5065C8.18427 19.4639 8.1176 19.4003 8.07111 19.3228C8.02462 19.2452 8.00005 19.1564 8 19.066V4.934C8.00005 4.84356 8.02462 4.75482 8.07111 4.67724C8.1176 4.59966 8.18427 4.53615 8.264 4.49346C8.34373 4.45077 8.43355 4.43051 8.52389 4.43483C8.61423 4.43915 8.70171 4.46789 8.777 4.518L19.376 11.584C19.4445 11.6297 19.5006 11.6915 19.5395 11.7641C19.5783 11.8367 19.5986 11.9177 19.5986 12C19.5986 12.0823 19.5783 12.1633 19.5395 12.2359C19.5006 12.3085 19.4445 12.3703 19.376 12.416Z" />
</svg>
</span>
How it Works
</a>
</div>
</div>
</div>
<div class="w-full px-4 lg:w-1/2">
<div class="wow fadeInRight relative z-30 mx-auto h-[560px] w-full max-w-[700px] lg:ml-0"
data-wow-delay=".3s">
<div class="absolute top-0 right-0 lg:w-11/12">
<img src="/src/images/eduhub/final img 1.png" alt="hero-image" />
</div>
<div class="absolute bottom-0 left-0 z-10">
<img src="/src/images/eduhub/final img 2.png" alt="hero-image" />
<div
class="absolute -top-6 -right-6 -z-10 h-full w-full border border-primary border-opacity-10 bg-primary bg-opacity-5 backdrop-blur-[6px] dark:border-white dark:border-opacity-10 dark:bg-white dark:bg-opacity-10">
</div>
</div>
<div class="absolute bottom-0 left-0">
<svg width="72" height="38" viewBox="0 0 72 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 2.04985C59.6808 1.76671 57.4524 2.70929 55.1508 4.68209C51.3631 7.92863 44.7908 9.54366 38.8668 4.69678C36.329 2.6204 34.117 2.29213 32.2894 2.59672C30.3972 2.91209 28.8057 3.92088 27.5547 4.75487C25.5734 6.07577 23.3915 7.46379 20.8786 7.78953C18.2847 8.12577 15.515 7.32034 12.3598 4.69105C9.71804 2.48955 7.45748 2.0661 5.72104 2.33325C3.94436 2.6066 2.56003 3.6273 1.76341 4.56877C1.40666 4.99037 0.775686 5.04295 0.354079 4.68621C-0.0675277 4.32946 -0.120109 3.69849 0.236635 3.27688C1.27334 2.05168 3.0643 0.71846 5.41692 0.356509C7.80979 -0.0116349 10.6326 0.648246 13.6402 3.1546C16.485 5.52529 18.7154 6.05321 20.6215 5.80612C22.6086 5.54854 24.4266 4.43657 26.4453 3.09078L27 3.92282L26.4453 3.09078C27.6943 2.25809 29.6028 1.0169 31.9606 0.623935C34.383 0.220203 37.1711 0.725274 40.1333 3.14886C45.1548 7.25733 50.6369 5.9169 53.8492 3.16356C56.3795 0.994798 59.1512 -0.312658 62.2455 0.0645503C65.3089 0.43799 68.4333 2.43425 71.7557 6.26783C72.1174 6.68518 72.0723 7.31674 71.655 7.67845C71.2376 8.04015 70.606 7.99504 70.2443 7.57769C67.0668 3.91125 64.3571 2.33677 62.0035 2.04985Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 11.9726C59.6808 11.6895 57.4524 12.6321 55.1508 14.6049C51.3631 17.8514 44.7908 19.4664 38.8668 14.6196C36.329 12.5432 34.117 12.2149 32.2894 12.5195C30.3972 12.8349 28.8057 13.8437 27.5547 14.6776C25.5734 15.9985 23.3915 17.3866 20.8786 17.7123C18.2847 18.0485 15.515 17.2431 12.3598 14.6138C9.71804 12.4123 7.45748 11.9889 5.72104 12.256C3.94436 12.5294 2.56003 13.5501 1.76341 14.4915C1.40666 14.9131 0.775686 14.9657 0.354079 14.609C-0.0675277 14.2522 -0.120109 13.6213 0.236635 13.1997C1.27334 11.9745 3.0643 10.6412 5.41692 10.2793C7.80979 9.91114 10.6326 10.571 13.6402 13.0774C16.485 15.4481 18.7154 15.976 20.6215 15.7289C22.6086 15.4713 24.4266 14.3594 26.4453 13.0136L27 13.8456L26.4453 13.0136C27.6943 12.1809 29.6028 10.9397 31.9606 10.5467C34.383 10.143 37.1711 10.648 40.1333 13.0716C45.1548 17.1801 50.6369 15.8397 53.8492 13.0863C56.3795 10.9176 59.1512 9.61012 62.2455 9.98733C65.3089 10.3608 68.4333 12.357 71.7557 16.1906C72.1174 16.608 72.0723 17.2395 71.655 17.6012C71.2376 17.9629 70.606 17.9178 70.2443 17.5005C67.0668 13.834 64.3571 12.2595 62.0035 11.9726Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 21.8954C59.6808 21.6123 57.4524 22.5548 55.1508 24.5276C51.3631 27.7742 44.7908 29.3892 38.8668 24.5423C36.329 22.4659 34.117 22.1377 32.2894 22.4423C30.3972 22.7576 28.8057 23.7664 27.5547 24.6004C25.5734 25.9213 23.3915 27.3093 20.8786 27.6351C18.2847 27.9713 15.515 27.1659 12.3598 24.5366C9.71804 22.3351 7.45748 21.9117 5.72104 22.1788C3.94436 22.4521 2.56003 23.4728 1.76341 24.4143C1.40666 24.8359 0.775686 24.8885 0.354079 24.5318C-0.0675277 24.175 -0.120109 23.544 0.236635 23.1224C1.27334 21.8972 3.0643 20.564 5.41692 20.2021C7.80979 19.8339 10.6326 20.4938 13.6402 23.0002C16.485 25.3708 18.7154 25.8988 20.6215 25.6517C22.6086 25.3941 24.4266 24.2821 26.4453 22.9363L27 23.7684L26.4453 22.9363C27.6943 22.1036 29.6028 20.8624 31.9606 20.4695C34.383 20.0658 37.1711 20.5708 40.1333 22.9944C45.1548 27.1029 50.6369 25.7624 53.8492 23.0091C56.3795 20.8403 59.1512 19.5329 62.2455 19.9101C65.3089 20.2835 68.4333 22.2798 71.7557 26.1134C72.1174 26.5307 72.0723 27.1623 71.655 27.524C71.2376 27.8857 70.606 27.8406 70.2443 27.4232C67.0668 23.7568 64.3571 22.1823 62.0035 21.8954Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 31.8182C59.6808 31.535 57.4524 32.4776 55.1508 34.4504C51.3631 37.697 44.7908 39.312 38.8668 34.4651C36.329 32.3887 34.117 32.0605 32.2894 32.365C30.3972 32.6804 28.8057 33.6892 27.5547 34.5232C25.5734 35.8441 23.3915 37.2321 20.8786 37.5579C18.2847 37.8941 15.515 37.0887 12.3598 34.4594C9.71804 32.2579 7.45748 31.8344 5.72104 32.1016C3.94436 32.3749 2.56003 33.3956 1.76341 34.3371C1.40666 34.7587 0.775686 34.8113 0.354079 34.4545C-0.0675277 34.0978 -0.120109 33.4668 0.236635 33.0452C1.27334 31.82 3.0643 30.4868 5.41692 30.1248C7.80979 29.7567 10.6326 30.4166 13.6402 32.9229C16.485 35.2936 18.7154 35.8215 20.6215 35.5745C22.6086 35.3169 24.4266 34.2049 26.4453 32.8591L27 33.6911L26.4453 32.8591C27.6943 32.0264 29.6028 30.7852 31.9606 30.3923C34.383 29.9885 37.1711 30.4936 40.1333 32.9172C45.1548 37.0257 50.6369 35.6852 53.8492 32.9319C56.3795 30.7631 59.1512 29.4557 62.2455 29.8329C65.3089 30.2063 68.4333 32.2026 71.7557 36.0362C72.1174 36.4535 72.0723 37.0851 71.655 37.4468C71.2376 37.8085 70.606 37.7634 70.2443 37.346C67.0668 33.6796 64.3571 32.1051 62.0035 31.8182Z"
fill="#4A6CF7" />
</svg>
</div>
<div class="absolute bottom-0 left-1/2">
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.9"
d="M120 60C120 93.1371 93.1371 120 60 120C26.8629 120 0 93.1371 0 60C0 26.8629 26.8629 0 60 0C93.1371 0 120 26.8629 120 60Z"
fill="url(#paint0_angular_300_926)" />
<defs>
<radialGradient id="paint0_angular_300_926" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
gradientTransform="translate(60 60) rotate(90) scale(60)">
<stop stop-color="#4A6CF7" />
<stop offset="1" stop-color="#111722" />
</radialGradient>
</defs>
</svg>
</div>
</div>
</div>
</div>
</div>
<div
class="absolute bottom-0 left-0 w-full h-full bg-center bg-cover -z-10 opacity-10 dark:opacity-40 bg-noise-pattern">
</div>
<div class="absolute top-0 right-0 -z-10">
<svg width="1356" height="860" viewBox="0 0 1356 860" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5" filter="url(#filter0_f_201_2181)">
<rect x="450.088" y="-126.709" width="351.515" height="944.108" transform="rotate(-34.6784 450.088 -126.709)"
fill="url(#paint0_linear_201_2181)" />
</g>
<defs>
<filter id="filter0_f_201_2181" x="0.0878906" y="-776.711" width="1726.24" height="1876.4"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="225" result="effect1_foregroundBlur_201_2181" />
</filter>
<linearGradient id="paint0_linear_201_2181" x1="417.412" y1="59.4717" x2="966.334" y2="603.857"
gradientUnits="userSpaceOnUse">
<stop stop-color="#ABBCFF" />
<stop offset="0.859375" stop-color="#4A6CF7" />
</linearGradient>
</defs>
</svg>
</div>
<div class="absolute bottom-0 left-0 -z-10">
<svg width="1469" height="498" viewBox="0 0 1469 498" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.3" filter="url(#filter0_f_201_2182)">
<rect y="450" width="1019" height="261" fill="url(#paint0_linear_201_2182)" />
</g>
<defs>
<filter id="filter0_f_201_2182" x="-450" y="0" width="1919" height="1161" filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="225" result="effect1_foregroundBlur_201_2182" />
</filter>
<linearGradient id="paint0_linear_201_2182" x1="-94.7239" y1="501.47" x2="-65.8058" y2="802.2"
gradientUnits="userSpaceOnUse">
<stop stop-color="#ABBCFF" />
<stop offset="0.859375" stop-color="#4A6CF7" />
</linearGradient>
</defs>
</svg>
</div>
</section>
<!-- ===== Hero Section End ===== -->
<!-- ===== Features Section Start ===== -->
<section id="features" class="pt-14 sm:pt-20 lg:pt-[130px]">
<div class="px-4 xl:container">
<!-- Section Title -->
<div class="wow fadeInUp relative mx-auto mb-12 max-w-[620px] pt-6 text-center md:mb-20 lg:pt-16"
data-wow-delay=".2s">
<span class="title"> FEATURES </span>
<h2
class="mb-5 font-heading text-3xl font-semibold text-dark dark:text-white sm:text-4xl md:text-[50px] md:leading-[60px]">
Our Unique Aspects
</h2>
<p class="text-base text-dark-text">
A Place where you can Learn, meet passionate individuals, Build Real World Products, and Grow as an
Individual.
</p>
</div>
<div class="flex flex-wrap justify-center -mx-4">
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div class="wow fadeInUp group mx-auto mb-10 max-w-[380px] text-center md:mb-16" data-wow-delay=".2s">
<div
class="mx-auto mb-6 flex h-[70px] w-[70px] items-center justify-center rounded-full bg-primary bg-opacity-5 text-primary transition group-hover:bg-primary group-hover:bg-opacity-100 group-hover:text-white dark:bg-white dark:bg-opacity-5 dark:text-white dark:group-hover:bg-primary dark:group-hover:bg-opacity-100 md:mb-9 md:h-[90px] md:w-[90px]">
<svg width="44" height="44" viewBox="0 0 44 44" class="fill-current">
<path d="M3.66663 23.8333H14.6666V38.5H3.66663V23.8333ZM16.5 5.5H27.5V38.5H16.5V5.5Z" />
<path opacity="0.5" d="M29.3333 14.6667H40.3333V38.5H29.3333V14.6667Z" />
</svg>
</div>
<div>
<h3 class="mb-3 text-xl font-medium font-heading text-dark dark:text-white sm:text-2xl md:mb-5">
Web3 & Blockchain
</h3>
<p class="text-base text-dark-text">
Assisting Startups & Providing them a MarketPlace. Helping Web3 Enthusiast to become a Blockchain
Developer.
</p>
</div>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div class="wow fadeInUp group mx-auto mb-10 max-w-[380px] text-center md:mb-16" data-wow-delay=".25s">
<div
class="mx-auto mb-6 flex h-[70px] w-[70px] items-center justify-center rounded-full bg-primary bg-opacity-5 text-primary transition group-hover:bg-primary group-hover:bg-opacity-100 group-hover:text-white dark:bg-white dark:bg-opacity-5 dark:text-white dark:group-hover:bg-primary dark:group-hover:bg-opacity-100 md:mb-9 md:h-[90px] md:w-[90px]">
<svg width="44" height="44" viewBox="0 0 44 44" class="fill-current">
<path
d="M22.9424 2.39982L39.0226 12.0468C39.1585 12.1282 39.271 12.2434 39.3492 12.3813C39.4273 12.5191 39.4684 12.6749 39.4684 12.8333C39.4684 12.9918 39.4273 13.1475 39.3492 13.2854C39.271 13.4232 39.1585 13.5384 39.0226 13.6198L22.0001 23.8333L4.97756 13.6198C4.84161 13.5384 4.72908 13.4232 4.65094 13.2854C4.57281 13.1475 4.53174 12.9918 4.53174 12.8333C4.53174 12.6749 4.57281 12.5191 4.65094 12.3813C4.72908 12.2434 4.84161 12.1282 4.97756 12.0468L21.0559 2.39982C21.341 2.22851 21.6674 2.138 22.0001 2.138C22.3327 2.138 22.6591 2.22851 22.9442 2.39982H22.9424Z" />
<path opacity="0.5"
d="M36.8189 19.2501L39.0226 20.5719C39.1585 20.6533 39.271 20.7685 39.3492 20.9064C39.4273 21.0442 39.4684 21.1999 39.4684 21.3584C39.4684 21.5168 39.4273 21.6726 39.3492 21.8104C39.271 21.9483 39.1585 22.0635 39.0226 22.1449L22.0001 32.3584L4.97756 22.1449C4.84161 22.0635 4.72908 21.9483 4.65094 21.8104C4.57281 21.6726 4.53174 21.5168 4.53174 21.3584C4.53174 21.1999 4.57281 21.0442 4.65094 20.9064C4.72908 20.7685 4.84161 20.6533 4.97756 20.5719L7.18123 19.2501L22.0001 28.1417L36.8189 19.2501ZM36.8189 27.8667L39.0226 29.1886C39.1585 29.2699 39.271 29.3852 39.3492 29.523C39.4273 29.6609 39.4684 29.8166 39.4684 29.9751C39.4684 30.1335 39.4273 30.2893 39.3492 30.4271C39.271 30.5649 39.1585 30.6802 39.0226 30.7616L22.9442 40.4086C22.6591 40.5799 22.3327 40.6704 22.0001 40.6704C21.6674 40.6704 21.341 40.5799 21.0559 40.4086L4.97756 30.7616C4.84161 30.6802 4.72908 30.5649 4.65094 30.4271C4.57281 30.2893 4.53174 30.1335 4.53174 29.9751C4.53174 29.8166 4.57281 29.6609 4.65094 29.523C4.72908 29.3852 4.84161 29.2699 4.97756 29.1886L7.18123 27.8667L22.0001 36.7584L36.8189 27.8667Z" />
</svg>
</div>
<div>
<h3 class="mb-3 text-xl font-medium font-heading text-dark dark:text-white sm:text-2xl md:mb-5">
Open Source
</h3>
<p class="text-base text-dark-text">
Helping Developers & Organizations to Levrage the Power Of Open Source & Expand their Horizon.
</p>
</div>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div class="wow fadeInUp group mx-auto mb-10 max-w-[380px] text-center md:mb-16" data-wow-delay=".3s">
<div
class="mx-auto mb-6 flex h-[70px] w-[70px] items-center justify-center rounded-full bg-primary bg-opacity-5 text-primary transition group-hover:bg-primary group-hover:bg-opacity-100 group-hover:text-white dark:bg-white dark:bg-opacity-5 dark:text-white dark:group-hover:bg-primary dark:group-hover:bg-opacity-100 md:mb-9 md:h-[90px] md:w-[90px]">
<svg width="44" height="44" viewBox="0 0 44 44" class="fill-current">
<path
d="M36.6667 40.3334H7.33333C6.8471 40.3334 6.38079 40.1402 6.03697 39.7964C5.69315 39.4526 5.5 38.9863 5.5 38.5V14.6667H38.5V38.5C38.5 38.9863 38.3068 39.4526 37.963 39.7964C37.6192 40.1402 37.1529 40.3334 36.6667 40.3334ZM12.8333 20.1667V27.5H20.1667V20.1667H12.8333ZM12.8333 31.1667V34.8334H31.1667V31.1667H12.8333ZM23.8333 22V25.6667H31.1667V22H23.8333Z" />
<path opacity="0.5"
d="M38.5 11H5.5V5.49996C5.5 5.01373 5.69315 4.54741 6.03697 4.2036C6.38079 3.85978 6.8471 3.66663 7.33333 3.66663H36.6667C37.1529 3.66663 37.6192 3.85978 37.963 4.2036C38.3068 4.54741 38.5 5.01373 38.5 5.49996V11Z" />
</svg>
<!-- <svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_221_190)">
<path
d="M13.0401 23.0882C12.9717 23.362 12.8137 23.605 12.5913 23.7787C12.3688 23.9525 12.0947 24.0468 11.8125 24.0469C11.7087 24.0466 11.6053 24.0339 11.5045 24.0089L8.12952 23.1652C7.98897 23.1309 7.85549 23.0723 7.73506 22.9922L5.20382 21.3047C4.92409 21.1184 4.72984 20.8286 4.66377 20.4991C4.59771 20.1696 4.66526 19.8273 4.85155 19.5476C5.03784 19.2679 5.32763 19.0736 5.65715 19.0075C5.98667 18.9415 6.32894 19.009 6.60866 19.1953L8.95745 20.7615L12.1215 21.5525C12.4469 21.6344 12.7265 21.8422 12.8988 22.1302C13.071 22.4181 13.1219 22.7627 13.0401 23.0882ZM26.8945 12.9463C26.8079 13.2091 26.67 13.4521 26.489 13.6613C26.308 13.8706 26.0874 14.0419 25.8398 14.1655L23.4278 15.3721L17.7767 21.1444C17.6222 21.2991 17.4302 21.4111 17.2195 21.4695C17.0088 21.5279 16.7865 21.5307 16.5744 21.4777L9.8244 19.7902C9.66604 19.7502 9.51677 19.6804 9.3846 19.5845L3.69139 15.428L1.16647 14.1623C0.91824 14.039 0.696757 13.8679 0.514685 13.6589C0.332613 13.4499 0.193523 13.207 0.105367 12.9442C0.0172104 12.6814 -0.0182833 12.4038 0.000914911 12.1273C0.0201131 11.8508 0.0936266 11.5807 0.217253 11.3326L2.84764 6.09504C3.09791 5.59482 3.53661 5.21448 4.06727 5.03766C4.59792 4.86084 5.17708 4.90202 5.67737 5.15215L7.84897 6.23953L13.1446 4.69125C13.3767 4.62375 13.6233 4.62375 13.8554 4.69125L19.151 6.23953L21.3268 5.15109C21.8268 4.90237 22.405 4.86207 22.9347 5.03902C23.4644 5.21597 23.9022 5.59573 24.1523 6.09504L26.7732 11.3358C26.899 11.5828 26.9745 11.8524 26.9953 12.1289C27.0162 12.4053 26.9819 12.6832 26.8945 12.9463ZM21.1254 14.1328L18.4887 8.85938H15.7001L11.6712 12.767C13.3333 13.5327 14.9576 12.787 15.9764 11.7598C16.1964 11.5386 16.4903 11.4065 16.8018 11.3888C17.1132 11.3711 17.4202 11.469 17.6639 11.6638L20.9608 14.3005L21.1254 14.1328ZM2.67573 12.0899L3.78632 12.6457L6.02964 8.16012L4.918 7.6043L2.67573 12.0899ZM19.1953 16.1367L16.9066 14.2984C14.7456 15.911 12.0709 16.0692 9.84022 14.6412C9.57404 14.4715 9.34934 14.2443 9.18266 13.9762C9.01599 13.7082 8.91159 13.4061 8.87718 13.0924C8.84277 12.7786 8.87921 12.4611 8.98382 12.1633C9.08844 11.8655 9.25855 11.595 9.48163 11.3716L9.49428 11.359L13.6919 7.27734L13.5 7.22461L8.61257 8.65371L5.96319 13.9525L10.6724 17.395L16.4869 18.8483L19.1953 16.1367ZM24.32 12.0909L22.082 7.6043L20.9703 8.16012L23.2137 12.6457L24.32 12.0909Z"
fill="#F8F8F8" />
</g>
<defs>
<clipPath id="clip0_221_190">
<rect width="27" height="27" fill="white" />
</clipPath>
</defs>
</svg> -->
</div>
<div>
<h3 class="mb-3 text-xl font-medium font-heading text-dark dark:text-white sm:text-2xl md:mb-5">
Networking
</h3>
<p class="text-base text-dark-text">
Connecting with Diverse Communities Of Creative Minds to Network, Share Ideas, and Gain Valuable
Insights.
</p>
</div>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div class="wow fadeInUp group mx-auto mb-10 max-w-[380px] text-center md:mb-16" data-wow-delay=".35s">
<div
class="mx-auto mb-6 flex h-[70px] w-[70px] items-center justify-center rounded-full bg-primary bg-opacity-5 text-primary transition group-hover:bg-primary group-hover:bg-opacity-100 group-hover:text-white dark:bg-white dark:bg-opacity-5 dark:text-white dark:group-hover:bg-primary dark:group-hover:bg-opacity-100 md:mb-9 md:h-[90px] md:w-[90px]">
<svg width="44" height="44" viewBox="0 0 44 44" class="fill-current">
<path
d="M22 3.66663C32.1255 3.66663 40.3333 11.8745 40.3333 22C40.3333 32.1255 32.1255 40.3333 22 40.3333C11.8745 40.3333 3.66663 32.1255 3.66663 22C3.66663 11.8745 11.8745 3.66663 22 3.66663ZM22 7.33329C13.9003 7.33329 7.33329 13.9003 7.33329 22C7.33329 30.0996 13.9003 36.6666 22 36.6666C30.0996 36.6666 36.6666 30.0996 36.6666 22C36.6666 13.9003 30.0996 7.33329 22 7.33329ZM29.777 11.6288L32.3711 14.2211L25.5438 21.0521C25.6245 21.3546 25.6666 21.6718 25.6666 22C25.6666 24.0258 24.0258 25.6666 22 25.6666C19.9741 25.6666 18.3333 24.0258 18.3333 22C18.3333 19.9741 19.9741 18.3333 22 18.3333C22.3281 18.3333 22.6453 18.3755 22.9478 18.4561L29.7788 11.6288H29.777Z" />
<path opacity="0.5"
d="M22 9.16663C23.8663 9.16663 25.6391 9.56446 27.2396 10.2813L24.3741 13.145C23.617 12.9433 22.8213 12.8333 22 12.8333C16.9381 12.8333 12.8333 16.9381 12.8333 22C12.8333 24.53 13.86 26.8216 15.5173 28.4826L12.925 31.075L12.639 30.7798C10.4866 28.4845 9.16663 25.3953 9.16663 22C9.16663 14.9123 14.9123 9.16663 22 9.16663ZM33.7186 16.7621C34.4336 18.3608 34.8333 20.1355 34.8333 22C34.8333 25.5438 33.396 28.7521 31.075 31.075L28.4826 28.4826C30.14 26.8216 31.1666 24.53 31.1666 22C31.1666 21.1786 31.0585 20.383 30.855 19.6258L33.7186 16.7621Z" />
</svg>
</div>
<div>
<h3 class="mb-3 text-xl font-medium font-heading text-dark dark:text-white sm:text-2xl md:mb-5">
Community Collaborations
</h3>
<p class="text-base text-dark-text">
Collaborating with Different Tech Communities & Helping them Grow together.
</p>
</div>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div class="wow fadeInUp group mx-auto mb-10 max-w-[380px] text-center md:mb-16" data-wow-delay=".4s">
<div
class="mx-auto mb-6 flex h-[70px] w-[70px] items-center justify-center rounded-full bg-primary bg-opacity-5 text-primary transition group-hover:bg-primary group-hover:bg-opacity-100 group-hover:text-white dark:bg-white dark:bg-opacity-5 dark:text-white dark:group-hover:bg-primary dark:group-hover:bg-opacity-100 md:mb-9 md:h-[90px] md:w-[90px]">
<svg width="44" height="44" viewBox="0 0 44 44" class="fill-current">
<path
d="M25.6667 38.5H7.33333C6.8471 38.5 6.38079 38.3068 6.03697 37.963C5.69315 37.6192 5.5 37.1529 5.5 36.6667V18.3333H25.6667V38.5ZM38.5 14.6667H5.5V7.33333C5.5 6.8471 5.69315 6.38079 6.03697 6.03697C6.38079 5.69315 6.8471 5.5 7.33333 5.5H36.6667C37.1529 5.5 37.6192 5.69315 37.963 6.03697C38.3068 6.38079 38.5 6.8471 38.5 7.33333V14.6667Z" />
<path opacity="0.5"
d="M29.3334 38.5V18.3334H38.5V36.6667C38.5 37.1529 38.3069 37.6193 37.9631 37.9631C37.6193 38.3069 37.1529 38.5 36.6667 38.5H29.3334Z" />
</svg>
</div>
<div>
<h3 class="mb-3 text-xl font-medium font-heading text-dark dark:text-white sm:text-2xl md:mb-5">
Campus Connect
</h3>
<p class="text-base text-dark-text">
Empowering Campuses with Industry Experts & Giving Real World Exposure.
</p>
</div>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div class="wow fadeInUp group mx-auto max-w-[380px] text-center md:mb-16" data-wow-delay=".45s">
<div
class="mx-auto mb-6 flex h-[70px] w-[70px] items-center justify-center rounded-full bg-primary bg-opacity-5 text-primary transition group-hover:bg-primary group-hover:bg-opacity-100 group-hover:text-white dark:bg-white dark:bg-opacity-5 dark:text-white dark:group-hover:bg-primary dark:group-hover:bg-opacity-100 md:mb-9 md:h-[90px] md:w-[90px]">
<svg width="44" height="44" viewBox="0 0 44 44" class="fill-current">
<path opacity="0.5"
d="M10.0154 8.12714C13.3421 5.24452 17.598 3.6605 21.9999 3.66664C32.1254 3.66664 40.3332 11.8745 40.3332 22C40.3332 25.916 39.1049 29.546 37.0149 32.5233L31.1665 22H36.6665C36.6668 19.1246 35.8218 16.3126 34.2368 13.9136C32.6517 11.5146 30.3964 9.63443 27.7514 8.50687C25.1063 7.37931 22.1882 7.0541 19.3598 7.57168C16.5314 8.08926 13.9175 9.42679 11.8432 11.418L10.0154 8.12714Z" />
<path
d="M33.9843 35.8729C30.6576 38.7555 26.4017 40.3395 21.9998 40.3333C11.8743 40.3333 3.6665 32.1255 3.6665 22C3.6665 18.084 4.89484 14.454 6.98484 11.4767L12.8332 22H7.33317C7.33293 24.8754 8.17788 27.6874 9.76295 30.0864C11.348 32.4854 13.6033 34.3656 16.2483 35.4931C18.8934 36.6207 21.8115 36.9459 24.6399 36.4283C27.4683 35.9107 30.0822 34.5732 32.1565 32.582L33.9843 35.8729Z" />
</svg>
</div>
<div>
<h3 class="mb-3 text-xl font-medium font-heading text-dark dark:text-white sm:text-2xl md:mb-5">
Tech Events
</h3>
<p class="text-base text-dark-text">
Making Knowledge Accessible amongst Developers in our Events.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ===== Features Section End ===== -->
<!-- ===== About Section Start ===== -->
<section id="about" class="pt-14 sm:pt-20 lg:pt-[130px]">
<div class="px-4 xl:container">
<!-- Section Title -->
<div class="relative pt-6 mx-auto mb-12 text-center wow fadeInUp lg:mb-20 lg:pt-16" data-wow-delay=".2s">
<span class="title"> ABOUT US </span>
<h2
class="mx-auto mb-5 max-w-[570px] font-heading text-3xl font-semibold text-dark dark:text-white sm:text-4xl md:text-[50px] md:leading-[60px]">
About Our Ecosystem
</h2>
<p class="mx-auto max-w-[570px] text-base text-dark-text">
Empowering Every Individual Because You dont Need Fancy Tags to Make an Impact :)
</p>
</div>
<div
class="wow fadeInUp relative z-10 overflow-hidden rounded px-8 pt-0 pb-8 md:px-[70px] md:pb-[70px] lg:px-[60px] lg:pb-[60px] xl:px-[70px] xl:pb-[70px]"
data-wow-delay=".3s">
<div
class="absolute top-0 left-0 w-full h-full bg-center bg-cover -z-10 opacity-10 dark:opacity-40 bg-noise-pattern">
</div>
<div class="absolute bottom-0 -translate-x-1/2 left-1/2 -z-10">
<svg width="1174" height="560" viewBox="0 0 1174 560" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.4" filter="url(#filter0_f_41_257)">
<rect x="450.531" y="279" width="272.933" height="328.051" fill="url(#paint0_linear_41_257)" />
</g>
<defs>
<filter id="filter0_f_41_257" x="0.531494" y="-171" width="1172.93" height="1228.05"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="225" result="effect1_foregroundBlur_41_257" />
</filter>
<linearGradient id="paint0_linear_41_257" x1="425.16" y1="343.693" x2="568.181" y2="660.639"
gradientUnits="userSpaceOnUse">
<stop stop-color="#ABBCFF" />
<stop offset="0.859375" stop-color="#4A6CF7" />
</linearGradient>
</defs>
</svg>
</div>
<div class="flex items-center justify-around w-full tabButtons">
<button
class="w-full border-b px-2 pt-8 pb-6 font-heading text-base font-medium hover:border-primary hover:text-primary dark:border-[#4B4E56] dark:text-white dark:hover:border-primary lg:pt-9 lg:pb-7"
onclick="showPanel(0)">
About Us
</button>
<button
class="w-full border-b px-2 pt-8 pb-6 font-heading text-base font-medium hover:border-primary hover:text-primary dark:border-[#4B4E56] dark:text-white dark:hover:border-primary lg:pt-9 lg:pb-7"
onclick="showPanel(1)">
Our Mission
</button>
<button
class="w-full border-b px-2 pt-8 pb-6 font-heading text-base font-medium hover:border-primary hover:text-primary dark:border-[#4B4E56] dark:text-white dark:hover:border-primary lg:pt-9 lg:pb-7"
onclick="showPanel(2)">
Our Vision
</button>
</div>
<div class="w-full">
<div class="tabPanel">
<div class="-mx-4 flex flex-wrap items-center pt-[70px]">
<div class="w-full px-4 lg:w-1/2">
<div class="relative z-30 mb-14 h-[490px] max-w-[600px] lg:mb-0">
<div class="absolute top-0 left-0">
<img src="src/images/about/image-1.jpg" alt="about-image" />
</div>
<div class="absolute right-0 z-10 -translate-y-1/2 top-1/2">
<img src="src/images/about/image-2.jpg" alt="about-image" />
<div
class="absolute -left-5 -top-5 -z-10 h-full w-full border border-primary border-opacity-10 bg-primary bg-opacity-5 backdrop-blur-[6px] dark:border-white dark:border-opacity-10 dark:bg-white dark:bg-opacity-10">
</div>
</div>
<div class="absolute right-0 z-40 top-24">
<!-- <svg width="72" height="38" viewBox="0 0 72 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 2.04985C59.6808 1.76671 57.4524 2.70929 55.1508 4.68209C51.3631 7.92863 44.7908 9.54366 38.8668 4.69678C36.329 2.6204 34.117 2.29213 32.2894 2.59672C30.3972 2.91209 28.8057 3.92088 27.5547 4.75487C25.5734 6.07577 23.3915 7.46379 20.8786 7.78953C18.2847 8.12577 15.515 7.32034 12.3598 4.69105C9.71804 2.48955 7.45748 2.0661 5.72104 2.33325C3.94436 2.6066 2.56003 3.6273 1.76341 4.56877C1.40666 4.99037 0.775686 5.04295 0.354079 4.68621C-0.0675277 4.32946 -0.120109 3.69849 0.236635 3.27688C1.27334 2.05168 3.0643 0.71846 5.41692 0.356509C7.80979 -0.0116349 10.6326 0.648246 13.6402 3.1546C16.485 5.52529 18.7154 6.05321 20.6215 5.80612C22.6086 5.54854 24.4266 4.43657 26.4453 3.09078L27 3.92282L26.4453 3.09078C27.6943 2.25809 29.6028 1.0169 31.9606 0.623935C34.383 0.220203 37.1711 0.725274 40.1333 3.14886C45.1548 7.25733 50.6369 5.9169 53.8492 3.16356C56.3795 0.994798 59.1512 -0.312658 62.2455 0.0645503C65.3089 0.43799 68.4333 2.43425 71.7557 6.26783C72.1174 6.68518 72.0723 7.31674 71.655 7.67845C71.2376 8.04015 70.606 7.99504 70.2443 7.57769C67.0668 3.91125 64.3571 2.33677 62.0035 2.04985Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 11.9727C59.6808 11.6896 57.4524 12.6321 55.1508 14.6049C51.3631 17.8515 44.7908 19.4665 38.8668 14.6196C36.329 12.5433 34.117 12.215 32.2894 12.5196C30.3972 12.8349 28.8057 13.8437 27.5547 14.6777C25.5734 15.9986 23.3915 17.3866 20.8786 17.7124C18.2847 18.0486 15.515 17.2432 12.3598 14.6139C9.71804 12.4124 7.45748 11.989 5.72104 12.2561C3.94436 12.5294 2.56003 13.5501 1.76341 14.4916C1.40666 14.9132 0.775686 14.9658 0.354079 14.6091C-0.0675277 14.2523 -0.120109 13.6213 0.236635 13.1997C1.27334 11.9745 3.0643 10.6413 5.41692 10.2794C7.80979 9.91122 10.6326 10.5711 13.6402 13.0775C16.485 15.4481 18.7154 15.9761 20.6215 15.729C22.6086 15.4714 24.4266 14.3594 26.4453 13.0136L27 13.8457L26.4453 13.0136C27.6943 12.1809 29.6028 10.9397 31.9606 10.5468C34.383 10.1431 37.1711 10.6481 40.1333 13.0717C45.1548 17.1802 50.6369 15.8397 53.8492 13.0864C56.3795 10.9176 59.1512 9.61019 62.2455 9.9874C65.3089 10.3608 68.4333 12.3571 71.7557 16.1907C72.1174 16.608 72.0723 17.2396 71.655 17.6013C71.2376 17.963 70.606 17.9179 70.2443 17.5005C67.0668 13.8341 64.3571 12.2596 62.0035 11.9727Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 21.8953C59.6808 21.6122 57.4524 22.5548 55.1508 24.5275C51.3631 27.7741 44.7908 29.3891 38.8668 24.5422C36.329 22.4659 34.117 22.1376 32.2894 22.4422C30.3972 22.7575 28.8057 23.7663 27.5547 24.6003C25.5734 25.9212 23.3915 27.3093 20.8786 27.635C18.2847 27.9712 15.515 27.1658 12.3598 24.5365C9.71804 22.335 7.45748 21.9116 5.72104 22.1787C3.94436 22.4521 2.56003 23.4728 1.76341 24.4142C1.40666 24.8358 0.775686 24.8884 0.354079 24.5317C-0.0675277 24.1749 -0.120109 23.5439 0.236635 23.1223C1.27334 21.8971 3.0643 20.5639 5.41692 20.202C7.80979 19.8338 10.6326 20.4937 13.6402 23.0001C16.485 25.3707 18.7154 25.8987 20.6215 25.6516C22.6086 25.394 24.4266 24.282 26.4453 22.9362L27 23.7683L26.4453 22.9362C27.6943 22.1035 29.6028 20.8624 31.9606 20.4694C34.383 20.0657 37.1711 20.5707 40.1333 22.9943C45.1548 27.1028 50.6369 25.7624 53.8492 23.009C56.3795 20.8403 59.1512 19.5328 62.2455 19.91C65.3089 20.2834 68.4333 22.2797 71.7557 26.1133C72.1174 26.5306 72.0723 27.1622 71.655 27.5239C71.2376 27.8856 70.606 27.8405 70.2443 27.4231C67.0668 23.7567 64.3571 22.1822 62.0035 21.8953Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 31.8182C59.6808 31.535 57.4524 32.4776 55.1508 34.4504C51.3631 37.6969 44.7908 39.312 38.8668 34.4651C36.329 32.3887 34.117 32.0604 32.2894 32.365C30.3972 32.6804 28.8057 33.6892 27.5547 34.5232C25.5734 35.8441 23.3915 37.2321 20.8786 37.5578C18.2847 37.8941 15.515 37.0887 12.3598 34.4594C9.71804 32.2579 7.45748 31.8344 5.72104 32.1016C3.94436 32.3749 2.56003 33.3956 1.76341 34.3371C1.40666 34.7587 0.775686 34.8113 0.354079 34.4545C-0.0675277 34.0978 -0.120109 33.4668 0.236635 33.0452C1.27334 31.82 3.0643 30.4868 5.41692 30.1248C7.80979 29.7567 10.6326 30.4166 13.6402 32.9229C16.485 35.2936 18.7154 35.8215 20.6215 35.5744C22.6086 35.3169 24.4266 34.2049 26.4453 32.8591L27 33.6911L26.4453 32.8591C27.6943 32.0264 29.6028 30.7852 31.9606 30.3922C34.383 29.9885 37.1711 30.4936 40.1333 32.9172C45.1548 37.0256 50.6369 35.6852 53.8492 32.9319C56.3795 30.7631 59.1512 29.4557 62.2455 29.8329C65.3089 30.2063 68.4333 32.2026 71.7557 36.0361C72.1174 36.4535 72.0723 37.085 71.655 37.4468C71.2376 37.8085 70.606 37.7634 70.2443 37.346C67.0668 33.6796 64.3571 32.1051 62.0035 31.8182Z"
fill="#4A6CF7" />
</svg> -->
<img src="/Users/shivankkapur/Web Development/EduHub Website/src/images/eduhub/DSC_9200.JPG" alt="">
</div>
</div>
</div>
<div class="w-full px-4 lg:w-1/2">
<div class="max-w-[565px] lg:ml-auto">
<h2
class="mb-8 font-heading text-2xl font-bold text-dark dark:text-white sm:text-[40px] sm:leading-[50px] m-6">
“Eduhub Community- The Journey Zero to Hero”
</h2>
<p class="mb-6 text-base text-dark-text">
It’s a community for learners by learners. The vision of this community is to build an environment
where people can learn, implement and grow together. It provides people the opportunity to work with
peers, showcase their talent and enhance their skills by working in-team. We promote Open source,
Web3, Web dev culture through our community. #letstakeyouforward
</div>
</div>
</div>
</div>
<div class="tabPanel">
<div class="-mx-4 flex flex-wrap items-center pt-[70px]">
<div class="w-full px-4 lg:w-1/2">
<div class="relative z-30 mb-14 h-[490px] max-w-[600px] lg:mb-0">
<div class="absolute top-0 left-0">
<img src="src/images/about/image-1.jpg" alt="about-image" />
</div>
<div class="absolute right-0 z-10 -translate-y-1/2 top-1/2">
<img src="src/images/about/image-2.jpg" alt="about-image" />
<div
class="absolute -left-5 -top-5 -z-10 h-full w-full border border-primary border-opacity-10 bg-primary bg-opacity-5 backdrop-blur-[6px] dark:border-white dark:border-opacity-10 dark:bg-white dark:bg-opacity-10">
</div>
</div>
<div class="absolute right-0 z-40 top-24">
<svg width="72" height="38" viewBox="0 0 72 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 2.04985C59.6808 1.76671 57.4524 2.70929 55.1508 4.68209C51.3631 7.92863 44.7908 9.54366 38.8668 4.69678C36.329 2.6204 34.117 2.29213 32.2894 2.59672C30.3972 2.91209 28.8057 3.92088 27.5547 4.75487C25.5734 6.07577 23.3915 7.46379 20.8786 7.78953C18.2847 8.12577 15.515 7.32034 12.3598 4.69105C9.71804 2.48955 7.45748 2.0661 5.72104 2.33325C3.94436 2.6066 2.56003 3.6273 1.76341 4.56877C1.40666 4.99037 0.775686 5.04295 0.354079 4.68621C-0.0675277 4.32946 -0.120109 3.69849 0.236635 3.27688C1.27334 2.05168 3.0643 0.71846 5.41692 0.356509C7.80979 -0.0116349 10.6326 0.648246 13.6402 3.1546C16.485 5.52529 18.7154 6.05321 20.6215 5.80612C22.6086 5.54854 24.4266 4.43657 26.4453 3.09078L27 3.92282L26.4453 3.09078C27.6943 2.25809 29.6028 1.0169 31.9606 0.623935C34.383 0.220203 37.1711 0.725274 40.1333 3.14886C45.1548 7.25733 50.6369 5.9169 53.8492 3.16356C56.3795 0.994798 59.1512 -0.312658 62.2455 0.0645503C65.3089 0.43799 68.4333 2.43425 71.7557 6.26783C72.1174 6.68518 72.0723 7.31674 71.655 7.67845C71.2376 8.04015 70.606 7.99504 70.2443 7.57769C67.0668 3.91125 64.3571 2.33677 62.0035 2.04985Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 11.9727C59.6808 11.6896 57.4524 12.6321 55.1508 14.6049C51.3631 17.8515 44.7908 19.4665 38.8668 14.6196C36.329 12.5433 34.117 12.215 32.2894 12.5196C30.3972 12.8349 28.8057 13.8437 27.5547 14.6777C25.5734 15.9986 23.3915 17.3866 20.8786 17.7124C18.2847 18.0486 15.515 17.2432 12.3598 14.6139C9.71804 12.4124 7.45748 11.989 5.72104 12.2561C3.94436 12.5294 2.56003 13.5501 1.76341 14.4916C1.40666 14.9132 0.775686 14.9658 0.354079 14.6091C-0.0675277 14.2523 -0.120109 13.6213 0.236635 13.1997C1.27334 11.9745 3.0643 10.6413 5.41692 10.2794C7.80979 9.91122 10.6326 10.5711 13.6402 13.0775C16.485 15.4481 18.7154 15.9761 20.6215 15.729C22.6086 15.4714 24.4266 14.3594 26.4453 13.0136L27 13.8457L26.4453 13.0136C27.6943 12.1809 29.6028 10.9397 31.9606 10.5468C34.383 10.1431 37.1711 10.6481 40.1333 13.0717C45.1548 17.1802 50.6369 15.8397 53.8492 13.0864C56.3795 10.9176 59.1512 9.61019 62.2455 9.9874C65.3089 10.3608 68.4333 12.3571 71.7557 16.1907C72.1174 16.608 72.0723 17.2396 71.655 17.6013C71.2376 17.963 70.606 17.9179 70.2443 17.5005C67.0668 13.8341 64.3571 12.2596 62.0035 11.9727Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 21.8953C59.6808 21.6122 57.4524 22.5548 55.1508 24.5275C51.3631 27.7741 44.7908 29.3891 38.8668 24.5422C36.329 22.4659 34.117 22.1376 32.2894 22.4422C30.3972 22.7575 28.8057 23.7663 27.5547 24.6003C25.5734 25.9212 23.3915 27.3093 20.8786 27.635C18.2847 27.9712 15.515 27.1658 12.3598 24.5365C9.71804 22.335 7.45748 21.9116 5.72104 22.1787C3.94436 22.4521 2.56003 23.4728 1.76341 24.4142C1.40666 24.8358 0.775686 24.8884 0.354079 24.5317C-0.0675277 24.1749 -0.120109 23.5439 0.236635 23.1223C1.27334 21.8971 3.0643 20.5639 5.41692 20.202C7.80979 19.8338 10.6326 20.4937 13.6402 23.0001C16.485 25.3707 18.7154 25.8987 20.6215 25.6516C22.6086 25.394 24.4266 24.282 26.4453 22.9362L27 23.7683L26.4453 22.9362C27.6943 22.1035 29.6028 20.8624 31.9606 20.4694C34.383 20.0657 37.1711 20.5707 40.1333 22.9943C45.1548 27.1028 50.6369 25.7624 53.8492 23.009C56.3795 20.8403 59.1512 19.5328 62.2455 19.91C65.3089 20.2834 68.4333 22.2797 71.7557 26.1133C72.1174 26.5306 72.0723 27.1622 71.655 27.5239C71.2376 27.8856 70.606 27.8405 70.2443 27.4231C67.0668 23.7567 64.3571 22.1822 62.0035 21.8953Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 31.8182C59.6808 31.535 57.4524 32.4776 55.1508 34.4504C51.3631 37.6969 44.7908 39.312 38.8668 34.4651C36.329 32.3887 34.117 32.0604 32.2894 32.365C30.3972 32.6804 28.8057 33.6892 27.5547 34.5232C25.5734 35.8441 23.3915 37.2321 20.8786 37.5578C18.2847 37.8941 15.515 37.0887 12.3598 34.4594C9.71804 32.2579 7.45748 31.8344 5.72104 32.1016C3.94436 32.3749 2.56003 33.3956 1.76341 34.3371C1.40666 34.7587 0.775686 34.8113 0.354079 34.4545C-0.0675277 34.0978 -0.120109 33.4668 0.236635 33.0452C1.27334 31.82 3.0643 30.4868 5.41692 30.1248C7.80979 29.7567 10.6326 30.4166 13.6402 32.9229C16.485 35.2936 18.7154 35.8215 20.6215 35.5744C22.6086 35.3169 24.4266 34.2049 26.4453 32.8591L27 33.6911L26.4453 32.8591C27.6943 32.0264 29.6028 30.7852 31.9606 30.3922C34.383 29.9885 37.1711 30.4936 40.1333 32.9172C45.1548 37.0256 50.6369 35.6852 53.8492 32.9319C56.3795 30.7631 59.1512 29.4557 62.2455 29.8329C65.3089 30.2063 68.4333 32.2026 71.7557 36.0361C72.1174 36.4535 72.0723 37.085 71.655 37.4468C71.2376 37.8085 70.606 37.7634 70.2443 37.346C67.0668 33.6796 64.3571 32.1051 62.0035 31.8182Z"
fill="#4A6CF7" />
</svg>
</div>
</div>
</div>
<div class="w-full px-4 lg:w-1/2">
<div class="max-w-[565px] lg:ml-auto">
<h2
class="mb-8 font-heading text-2xl font-bold text-dark dark:text-white sm:text-[40px] sm:leading-[50px]">
"Helping Individuals To Grow"
</h2>
<p class="mb-6 text-base text-dark-text">
We are on a mission to empower the next generation to discover better ways to Learn, Earn, and
Network! Helping Startups & Organizations to build a Community around their Product
</p>
</div>
</div>
</div>
</div>
<div class="tabPanel">
<div class="-mx-4 flex flex-wrap items-center pt-[70px]">
<div class="w-full px-4 lg:w-1/2">
<div class="relative z-30 mb-14 h-[490px] max-w-[600px] lg:mb-0">
<div class="absolute top-0 left-0">
<img src="src/images/about/image-1.jpg" alt="about-image" />
</div>
<div class="absolute right-0 z-10 -translate-y-1/2 top-1/2">
<img src="src/images/about/image-2.jpg" alt="about-image" />
<div
class="absolute -left-5 -top-5 -z-10 h-full w-full border border-primary border-opacity-10 bg-primary bg-opacity-5 backdrop-blur-[6px] dark:border-white dark:border-opacity-10 dark:bg-white dark:bg-opacity-10">
</div>
</div>
<div class="absolute right-0 z-40 top-24">
<svg width="72" height="38" viewBox="0 0 72 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 2.04985C59.6808 1.76671 57.4524 2.70929 55.1508 4.68209C51.3631 7.92863 44.7908 9.54366 38.8668 4.69678C36.329 2.6204 34.117 2.29213 32.2894 2.59672C30.3972 2.91209 28.8057 3.92088 27.5547 4.75487C25.5734 6.07577 23.3915 7.46379 20.8786 7.78953C18.2847 8.12577 15.515 7.32034 12.3598 4.69105C9.71804 2.48955 7.45748 2.0661 5.72104 2.33325C3.94436 2.6066 2.56003 3.6273 1.76341 4.56877C1.40666 4.99037 0.775686 5.04295 0.354079 4.68621C-0.0675277 4.32946 -0.120109 3.69849 0.236635 3.27688C1.27334 2.05168 3.0643 0.71846 5.41692 0.356509C7.80979 -0.0116349 10.6326 0.648246 13.6402 3.1546C16.485 5.52529 18.7154 6.05321 20.6215 5.80612C22.6086 5.54854 24.4266 4.43657 26.4453 3.09078L27 3.92282L26.4453 3.09078C27.6943 2.25809 29.6028 1.0169 31.9606 0.623935C34.383 0.220203 37.1711 0.725274 40.1333 3.14886C45.1548 7.25733 50.6369 5.9169 53.8492 3.16356C56.3795 0.994798 59.1512 -0.312658 62.2455 0.0645503C65.3089 0.43799 68.4333 2.43425 71.7557 6.26783C72.1174 6.68518 72.0723 7.31674 71.655 7.67845C71.2376 8.04015 70.606 7.99504 70.2443 7.57769C67.0668 3.91125 64.3571 2.33677 62.0035 2.04985Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 11.9727C59.6808 11.6896 57.4524 12.6321 55.1508 14.6049C51.3631 17.8515 44.7908 19.4665 38.8668 14.6196C36.329 12.5433 34.117 12.215 32.2894 12.5196C30.3972 12.8349 28.8057 13.8437 27.5547 14.6777C25.5734 15.9986 23.3915 17.3866 20.8786 17.7124C18.2847 18.0486 15.515 17.2432 12.3598 14.6139C9.71804 12.4124 7.45748 11.989 5.72104 12.2561C3.94436 12.5294 2.56003 13.5501 1.76341 14.4916C1.40666 14.9132 0.775686 14.9658 0.354079 14.6091C-0.0675277 14.2523 -0.120109 13.6213 0.236635 13.1997C1.27334 11.9745 3.0643 10.6413 5.41692 10.2794C7.80979 9.91122 10.6326 10.5711 13.6402 13.0775C16.485 15.4481 18.7154 15.9761 20.6215 15.729C22.6086 15.4714 24.4266 14.3594 26.4453 13.0136L27 13.8457L26.4453 13.0136C27.6943 12.1809 29.6028 10.9397 31.9606 10.5468C34.383 10.1431 37.1711 10.6481 40.1333 13.0717C45.1548 17.1802 50.6369 15.8397 53.8492 13.0864C56.3795 10.9176 59.1512 9.61019 62.2455 9.9874C65.3089 10.3608 68.4333 12.3571 71.7557 16.1907C72.1174 16.608 72.0723 17.2396 71.655 17.6013C71.2376 17.963 70.606 17.9179 70.2443 17.5005C67.0668 13.8341 64.3571 12.2596 62.0035 11.9727Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 21.8953C59.6808 21.6122 57.4524 22.5548 55.1508 24.5275C51.3631 27.7741 44.7908 29.3891 38.8668 24.5422C36.329 22.4659 34.117 22.1376 32.2894 22.4422C30.3972 22.7575 28.8057 23.7663 27.5547 24.6003C25.5734 25.9212 23.3915 27.3093 20.8786 27.635C18.2847 27.9712 15.515 27.1658 12.3598 24.5365C9.71804 22.335 7.45748 21.9116 5.72104 22.1787C3.94436 22.4521 2.56003 23.4728 1.76341 24.4142C1.40666 24.8358 0.775686 24.8884 0.354079 24.5317C-0.0675277 24.1749 -0.120109 23.5439 0.236635 23.1223C1.27334 21.8971 3.0643 20.5639 5.41692 20.202C7.80979 19.8338 10.6326 20.4937 13.6402 23.0001C16.485 25.3707 18.7154 25.8987 20.6215 25.6516C22.6086 25.394 24.4266 24.282 26.4453 22.9362L27 23.7683L26.4453 22.9362C27.6943 22.1035 29.6028 20.8624 31.9606 20.4694C34.383 20.0657 37.1711 20.5707 40.1333 22.9943C45.1548 27.1028 50.6369 25.7624 53.8492 23.009C56.3795 20.8403 59.1512 19.5328 62.2455 19.91C65.3089 20.2834 68.4333 22.2797 71.7557 26.1133C72.1174 26.5306 72.0723 27.1622 71.655 27.5239C71.2376 27.8856 70.606 27.8405 70.2443 27.4231C67.0668 23.7567 64.3571 22.1822 62.0035 21.8953Z"
fill="#4A6CF7" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.0035 31.8182C59.6808 31.535 57.4524 32.4776 55.1508 34.4504C51.3631 37.6969 44.7908 39.312 38.8668 34.4651C36.329 32.3887 34.117 32.0604 32.2894 32.365C30.3972 32.6804 28.8057 33.6892 27.5547 34.5232C25.5734 35.8441 23.3915 37.2321 20.8786 37.5578C18.2847 37.8941 15.515 37.0887 12.3598 34.4594C9.71804 32.2579 7.45748 31.8344 5.72104 32.1016C3.94436 32.3749 2.56003 33.3956 1.76341 34.3371C1.40666 34.7587 0.775686 34.8113 0.354079 34.4545C-0.0675277 34.0978 -0.120109 33.4668 0.236635 33.0452C1.27334 31.82 3.0643 30.4868 5.41692 30.1248C7.80979 29.7567 10.6326 30.4166 13.6402 32.9229C16.485 35.2936 18.7154 35.8215 20.6215 35.5744C22.6086 35.3169 24.4266 34.2049 26.4453 32.8591L27 33.6911L26.4453 32.8591C27.6943 32.0264 29.6028 30.7852 31.9606 30.3922C34.383 29.9885 37.1711 30.4936 40.1333 32.9172C45.1548 37.0256 50.6369 35.6852 53.8492 32.9319C56.3795 30.7631 59.1512 29.4557 62.2455 29.8329C65.3089 30.2063 68.4333 32.2026 71.7557 36.0361C72.1174 36.4535 72.0723 37.085 71.655 37.4468C71.2376 37.8085 70.606 37.7634 70.2443 37.346C67.0668 33.6796 64.3571 32.1051 62.0035 31.8182Z"
fill="#4A6CF7" />
</svg>
</div>
</div>
</div>
<div class="w-full px-4 lg:w-1/2">
<div class="max-w-[565px] lg:ml-auto">
<h2
class="mb-8 font-heading text-2xl font-bold text-dark dark:text-white sm:text-[40px] sm:leading-[50px]">
"Core Values"
</h2>
<p class="mb-6 text-base text-dark-text">
<b>Be Bold</b>: Don't be afraid Of what other's say, don't wait for anyone's permission- If you want
to get it dont then do it!!
</p>
<p class="mb-6 text-base text-dark-text">
<b>Collaboration >> Competition</b>: Great things happen when people come together!!
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ===== About Section End ===== -->
<!-- ===== Team Section Start ===== -->
<section id="team" class="pt-14 sm:pt-20 lg:pt-[130px]">
<div class="px-4 xl:container">
<!-- Section Title -->
<div class="relative pt-6 mx-auto mb-12 text-center wow fadeInUp md:mb-20 lg:pt-16" data-wow-delay=".2s">
<span class="title"> OUR TEAM </span>
<h2
class="mx-auto mb-5 max-w-[620px] font-heading text-3xl font-semibold text-dark dark:text-white sm:text-4xl md:text-[50px] md:leading-[60px]">
Wanna Say Hi To The BackBone Of Eduhub Community?!
</h2>
<p class="mx-auto max-w-[620px] text-base text-dark-text">
The people who're Consistently Pushing Their Limits to Take Eduhub to Next Level.
</p>
</div>
<div class="flex flex-wrap justify-center -mx-4">
<div class="w-full px-4 md:w-1/2 lg:w-1/4">
<div class="wow fadeInUp group mx-auto mb-10 max-w-[300px] text-center xs:max-w-[370px]" data-wow-delay=".2s">
<div class="relative mb-8 overflow-hidden rounded">
<img src="/src/images/eduhub/3.png" alt="team-image" class="w-full" />
<div
class="absolute transition duration-300 -translate-x-1/2 translate-y-10 opacity-0 bottom-6 left-1/2 group-hover:translate-y-0 group-hover:opacity-100">
<div class="flex items-center justify-center space-x-3">
<a href="javascript:void(0)" name="social-icon" aria-label="social-icon"
class="flex items-center justify-center w-10 h-10 text-white transition bg-white border border-white rounded-full border-opacity-10 bg-opacity-10 backdrop-blur hover:border-transparent hover:bg-primary hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M11.6667 11.2501H13.75L14.5834 7.91675H11.6667V6.25008C11.6667 5.39175 11.6667 4.58341 13.3334 4.58341H14.5834V1.78341C14.3117 1.74758 13.2859 1.66675 12.2025 1.66675C9.94004 1.66675 8.33337 3.04758 8.33337 5.58341V7.91675H5.83337V11.2501H8.33337V18.3334H11.6667V11.2501Z"
fill="white" />
</svg>
</a>
<a href="javascript:void(0)" name="social-icon" aria-label="social-icon"
class="flex items-center justify-center w-10 h-10 text-white transition bg-white border border-white rounded-full border-opacity-10 bg-opacity-10 backdrop-blur hover:border-transparent hover:bg-primary hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M18.4684 4.71327C17.8322 4.99468 17.1575 5.1795 16.4667 5.26161C17.1948 4.82613 17.7398 4.14078 18 3.33327C17.3167 3.73994 16.5675 4.02494 15.7867 4.17911C15.2622 3.61792 14.567 3.24574 13.8092 3.12043C13.0513 2.99511 12.2733 3.12368 11.5961 3.48615C10.9189 3.84862 10.3804 4.42468 10.0643 5.12477C9.74824 5.82486 9.67233 6.60976 9.84838 7.35744C8.46263 7.28798 7.10699 6.92788 5.86945 6.30049C4.63191 5.67311 3.54015 4.79248 2.66504 3.71577C2.35529 4.24781 2.19251 4.85263 2.19338 5.46827C2.19338 6.67661 2.80838 7.74411 3.74338 8.36911C3.19005 8.35169 2.6489 8.20226 2.16504 7.93327V7.97661C2.16521 8.78136 2.44368 9.56129 2.95325 10.1842C3.46282 10.807 4.17211 11.2345 4.96088 11.3941C4.44722 11.5333 3.90863 11.5538 3.38588 11.4541C3.60827 12.1468 4.04172 12.7526 4.62554 13.1867C5.20936 13.6208 5.91432 13.8614 6.64171 13.8749C5.91878 14.4427 5.09102 14.8624 4.20578 15.1101C3.32053 15.3577 2.39515 15.4285 1.48254 15.3183C3.07563 16.3428 4.93012 16.8867 6.82421 16.8849C13.235 16.8849 16.7409 11.5741 16.7409 6.96827C16.7409 6.81827 16.7367 6.66661 16.73 6.51827C17.4124 6.02508 18.0014 5.41412 18.4692 4.71411L18.4684 4.71327Z"
fill="white" />
</svg>
</a>
<a href="javascript:void(0)" name="social-icon" aria-label="social-icon"
class="flex items-center justify-center w-10 h-10 text-white transition bg-white border border-white rounded-full border-opacity-10 bg-opacity-10 backdrop-blur hover:border-transparent hover:bg-primary hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.78328 4.16677C5.78306 4.6088 5.60726 5.03263 5.29454 5.34504C4.98182 5.65744 4.55781 5.83282 4.11578 5.8326C3.67376 5.83238 3.24992 5.65657 2.93752 5.34386C2.62511 5.03114 2.44973 4.60713 2.44995 4.1651C2.45017 3.72307 2.62598 3.29924 2.9387 2.98683C3.25141 2.67443 3.67542 2.49905 4.11745 2.49927C4.55948 2.49949 4.98331 2.6753 5.29572 2.98801C5.60812 3.30073 5.78351 3.72474 5.78328 4.16677ZM5.83328 7.06677H2.49995V17.5001H5.83328V7.06677ZM11.1 7.06677H7.78328V17.5001H11.0666V12.0251C11.0666 8.9751 15.0416 8.69177 15.0416 12.0251V17.5001H18.3333V10.8918C18.3333 5.7501 12.45 5.94177 11.0666 8.46677L11.1 7.06677Z"
fill="white" />
</svg>
</a>
</div>
</div>
</div>
<div>
<h3 class="mb-1 text-xl font-medium font-heading text-dark dark:text-white sm:text-2xl">
Sahitya Roy
</h3>
<p class="text-base font-heading text-dark-text">
Co-Founder
</p>
</div>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/4">
<div class="wow fadeInUp group mx-auto mb-10 max-w-[300px] text-center xs:max-w-[370px]"
data-wow-delay=".25s">
<div class="relative mb-8 overflow-hidden rounded">
<img src="/src/images/eduhub/1.png" alt="team-image" class="w-full" />
<div
class="absolute transition duration-300 -translate-x-1/2 translate-y-10 opacity-0 bottom-6 left-1/2 group-hover:translate-y-0 group-hover:opacity-100">
<div class="flex items-center justify-center space-x-3">
<a href="javascript:void(0)" name="social-icon" aria-label="social-icon"
class="flex items-center justify-center w-10 h-10 text-white transition bg-white border border-white rounded-full border-opacity-10 bg-opacity-10 backdrop-blur hover:border-transparent hover:bg-primary hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M11.6667 11.2501H13.75L14.5834 7.91675H11.6667V6.25008C11.6667 5.39175 11.6667 4.58341 13.3334 4.58341H14.5834V1.78341C14.3117 1.74758 13.2859 1.66675 12.2025 1.66675C9.94004 1.66675 8.33337 3.04758 8.33337 5.58341V7.91675H5.83337V11.2501H8.33337V18.3334H11.6667V11.2501Z"
fill="white" />
</svg>
</a>
<a href="javascript:void(0)" name="social-icon" aria-label="social-icon"
class="flex items-center justify-center w-10 h-10 text-white transition bg-white border border-white rounded-full border-opacity-10 bg-opacity-10 backdrop-blur hover:border-transparent hover:bg-primary hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M18.4684 4.71327C17.8322 4.99468 17.1575 5.1795 16.4667 5.26161C17.1948 4.82613 17.7398 4.14078 18 3.33327C17.3167 3.73994 16.5675 4.02494 15.7867 4.17911C15.2622 3.61792 14.567 3.24574 13.8092 3.12043C13.0513 2.99511 12.2733 3.12368 11.5961 3.48615C10.9189 3.84862 10.3804 4.42468 10.0643 5.12477C9.74824 5.82486 9.67233 6.60976 9.84838 7.35744C8.46263 7.28798 7.10699 6.92788 5.86945 6.30049C4.63191 5.67311 3.54015 4.79248 2.66504 3.71577C2.35529 4.24781 2.19251 4.85263 2.19338 5.46827C2.19338 6.67661 2.80838 7.74411 3.74338 8.36911C3.19005 8.35169 2.6489 8.20226 2.16504 7.93327V7.97661C2.16521 8.78136 2.44368 9.56129 2.95325 10.1842C3.46282 10.807 4.17211 11.2345 4.96088 11.3941C4.44722 11.5333 3.90863 11.5538 3.38588 11.4541C3.60827 12.1468 4.04172 12.7526 4.62554 13.1867C5.20936 13.6208 5.91432 13.8614 6.64171 13.8749C5.91878 14.4427 5.09102 14.8624 4.20578 15.1101C3.32053 15.3577 2.39515 15.4285 1.48254 15.3183C3.07563 16.3428 4.93012 16.8867 6.82421 16.8849C13.235 16.8849 16.7409 11.5741 16.7409 6.96827C16.7409 6.81827 16.7367 6.66661 16.73 6.51827C17.4124 6.02508 18.0014 5.41412 18.4692 4.71411L18.4684 4.71327Z"
fill="white" />
</svg>
</a>
<a href="javascript:void(0)" name="social-icon" aria-label="social-icon"
class="flex items-center justify-center w-10 h-10 text-white transition bg-white border border-white rounded-full border-opacity-10 bg-opacity-10 backdrop-blur hover:border-transparent hover:bg-primary hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.78328 4.16677C5.78306 4.6088 5.60726 5.03263 5.29454 5.34504C4.98182 5.65744 4.55781 5.83282 4.11578 5.8326C3.67376 5.83238 3.24992 5.65657 2.93752 5.34386C2.62511 5.03114 2.44973 4.60713 2.44995 4.1651C2.45017 3.72307 2.62598 3.29924 2.9387 2.98683C3.25141 2.67443 3.67542 2.49905 4.11745 2.49927C4.55948 2.49949 4.98331 2.6753 5.29572 2.98801C5.60812 3.30073 5.78351 3.72474 5.78328 4.16677ZM5.83328 7.06677H2.49995V17.5001H5.83328V7.06677ZM11.1 7.06677H7.78328V17.5001H11.0666V12.0251C11.0666 8.9751 15.0416 8.69177 15.0416 12.0251V17.5001H18.3333V10.8918C18.3333 5.7501 12.45 5.94177 11.0666 8.46677L11.1 7.06677Z"
fill="white" />
</svg>
</a>
</div>
</div>
</div>
<div>
<h3 class="mb-1 text-xl font-medium font-heading text-dark dark:text-white sm:text-2xl">
Priya Chandak
</h3>
<p class="text-base font-heading text-dark-text">
Co-Founder
</p>
</div>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/4">
<div class="wow fadeInUp group mx-auto mb-10 max-w-[300px] text-center xs:max-w-[370px]" data-wow-delay=".3s">
<div class="relative mb-8 overflow-hidden rounded">
<img src="/src/images/eduhub/2.png" alt="team-image" class="w-full" />
<div
class="absolute transition duration-300 -translate-x-1/2 translate-y-10 opacity-0 bottom-6 left-1/2 group-hover:translate-y-0 group-hover:opacity-100">
<div class="flex items-center justify-center space-x-3">
<a href="javascript:void(0)" name="social-icon" aria-label="social-icon"
class="flex items-center justify-center w-10 h-10 text-white transition bg-white border border-white rounded-full border-opacity-10 bg-opacity-10 backdrop-blur hover:border-transparent hover:bg-primary hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M11.6667 11.2501H13.75L14.5834 7.91675H11.6667V6.25008C11.6667 5.39175 11.6667 4.58341 13.3334 4.58341H14.5834V1.78341C14.3117 1.74758 13.2859 1.66675 12.2025 1.66675C9.94004 1.66675 8.33337 3.04758 8.33337 5.58341V7.91675H5.83337V11.2501H8.33337V18.3334H11.6667V11.2501Z"
fill="white" />
</svg>
</a>
<a href="javascript:void(0)" name="social-icon" aria-label="social-icon"
class="flex items-center justify-center w-10 h-10 text-white transition bg-white border border-white rounded-full border-opacity-10 bg-opacity-10 backdrop-blur hover:border-transparent hover:bg-primary hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M18.4684 4.71327C17.8322 4.99468 17.1575 5.1795 16.4667 5.26161C17.1948 4.82613 17.7398 4.14078 18 3.33327C17.3167 3.73994 16.5675 4.02494 15.7867 4.17911C15.2622 3.61792 14.567 3.24574 13.8092 3.12043C13.0513 2.99511 12.2733 3.12368 11.5961 3.48615C10.9189 3.84862 10.3804 4.42468 10.0643 5.12477C9.74824 5.82486 9.67233 6.60976 9.84838 7.35744C8.46263 7.28798 7.10699 6.92788 5.86945 6.30049C4.63191 5.67311 3.54015 4.79248 2.66504 3.71577C2.35529 4.24781 2.19251 4.85263 2.19338 5.46827C2.19338 6.67661 2.80838 7.74411 3.74338 8.36911C3.19005 8.35169 2.6489 8.20226 2.16504 7.93327V7.97661C2.16521 8.78136 2.44368 9.56129 2.95325 10.1842C3.46282 10.807 4.17211 11.2345 4.96088 11.3941C4.44722 11.5333 3.90863 11.5538 3.38588 11.4541C3.60827 12.1468 4.04172 12.7526 4.62554 13.1867C5.20936 13.6208 5.91432 13.8614 6.64171 13.8749C5.91878 14.4427 5.09102 14.8624 4.20578 15.1101C3.32053 15.3577 2.39515 15.4285 1.48254 15.3183C3.07563 16.3428 4.93012 16.8867 6.82421 16.8849C13.235 16.8849 16.7409 11.5741 16.7409 6.96827C16.7409 6.81827 16.7367 6.66661 16.73 6.51827C17.4124 6.02508 18.0014 5.41412 18.4692 4.71411L18.4684 4.71327Z"
fill="white" />
</svg>
</a>
<a href="javascript:void(0)" name="social-icon" aria-label="social-icon"
class="flex items-center justify-center w-10 h-10 text-white transition bg-white border border-white rounded-full border-opacity-10 bg-opacity-10 backdrop-blur hover:border-transparent hover:bg-primary hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.78328 4.16677C5.78306 4.6088 5.60726 5.03263 5.29454 5.34504C4.98182 5.65744 4.55781 5.83282 4.11578 5.8326C3.67376 5.83238 3.24992 5.65657 2.93752 5.34386C2.62511 5.03114 2.44973 4.60713 2.44995 4.1651C2.45017 3.72307 2.62598 3.29924 2.9387 2.98683C3.25141 2.67443 3.67542 2.49905 4.11745 2.49927C4.55948 2.49949 4.98331 2.6753 5.29572 2.98801C5.60812 3.30073 5.78351 3.72474 5.78328 4.16677ZM5.83328 7.06677H2.49995V17.5001H5.83328V7.06677ZM11.1 7.06677H7.78328V17.5001H11.0666V12.0251C11.0666 8.9751 15.0416 8.69177 15.0416 12.0251V17.5001H18.3333V10.8918C18.3333 5.7501 12.45 5.94177 11.0666 8.46677L11.1 7.06677Z"
fill="white" />
</svg>
</a>
</div>
</div>
</div>
<div>
<h3 class="mb-1 text-xl font-medium font-heading text-dark dark:text-white sm:text-2xl">
Shivank Kapur
</h3>
<p class="text-base font-heading text-dark-text">
Community Manager
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ===== Team Section End ===== -->
<!-- ===== Portfolio Section Start ===== -->
<section id="portfolio" class="pt-14 sm:pt-20 lg:pt-[130px]">
<div class="px-4 xl:container">
<!-- Section Title -->
<div class="relative pt-6 mx-auto mb-12 text-center wow fadeInUp md:mb-20 lg:pt-16" data-wow-delay=".2s">
<span class="title"> PORTFOLIO </span>
<h2
class="mx-auto mb-5 max-w-[500px] font-heading text-3xl font-semibold text-dark dark:text-white sm:text-4xl md:text-[50px] md:leading-[60px]">
Event Gallery
</h2>
<p class="mx-auto max-w-[620px] text-base text-dark-text">
Even though the number of initiatives we've taken is quite high and not enough to display here, but still
let's
have a glimpse :)
</p>
</div>
<div class="w-full">
<div class="flex items-center justify-center pb-2 mb-16 overflow-x-auto portfolio-btn-wrapper wow fadeInUp"
data-wow-delay=".2s">
<button class="px-5 text-base active whitespace-nowrap font-heading text-dark dark:text-white"
data-filter="*">
All
</button>
<button class="px-5 text-base whitespace-nowrap font-heading text-dark dark:text-white"
data-filter=".branding">
25 College Roadshow
</button>
<button class="px-5 text-base whitespace-nowrap font-heading text-dark dark:text-white"
data-filter=".digital">
Online Presence
</button>
<button class="px-5 text-base whitespace-nowrap font-heading text-dark dark:text-white" data-filter=".ecom">
Tech Events
</button>
</div>
<div class="flex flex-wrap -mx-4 portfolio-grid">
<div class="grid-sizer"></div>
<div class="w-full px-4 grid-item ecom lg:w-2/3">
<div class="relative mb-10 overflow-hidden rounded wow fadeInUp group" data-wow-delay=".2s">
<img src="/src/images/eduhub/our event.png" alt="portfolio-image" class="w-full" />
<div
class="duration-300 absolute bottom-8 left-5 flex translate-y-8 items-center justify-between rounded bg-[#000] bg-opacity-30 py-5 px-4 opacity-0 backdrop-blur-[30px] transition group-hover:translate-y-0 group-hover:opacity-100 sm:left-8 sm:px-6 lg:left-5 lg:px-4 xl:px-6 2xl:left-8">
<!-- <div class="border-r border-[#e9e9e9] border-opacity-30 pr-4 sm:pr-5 lg:pr-4 xl:pr-5">
<h3 class="text-base font-medium text-white font-heading sm:text-xl lg:text-base xl:text-xl">
Photo Retouching
</h3>
<p class="text-sm text-[#d9d9d9] sm:text-base lg:text-sm xl:text-base">
Branded Ecommerce
</p>
</div> -->
<!-- <div class="pl-4 sm:pl-5 lg:pl-4 xl:pl-5">
<a href="javascript:void(0)"
class="dark:hover:us-bg-primary flex h-10 w-10 items-center justify-center rounded-full bg-[#f8f8f8] bg-opacity-[15%] text-white hover:bg-primary hover:bg-opacity-100 dark:hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" class="fill-current">
<path
d="M13.4767 9.16689L9.00671 4.69689L10.185 3.51855L16.6667 10.0002L10.185 16.4819L9.00671 15.3036L13.4767 10.8336H3.33337V9.16689H13.4767Z" />
</svg>
</a>
</div> -->
</div>
</div>
</div>
<div class="w-full px-4 grid-item branding md:w-1/2 lg:w-1/3">
<div class="relative mb-10 overflow-hidden rounded wow fadeInUp group" data-wow-delay=".25s">
<img src="/src/images/eduhub/photu.png" alt="portfolio-image" class="w-full" />
<!-- <div
class="duration-300 absolute bottom-8 left-5 flex translate-y-8 items-center justify-between rounded bg-[#000] bg-opacity-30 py-5 px-4 opacity-0 backdrop-blur-[30px] transition group-hover:translate-y-0 group-hover:opacity-100 sm:left-8 sm:px-6 lg:left-5 lg:px-4 xl:px-6 2xl:left-8">
<div class="border-r border-[#e9e9e9] border-opacity-30 pr-4 sm:pr-5 lg:pr-4 xl:pr-5">
<h3 class="text-base font-medium text-white font-heading sm:text-xl lg:text-base xl:text-xl">
Photo Retouching
</h3>
<p class="text-sm text-[#d9d9d9] sm:text-base lg:text-sm xl:text-base">
Branded Ecommerce
</p>
</div>
<div class="pl-4 sm:pl-5 lg:pl-4 xl:pl-5">
<a href="javascript:void(0)"
class="dark:hover:us-bg-primary flex h-10 w-10 items-center justify-center rounded-full bg-[#f8f8f8] bg-opacity-[15%] text-white hover:bg-primary hover:bg-opacity-100 dark:hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" class="fill-current">
<path
d="M13.4767 9.16689L9.00671 4.69689L10.185 3.51855L16.6667 10.0002L10.185 16.4819L9.00671 15.3036L13.4767 10.8336H3.33337V9.16689H13.4767Z" />
</svg>
</a>
</div>
</div> -->
</div>
</div>
<div class="w-full px-4 grid-item digital md:w-1/2 lg:w-1/3">
<div class="relative mb-10 overflow-hidden rounded wow fadeInUp group" data-wow-delay=".3s">
<img src="/src/images/eduhub/pic.png" alt="portfolio-image" class="w-full" />
<!-- <div
class="duration-300 absolute bottom-8 left-5 flex translate-y-8 items-center justify-between rounded bg-[#000] bg-opacity-30 py-5 px-4 opacity-0 backdrop-blur-[30px] transition group-hover:translate-y-0 group-hover:opacity-100 sm:left-8 sm:px-6 lg:left-5 lg:px-4 xl:px-6 2xl:left-8">
<div class="border-r border-[#e9e9e9] border-opacity-30 pr-4 sm:pr-5 lg:pr-4 xl:pr-5">
<h3 class="text-base font-medium text-white font-heading sm:text-xl lg:text-base xl:text-xl">
Photo Retouching
</h3>
<p class="text-sm text-[#d9d9d9] sm:text-base lg:text-sm xl:text-base">
Branded Ecommerce
</p>
</div>
<div class="pl-4 sm:pl-5 lg:pl-4 xl:pl-5">
<a href="javascript:void(0)"
class="dark:hover:us-bg-primary flex h-10 w-10 items-center justify-center rounded-full bg-[#f8f8f8] bg-opacity-[15%] text-white hover:bg-primary hover:bg-opacity-100 dark:hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" class="fill-current">
<path
d="M13.4767 9.16689L9.00671 4.69689L10.185 3.51855L16.6667 10.0002L10.185 16.4819L9.00671 15.3036L13.4767 10.8336H3.33337V9.16689H13.4767Z" />
</svg>
</a>
</div>
</div> -->
</div>
</div>
<div class="w-full px-4 grid-item ecom md:w-1/2 lg:w-1/3">
<div class="relative mb-10 overflow-hidden rounded wow fadeInUp group" data-wow-delay=".35s">
<img src="/src/images/eduhub/eduhub community.png" alt="portfolio-image" class="w-full" />
<!-- <div
class="duration-300 absolute bottom-8 left-5 flex translate-y-8 items-center justify-between rounded bg-[#000] bg-opacity-30 py-5 px-4 opacity-0 backdrop-blur-[30px] transition group-hover:translate-y-0 group-hover:opacity-100 sm:left-8 sm:px-6 lg:left-5 lg:px-4 xl:px-6 2xl:left-8">
<div class="border-r border-[#e9e9e9] border-opacity-30 pr-4 sm:pr-5 lg:pr-4 xl:pr-5">
<h3 class="text-base font-medium text-white font-heading sm:text-xl lg:text-base xl:text-xl">
Photo Retouching
</h3>
<p class="text-sm text-[#d9d9d9] sm:text-base lg:text-sm xl:text-base">
Branded Ecommerce
</p>
</div>
<div class="pl-4 sm:pl-5 lg:pl-4 xl:pl-5">
<a href="javascript:void(0)"
class="dark:hover:us-bg-primary flex h-10 w-10 items-center justify-center rounded-full bg-[#f8f8f8] bg-opacity-[15%] text-white hover:bg-primary hover:bg-opacity-100 dark:hover:bg-opacity-100">
<svg width="20" height="20" viewBox="0 0 20 20" class="fill-current">
<path
d="M13.4767 9.16689L9.00671 4.69689L10.185 3.51855L16.6667 10.0002L10.185 16.4819L9.00671 15.3036L13.4767 10.8336H3.33337V9.16689H13.4767Z" />
</svg>
</a>
</div>
</div> -->
</div>
</div>
</div>
<div class="w-full pt-10 text-center wow fadeInUp" data-wow-delay=".2s">
<a href="javascript:void(0)"
class="inline-flex items-center rounded bg-primary py-[14px] px-8 font-heading text-base text-white hover:bg-opacity-90">
See More Projects
<span class="pl-3">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.172 7L6.808 1.636L8.222 0.222L16 8L8.222 15.778L6.808 14.364L12.172 9H0V7H12.172Z"
fill="white" />
</svg>
</span>
</a>
</div>
</div>
</div>
</section>
<!-- ===== Portfolio Section End ===== -->
<!-- ===== Testimonial Section Start ===== -->
<section id="testimonial" class="pt-14 sm:pt-20 lg:pt-[130px]">
<div class="px-4 xl:container">
<!-- Section Title -->
<div class="relative pt-6 mx-auto mb-12 text-center wow fadeInUp md:mb-20 lg:pt-16" data-wow-delay=".2s">
<span class="title"> Testimonial </span>
<h2
class="mx-auto mb-5 max-w-[450px] font-heading text-3xl font-semibold text-dark dark:text-white sm:text-4xl md:text-[50px] md:leading-[60px]">
What Our Members Say?
</h2>
<p class="mx-auto max-w-[620px] text-base text-dark-text">
Let's have a look at what does an average Eduhub Member say about us 🤔?
</p>
</div>
<div class="w-full px-4">
<div
class="wow fadeInUp relative z-10 overflow-hidden rounded bg-cover bg-center px-10 pt-[60px] pb-28 drop-shadow-light dark:drop-shadow-none sm:px-14 md:p-[70px] md:pb-28 lg:pb-[70px]"
data-wow-delay=".3s">
<div
class="absolute top-0 left-0 w-full h-full bg-center bg-cover -z-10 opacity-10 dark:opacity-40 bg-noise-pattern">
</div>
<div class="absolute bottom-0 -translate-x-1/2 left-1/2 -z-10">
<svg width="1174" height="560" viewBox="0 0 1174 560" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.4" filter="url(#filter0_f_41_257)">
<rect x="450.531" y="279" width="272.933" height="328.051" fill="url(#paint0_linear_41_257)" />