-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1386 lines (1352 loc) · 119 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">
<head>
<!-- meta tags for SEO -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:image" content="https://soumyadipghorai.github.io/images/header_image.png">
<meta name="title" content="Soumyadip Ghorai ">
<meta name="description" content="Hi this is Soumyadip Ghorai, I'm a data science student and this is my portfolio">
<meta name="keywords" content="Soumyadip Ghorai, Data Scientist, Data Analyst, Data Storyteller, Data Science portfolio, Data Scientist in India ">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="revisit-after" content="5 days">
<meta name="author" content="Soumyadip Ghorai">
<meta name="google-site-verification" content="UqlW6v6jE30r7X0VxnLadnin4MHI8wlueryHe34a8L8"/>
<title>Ghorai ✦ Data Scientist</title>
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/navbar.css" type="text/css">
<link rel="stylesheet" href="css/herosection.css" type="text/css">
<link rel="stylesheet" href="css/areas-of-interest.css" type="text/css">
<link rel="stylesheet" href="css/experience.css" type="text/css">
<link rel="stylesheet" href="css/projects.css" type="text/css">
<link rel="stylesheet" href="css/testimonial.css" type="text/css">
<link rel="stylesheet" href="css/contact-section.css" type="text/css">
<link rel="stylesheet" href="css/scroll-down.css" type="text/css">
<link rel="stylesheet" href="css/about.css" type="text/css">
<link rel="stylesheet" href="css/books.css" type="text/css">
<link rel="stylesheet" href="css/skills.css" type="text/css">
<link rel="stylesheet" href="css/accordion.css" type="text/css">
<link rel="stylesheet" href="css/gallery.css" type="text/css">
<link rel="stylesheet" href="css/explore.css" type="text/css">
<link rel="stylesheet" href="css/querries.css" type="text/css">
<link rel="stylesheet" href="css/footer.css" type="text/css">
<!-- fav-icon -->
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<!-- <link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png"> -->
<link rel="manifest" href="images/favicon/site.webmanifest">
<!-- <link rel="stylesheet" href="scss/button.css"> -->
<!-- <link rel="stylesheet" href="scss/experience.css"> -->
<script defer type="text/javascript" src="js/script.js"></script>
<script defer type="text/javascript" src="js/auto_typer.js"></script>
<script defer type="text/javascript" src="js/scroll.js"></script>
<!-- bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!-- lottie animation -->
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- scroller testimonials -->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<!-- for cirlce text -->
<script src="https://cdn.jsdelivr.net/gh/peterhry/CircleType@2.3.1/dist/circletype.min.js"></script>
</head>
<body onload="runAll()">
<!-- preloader -->
<div class="preloader" id="preloader" style="
background-color: white;
background-size: 100%;">
<lottie-player src="https://lottie.host/2e06602e-684e-476a-9cd9-e56e9eb84892/VkOQUlwWHI.json" background="transparent" speed="1" style="width: 150px; height: 150px;" loop autoplay class="lottie-player"></lottie-player>
</div>
<!-- ############## navbar ############## -->
<section class="nav-bar-section" id="navbar" style="margin-bottom: 4%;">
<div class="container-xxl px-md-5">
<nav class="navbar navbar-expand-md navbar-container py-2 px-0">
<a href="index.html" class="navbar-brand ml-sm-0">
<!-- <svg width="80" height="40" viewBox="0 0 142 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.105 56.703C8.19367 56.703 6.627 56.4523 5.405 55.951C4.21433 55.481 3.337 54.776 2.773 53.836C2.209 52.896 1.927 51.7367 1.927 50.358C1.927 49.1673 2.24033 48.1333 2.867 47.256C3.525 46.3787 4.43367 45.6893 5.593 45.188L7.943 45.376C7.191 45.94 6.674 46.5353 6.392 47.162C6.11 47.7887 5.969 48.525 5.969 49.371C5.969 50.969 6.36067 52.1753 7.144 52.99C7.95867 53.8047 9.32167 54.212 11.233 54.212C13.301 54.212 14.9147 53.695 16.074 52.661C17.2647 51.627 17.86 50.4363 17.86 49.089C17.86 48.2743 17.6563 47.632 17.249 47.162C16.873 46.692 16.121 46.3473 14.993 46.128C13.8963 45.9087 12.267 45.799 10.105 45.799C8.695 45.799 7.53567 45.7207 6.627 45.564C5.74967 45.4387 5.04467 45.2193 4.512 44.906C4.01067 44.5613 3.65033 44.1383 3.431 43.637C3.243 43.1357 3.149 42.5247 3.149 41.804C3.149 40.77 3.44667 39.7673 4.042 38.796C4.66867 37.7933 5.46767 36.9003 6.439 36.117L8.178 37.339C7.55133 37.8717 7.097 38.373 6.815 38.843C6.56433 39.313 6.439 39.7203 6.439 40.065C6.439 40.629 6.58 41.052 6.862 41.334C7.17533 41.616 7.81767 41.804 8.789 41.898C9.76033 41.992 11.2487 42.039 13.254 42.039C15.3533 42.039 17.014 42.2113 18.236 42.556C19.4893 42.9007 20.3823 43.449 20.915 44.201C21.479 44.953 21.761 45.9713 21.761 47.256C21.761 48.3213 21.4633 49.4023 20.868 50.499C20.304 51.627 19.505 52.6453 18.471 53.554C17.437 54.494 16.1993 55.246 14.758 55.81C13.348 56.4053 11.797 56.703 10.105 56.703ZM11.233 38.467C9.76033 38.467 8.366 38.185 7.05 37.621C5.734 37.057 4.66867 36.211 3.854 35.083C3.07067 33.955 2.679 32.545 2.679 30.853C2.679 29.4117 2.99233 28.1113 3.619 26.952C4.24567 25.7613 5.18567 24.8213 6.439 24.132C7.72367 23.4113 9.29033 23.051 11.139 23.051C12.7057 23.051 14.0217 23.3173 15.087 23.85C16.1837 24.3513 17.0767 25.0093 17.766 25.824C18.4553 26.6073 18.9567 27.4377 19.27 28.315C19.5833 29.161 19.74 29.913 19.74 30.571C19.74 32.0123 19.411 33.344 18.753 34.566C18.1263 35.7567 17.1707 36.7123 15.886 37.433C14.6327 38.1223 13.0817 38.467 11.233 38.467ZM11.797 36.305C12.831 36.305 13.677 35.882 14.335 35.036C14.993 34.1587 15.322 32.9053 15.322 31.276C15.322 29.6153 14.9147 28.1897 14.1 26.999C13.2853 25.777 12.1417 25.166 10.669 25.166C9.41567 25.166 8.49133 25.6987 7.896 26.764C7.30067 27.798 7.003 28.9573 7.003 30.242C7.003 32.1847 7.426 33.6887 8.272 34.754C9.118 35.788 10.293 36.305 11.797 36.305ZM22.137 26.388C21.6357 26.2627 21.0247 26.1373 20.304 26.012C19.6147 25.8867 18.9253 25.777 18.236 25.683C17.578 25.589 17.014 25.5263 16.544 25.495L13.254 23.474H21.808C21.9333 23.8813 22.0117 24.3513 22.043 24.884C22.1057 25.3853 22.137 25.8867 22.137 26.388ZM47.3169 39.031C47.3169 40.6603 47.5362 41.757 47.9749 42.321C48.4449 42.8537 49.1499 43.12 50.0899 43.12C50.1839 43.402 50.2466 43.6997 50.2779 44.013C50.3092 44.3263 50.3249 44.7023 50.3249 45.141C49.6356 45.0783 48.8522 45.0313 47.9749 45C47.0976 45 46.1732 45 45.2019 45C44.5752 45 43.9172 45 43.2279 45C42.5386 45.0313 41.8806 45.047 41.2539 45.047C40.6586 45.0783 40.1102 45.1097 39.6089 45.141C39.6089 44.7023 39.6246 44.3263 39.6559 44.013C39.6872 43.6683 39.7499 43.3707 39.8439 43.12C40.9719 43.12 41.7866 42.838 42.2879 42.274C42.8206 41.6787 43.0869 40.5977 43.0869 39.031V31.887C43.0869 29.6623 42.6796 28.1583 41.8649 27.375C41.0502 26.5603 40.0005 26.153 38.7159 26.153C37.9012 26.153 37.0865 26.4193 36.2719 26.952C35.4572 27.4533 34.7679 28.2837 34.2039 29.443C33.6712 30.571 33.4049 32.0907 33.4049 34.002V39.031C33.4049 40.5977 33.6399 41.6787 34.1099 42.274C34.5799 42.838 35.4259 43.12 36.6479 43.12C36.7419 43.402 36.8045 43.6997 36.8359 44.013C36.8672 44.3263 36.8829 44.7023 36.8829 45.141C36.4442 45.1097 35.9116 45.0783 35.2849 45.047C34.6582 45.047 34.0002 45.0313 33.3109 45C32.6216 45 31.9479 45 31.2899 45C30.6632 45 30.0052 45 29.3159 45C28.6265 45.0313 27.9685 45.047 27.3419 45.047C26.7152 45.0783 26.1669 45.1097 25.6969 45.141C25.6969 44.7023 25.7125 44.3263 25.7439 44.013C25.7752 43.6683 25.8379 43.3707 25.9319 43.12C27.1539 43.12 27.9999 42.838 28.4699 42.274C28.9399 41.6787 29.1749 40.5977 29.1749 39.031V29.725L33.4049 25.119C33.4049 25.495 33.3892 25.918 33.3579 26.388C33.3266 26.858 33.2325 27.3593 33.0759 27.892C33.1699 27.7353 33.2639 27.563 33.3579 27.375C33.4519 27.1557 33.5929 26.9207 33.7809 26.67C34.3135 25.9493 35.1596 25.213 36.3189 24.461C37.5096 23.6777 38.9352 23.286 40.5959 23.286C41.7866 23.286 42.8832 23.5367 43.8859 24.038C44.9199 24.508 45.7502 25.307 46.3769 26.435C47.0036 27.5317 47.3169 29.0357 47.3169 30.947V39.031ZM29.1749 17.975C29.1749 17.223 29.0965 16.612 28.9399 16.142C28.8145 15.6407 28.5012 15.2647 27.9999 15.014C27.4985 14.7633 26.7152 14.638 25.6499 14.638C25.6499 14.2933 25.6812 13.98 25.7439 13.698C25.8065 13.416 25.9162 13.1497 26.0729 12.899C26.5429 12.899 27.2009 12.8207 28.0469 12.664C28.9242 12.5073 29.7702 12.3037 30.5849 12.053C31.3995 11.8023 31.9949 11.5517 32.3709 11.301C32.6529 11.395 32.8879 11.583 33.0759 11.865C33.2952 12.147 33.4049 12.5857 33.4049 13.181V19.714H29.1749V17.975ZM29.1749 17.975H33.4049V25.119L29.1749 30.43V17.975ZM64.5049 45.423C62.3743 45.423 60.5099 44.9687 58.9119 44.06C57.3139 43.12 56.0763 41.8197 55.1989 40.159C54.3216 38.467 53.8829 36.493 53.8829 34.237C53.8829 32.1063 54.3373 30.195 55.2459 28.503C56.1546 26.811 57.4079 25.4793 59.0059 24.508C60.6039 23.5367 62.4369 23.051 64.5049 23.051C66.7296 23.051 68.6253 23.521 70.1919 24.461C71.7899 25.401 73.0119 26.717 73.8579 28.409C74.7039 30.0697 75.1269 32.0123 75.1269 34.237C75.1269 36.3677 74.6726 38.279 73.7639 39.971C72.8866 41.663 71.6489 42.9947 70.0509 43.966C68.4843 44.9373 66.6356 45.423 64.5049 45.423ZM64.8809 43.167C66.7609 43.167 68.1553 42.3993 69.0639 40.864C69.9726 39.2973 70.4269 37.2763 70.4269 34.801C70.4269 32.8583 70.1293 31.182 69.5339 29.772C68.9699 28.3307 68.2023 27.234 67.2309 26.482C66.2596 25.6987 65.1943 25.307 64.0349 25.307C62.2176 25.307 60.8546 26.0433 59.9459 27.516C59.0686 28.9887 58.6299 30.9 58.6299 33.25C58.6299 35.3493 58.8806 37.151 59.3819 38.655C59.9146 40.1277 60.6509 41.2557 61.5909 42.039C62.5309 42.791 63.6276 43.167 64.8809 43.167ZM86.4646 38.091C86.4646 39.4383 86.6056 40.4723 86.8876 41.193C87.1696 41.8823 87.6239 42.368 88.2506 42.65C88.8772 42.9007 89.6762 43.0573 90.6476 43.12C90.7416 43.3707 90.8042 43.6683 90.8356 44.013C90.8669 44.3263 90.8826 44.7023 90.8826 45.141C90.4126 45.1097 89.8486 45.0783 89.1906 45.047C88.5639 45.047 87.8902 45.0313 87.1696 45C86.4489 45 85.7126 45 84.9606 45C83.8639 45 82.7046 45 81.4826 45C80.2919 45.0313 79.3832 45.0783 78.7566 45.141C78.7566 44.7023 78.7722 44.3263 78.8036 44.013C78.8349 43.6683 78.8976 43.3707 78.9916 43.12C79.8376 43.0573 80.4956 42.9163 80.9656 42.697C81.4356 42.4463 81.7646 42.039 81.9526 41.475C82.1406 40.8797 82.2346 40.065 82.2346 39.031V34.331H86.4646V38.091ZM86.4646 31.229V34.942H82.2346V29.725L86.4646 25.119C86.4646 26.1843 86.3706 27.1557 86.1826 28.033C85.9946 28.879 85.8222 29.725 85.6656 30.571L86.4646 31.229ZM85.4306 30.853C85.7752 29.9757 86.0416 29.255 86.2296 28.691C86.4176 28.127 86.6212 27.657 86.8406 27.281C87.5299 26.1843 88.3446 25.2757 89.2846 24.555C90.2246 23.8343 91.3056 23.474 92.5276 23.474C93.7182 23.474 94.7992 23.85 95.7706 24.602C95.7079 25.1033 95.6452 25.683 95.5826 26.341C95.5199 26.999 95.4729 27.657 95.4416 28.315C95.4416 28.973 95.4416 29.584 95.4416 30.148C95.1596 30.242 94.7679 30.336 94.2666 30.43C93.7966 30.524 93.2952 30.571 92.7626 30.571C92.6999 29.067 92.4492 28.08 92.0106 27.61C91.6032 27.14 91.0862 26.905 90.4596 26.905C89.9269 26.905 89.3472 27.2183 88.7206 27.845C88.0939 28.4403 87.5612 29.2393 87.1226 30.242C86.6839 31.2447 86.4646 32.357 86.4646 33.579L85.4306 30.853ZM82.2346 34.942V29.725C82.2346 28.973 82.1562 28.362 81.9996 27.892C81.8429 27.422 81.5139 27.0617 81.0126 26.811C80.5112 26.5603 79.7436 26.4193 78.7096 26.388C78.7096 26.0433 78.7409 25.73 78.8036 25.448C78.8662 25.166 78.9759 24.8997 79.1326 24.649C80.1039 24.5863 81.2162 24.3983 82.4696 24.085C83.7229 23.7717 84.7099 23.427 85.4306 23.051C85.7126 23.145 85.9476 23.3487 86.1356 23.662C86.3549 23.944 86.4646 24.4297 86.4646 25.119L82.2346 34.942Z" fill="#1F1F1F"/>
<rect x="120.585" y="7.00061" width="42.1396" height="7.01065" rx="3.50533" transform="rotate(60 120.585 7.00061)" fill="#C4C4C4"/>
<rect x="97" y="43.0096" width="41.5804" height="7.01065" rx="3.50533" transform="rotate(-60 97 43.0096)" fill="#14FB39" fill-opacity="0.92"/>
<rect x="98.1852" y="38.6127" width="19.3814" height="7.04778" rx="3.52389" fill="#14FB39"/>
<rect x="133.355" y="45.6466" width="28.7679" height="7.01066" rx="3.50533" transform="rotate(-90 133.355 45.6466)" fill="#14FB39"/>
<ellipse cx="136.783" cy="11.7125" rx="3.62621" ry="3.6262" fill="#1F1F1F"/>
</svg> -->
<!-- <img src="images/site-logo/1.png" alt="log" width="160"> -->
<!-- <img src="images/site-logo/2.png" alt="log" width="150"> -->
<!-- <img src="images/site-logo/3.png" alt="log" width="120"> -->
<img src="images/site-logo/Group_3__1_-removebg-preview.png" alt="log" width="130">
<!-- <span>ghor<b class="ai">Ai</b></span> -->
</a>
<button class="navbar-toggler toggle-button-style" type="button" data-toggle="collapse" data-target="#toggleCollapse" aria-expanded="false" aria-controls="toggleCollapse">
<img src="images/toggle-menu-icon.png" alt="toggle-icon" height="25px" width="25px">
</button>
<div class="container-xxl px-0">
<div class="collapse navbar-collapse text-center justify-content-end" id="toggleCollapse">
<ul class="navbar-nav">
<li><a href="#heroSection" class="nav-link nav-element-style mr-lg-4 mr-md-4">Home</a></li>
<li><a href="#experienceSection" class="nav-link nav-element-style mr-lg-4 mr-md-4">Work</a></li>
<li><a href="#aboutSection" class="nav-link nav-element-style mr-lg-4 mr-md-4">About</a></li>
<li><a href="#gallerySection" class="nav-link nav-element-style mr-lg-4 mr-md-4">Gallery</a></li>
<!-- <li class="button-container">
<button class="nav-bar-contact-button px-3 py-1 nav-link nav-element-style mr-lg-4 mr-md-4">
contact
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
</svg>
</button>
</li> -->
</ul>
</div>
</div>
</nav>
</div>
</section>
<div class="container-xxl main-content relative" style="overflow: hidden;">
<button class="p-2" onclick="topFunction()" id="myBtn" title="Go to top">
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="25" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.40261 10L10.5275 2.99281C11.1178 1.66906 12.8822 1.66906 13.4725 2.99281L20.835 19.5025C21.5021 20.9984 20.0209 22.5499 18.6331 21.809L12.7294 18.657C12.2702 18.4118 11.7298 18.4118 11.2706 18.657L5.36689 21.809C3.97914 22.5499 2.49789 20.9984 3.16496 19.5025L5.28379 14.7513" stroke="var(--secondaryColor1)" stroke-width="1.5" stroke-linecap="round"/>
</svg>
</button>
<!-- ############## hero section ############## -->
<section class="hero-section p-md-5" id="heroSection">
<div class="row px-sm-0 py-4 pb-0 pe-lg-0 pt-lg-5 align-items-center hero-section-container">
<div class="col-md-6 p-6 p-lg-6 pt-lg-6 text-wrapper">
<h3 class="lead section-subtitle lead mt-lg-4 mt-md-5 mt-sm-5">Innovate, Analyze, Impact</h3>
<h1 class="lh-1 section-title-header title-color">Unleashing Data's Potential using<span id="linebreak"></span>Data
<a href="" class="typewrite" data-period="2000" data-type='["Science", "Analytics", "Storytelling"]'>
<span class="wrap">Data Science</span>
</a>
</h1>
<p class="section-text">Fueling Innovation Through Advanced Analytics. Uncover hidden patterns and make data-driven decisions that propel your business forward. Contact Me to unlock your data's true potential.</p>
<div class="gap-4 d-flex justify-content-md-start mb-4 mb-lg-3 mt-5">
<a href="mailto:ghorai.soumyadip33@gmail.com" target="_blank" rel="noopener noreferrer">
<button type="button" class="btn-lg px-4 contact-button cta-button-style">
Contact
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
</svg>
</button>
</a>
<a href="docs/Soumyadip_ghorai_resume.pdf" target="_blank">
<button type="button" class="btn-lg px-4 resume-button cta-button-style">Resume</button>
</a>
</div>
</div>
<div class="col-md-6 mt-2 mb-5 p-6 p-lg-6 pt-lg-6 image-container">
<div class="circular-blob neon-green"></div>
<div class="circular-blob grey"></div>
<img class="rounded-lg-3 mx-auto d-block mt-lg-5 mt-md-5 hero-image" src="images/hero-section/hero-image-3.png" alt="" width="470" loading="lazy">
<div class="right-side p-3 additional-details">
<div class="flex-wrapper">
<div class="counter" data-target="9000">0</div>
<p class="m-0 plus">+</p>
</div>
<p class="mb-1">followers</p>
<a href="https://www.linkedin.com/in/soumyadip-ghorai/" target="_blank" rel="noopener noreferrer">
<img src="images/logo/linkedIn.png" alt="" height="20px" class="">
</a>
</div>
<div class="left-side p-3 additional-details">
<div class="flex-wrapper">
<div class="counter" data-target="500">0</div>
<p class="m-0 plus">+</p>
</div>
<p class="mb-1">Problems</p>
<a href="https://leetcode.com/sghorai/" target="_blank" rel="noopener noreferrer">
<img src="images/logo/leetcode.png" alt="" height="20px" class="">
</a>
</div>
</div>
</div>
</section>
<!-- ############## areas of interest ############## -->
<section class="areas-of-interest-section reveal fade-bottom pt-5 pb-md-5 pb-sm-0 p-md-5">
<div class="row">
<div class="col-md-6 reveal fade-right order-md-2">
<div class="text-area">
<div class="flex-wrapper py-4 p-md-4">
<div class="areas-of-interest-text">
<h2 class="section-title areas-of-interest-title" style="font-size: 2.3rem;">
Areas of Interest
</h2>
<h3 class="lead section-subtitle lead">ML, AI, Deep Learning and NLP</h3>
<p class="section-text">
Exploring the frontiers of technology and data, driven by curiosity and a passion for innovation.
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 feature-area order-md-1">
<div class="circular-blob neon-green"></div>
<div class="circular-blob grey"></div>
<div class="feature p-3 margin-col border-col col mt-0">
<a href="https://leetcode.com/sghorai/" target="_blank" class="container-link">
<div class="text-wrapper">
<div class="mobile-container">
<svg width="74" height="62" viewBox="0 0 74 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="hide" d="M2.60752 46.2689C-3.39251 36.2689 1.10766 9.76888 14.6075 2.26886C28.1074 -5.23116 67.1076 7.26885 72.6075 19.2689C78.1074 31.2689 55.6075 59.7689 40.6075 61.2689C25.6075 62.7689 8.60756 56.2689 2.60752 46.2689Z" fill="var(--secondaryColor2)" fill-opacity="0.3"/>
<path opacity="0.4" d="M49 26V38.285C49 43.745 45.745 47 40.285 47H27.715C22.255 47 19 43.745 19 38.285V26.015L49 26Z" fill="var(--secondaryColor2)"/>
<path d="M29.5014 40.6249C29.3364 40.6249 29.1564 40.5799 29.0064 40.5049C27.8514 39.9199 26.8614 39.0499 26.1414 37.9699C25.5414 37.0699 25.5414 35.9149 26.1414 35.0149C26.8614 33.9349 27.8514 33.0649 29.0064 32.4949C29.5614 32.2099 30.2364 32.4499 30.5214 33.0049C30.8064 33.5599 30.5814 34.2349 30.0114 34.5199C29.2014 34.9249 28.5114 35.5399 28.0164 36.2899C27.9264 36.4249 27.9264 36.6049 28.0164 36.7549C28.5114 37.5049 29.2014 38.1199 30.0114 38.5249C30.5664 38.8099 30.7914 39.4849 30.5214 40.0399C30.3114 40.3999 29.9064 40.6249 29.5014 40.6249Z" fill="var(--secondaryColor1)"/>
<path d="M38.8139 40.6249C38.3939 40.6249 38.0039 40.3999 37.8089 40.0099C37.5239 39.4549 37.7489 38.7799 38.3189 38.4949C39.1289 38.0899 39.8189 37.4749 40.3139 36.7249C40.4039 36.5899 40.4039 36.4099 40.3139 36.2599C39.8189 35.5099 39.1289 34.8949 38.3189 34.4899C37.7639 34.2049 37.5389 33.5299 37.8089 32.9749C38.0939 32.4199 38.7689 32.1949 39.3239 32.4649C40.4789 33.0499 41.4689 33.9199 42.1889 34.9999C42.7889 35.8999 42.7889 37.0549 42.1889 37.9549C41.4689 39.0349 40.4789 39.9049 39.3239 40.4749C39.1439 40.5799 38.9789 40.6249 38.8139 40.6249Z" fill="var(--secondaryColor1)"/>
<path d="M49 25.715V26L19 26.015V25.715C19 20.255 22.255 17 27.715 17H40.285C45.745 17 49 20.255 49 25.715Z" fill="var(--secondaryColor2)"/>
</svg>
<h4 class="feature-title">Coding</h4>
<p style="color: var(--secondaryColor2);">Full-stack data wizard with expertise in Python, SQL, HTML, CSS, and web development using Flask and Django.</p>
<a href="https://leetcode.com/sghorai/" target="_blank" class="px-3 dark-button-style py-1 icon-link">
Explore
</a>
</div>
</div>
</a>
</div>
<div class="feature p-3 margin-col border-col col mt-0">
<a href="https://www.kaggle.com/soumyadipghorai" target="_blank" class="container-link">
<div class="text-wrapper">
<div class="mobile-container">
<svg width="74" height="62" viewBox="0 0 74 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="hide" d="M2.60752 46.2689C-3.39251 36.2689 1.10766 9.76888 14.6075 2.26886C28.1074 -5.23116 67.1076 7.26885 72.6075 19.2689C78.1074 31.2689 55.6075 59.7689 40.6075 61.2689C25.6075 62.7689 8.60756 56.2689 2.60752 46.2689Z" fill="var(--secondaryColor2)" fill-opacity="0.3"/>
<path d="M38.786 29.2137H35.2136V32.7861H38.786V29.2137Z" fill="var(--secondaryColor1)"/>
<path d="M36.0217 27.2573V17.2349C35.0909 16.4642 33.8978 16 32.5976 16C29.6307 16 27.2171 18.4137 27.2171 21.3805C27.2171 21.5443 27.2256 21.7066 27.2403 21.8676C26.1646 22.1494 25.1852 22.7301 24.4118 23.5579C23.3818 24.6606 22.8147 26.0992 22.8147 27.6087C22.8147 28.8676 23.2091 30.036 23.8802 30.9975C23.1886 31.9875 22.8147 33.1656 22.8147 34.3912C22.8147 37.1422 24.6961 39.4618 27.2398 40.1315C27.2252 40.2933 27.217 40.4559 27.217 40.6194C27.217 43.5863 29.6307 45.9999 32.5975 45.9999C33.8977 45.9999 35.0908 45.5358 36.0216 44.765V36.1028L36.0216 34.7428H35.2136V36.1028H33.2571V34.7428H31.8971V32.7863H33.2571V31.9783H31.8971V30.0218H33.2571V29.2138H31.8971V27.2573H33.2571V25.8973H35.2136V27.2573H36.0217V27.2573Z" fill="var(--secondaryColor2)"/>
<path d="M51.1852 27.6087C51.1852 26.0992 50.6181 24.6607 49.5882 23.5581C48.8149 22.7302 47.8353 22.1495 46.7596 21.8678C46.7744 21.7067 46.7829 21.5443 46.7829 21.3807C46.7829 18.4137 44.3692 16 41.4023 16C40.1022 16 38.909 16.4642 37.9783 17.2349V27.2573H38.7862V25.8972H40.7427V27.2573H42.1027V29.2138H40.7427V30.0218H42.1027V31.9783H40.7427V32.7862H42.1027V34.7427H40.7427V36.1028H38.7862V34.7427H37.9783V44.7651C38.909 45.5358 40.1022 46 41.4023 46C44.3692 46 46.7829 43.5863 46.7829 40.6195C46.7829 40.4561 46.7747 40.2934 46.76 40.1315C49.3037 39.4619 51.1851 37.1423 51.1851 34.3913C51.1851 33.1656 50.8112 31.9875 50.1196 30.9976C50.7909 30.0361 51.1852 28.8677 51.1852 27.6087Z" fill="var(--secondaryColor2)"/>
</svg>
<h4 class="feature-title">AI & ML</h3>
<p style="color: var(--secondaryColor2);">ML expert skilled in NLP, DL, and Time Series analysis, delivering impactful projects with diverse algorithms.</p>
<a href="https://www.kaggle.com/soumyadipghorai" target="_blank" class="px-3 dark-button-style py-1 icon-link">
Explore
</a>
</div>
</div>
</a>
</div>
<div class="feature p-3 margin-col col mt-0">
<a href="https://public.tableau.com/app/profile/soumyadip.ghorai6618" target="_blank" class="container-link">
<div class="text-wrapper">
<div class="mobile-container">
<svg width="74" height="62" viewBox="0 0 74 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="hide" d="M2.60752 46.2689C-3.39251 36.2689 1.10766 9.76888 14.6075 2.26886C28.1074 -5.23116 67.1076 7.26885 72.6075 19.2689C78.1074 31.2689 55.6075 59.7689 40.6075 61.2689C25.6075 62.7689 8.60756 56.2689 2.60752 46.2689Z" fill="var(--secondaryColor2)" fill-opacity="0.3"/>
<path d="M23.5751 25.9719C23.4079 25.6218 23.3535 25.2284 23.4193 24.846C23.4851 24.4636 23.668 24.111 23.9426 23.8369L25.7101 22.0694C25.9842 21.7952 26.3366 21.6128 26.7188 21.5472C27.1009 21.4816 27.494 21.5361 27.8438 21.7032L29.6876 19.8594C30.1564 19.3907 30.7922 19.1274 31.4551 19.1274C32.118 19.1274 32.7538 19.3907 33.2226 19.8594L36.7588 23.3957C37.2275 23.8645 37.4908 24.5002 37.4908 25.1632C37.4908 25.8261 37.2275 26.4618 36.7588 26.9307L34.9901 28.6982L34.9276 28.6357L30.5088 33.0557L30.5713 33.1182L28.8038 34.8857C28.5717 35.1179 28.296 35.3021 27.9927 35.4278C27.6893 35.5535 27.3641 35.6182 27.0357 35.6182C26.7073 35.6182 26.3822 35.5535 26.0788 35.4278C25.7754 35.3021 25.4998 35.1179 25.2676 34.8857L21.7326 31.3507C21.5003 31.1185 21.3161 30.8429 21.1904 30.5395C21.0647 30.2361 21 29.9109 21 29.5825C21 29.2541 21.0647 28.929 21.1904 28.6256C21.3161 28.3222 21.5003 28.0466 21.7326 27.8144L23.5751 25.9719ZM32.2751 34.8219L36.6951 30.4032L41.1776 34.8857L36.7588 39.3057L32.2763 34.8232L32.2751 34.8219ZM38.5251 41.0719L42.9451 36.6532L45.1551 38.8632C45.737 39.45 46.0627 40.2435 46.061 41.0699C46.0593 41.8963 45.7304 42.6884 45.1461 43.2729C44.5618 43.8573 43.7698 44.1866 42.9433 44.1885C42.1169 44.1904 41.3234 43.8649 40.7363 43.2832L38.5263 41.0732L38.5251 41.0719ZM42.0626 21.6269L47.3651 26.9307L42.5663 31.7294C41.8001 32.4957 40.3863 32.3269 39.4101 31.3507L37.6426 29.5819C36.6663 28.6069 36.4963 27.1932 37.2638 26.4257L42.0626 21.6269ZM43.8288 19.8594L44.2076 19.4807C44.9738 18.7132 46.3876 18.8832 47.3638 19.8594L49.1313 21.6269C50.1076 22.6032 50.2776 24.0169 49.5101 24.7844L49.1313 25.1632L43.8288 19.8594ZM27.9201 39.3057L30.5701 36.6532C30.6861 36.537 30.8239 36.4449 30.9756 36.382C31.1273 36.3191 31.2898 36.2867 31.454 36.2867C31.6182 36.2866 31.7808 36.3189 31.9325 36.3817C32.0842 36.4444 32.2221 36.5365 32.3382 36.6525C32.4544 36.7686 32.5465 36.9064 32.6094 37.058C32.6723 37.2097 32.7047 37.3723 32.7047 37.5365C32.7048 37.7006 32.6725 37.8632 32.6097 38.0149C32.5469 38.1667 32.4549 38.3045 32.3388 38.4207L29.6876 41.0744C29.9219 41.3088 30.0536 41.6267 30.0536 41.9582C30.0536 42.2896 29.9219 42.6075 29.6876 42.8419L27.9201 44.6094C27.804 44.7256 27.6661 44.8178 27.5144 44.8807C27.3626 44.9436 27.2 44.976 27.0357 44.976C26.8714 44.976 26.7088 44.9436 26.557 44.8807C26.4053 44.8178 26.2674 44.7256 26.1513 44.6094L24.3838 42.8419C24.1495 42.6075 24.0179 42.2896 24.0179 41.9582C24.0179 41.6267 24.1495 41.3088 24.3838 41.0744L26.1513 39.3069C26.2674 39.1907 26.4053 39.0985 26.557 39.0356C26.7088 38.9727 26.8714 38.9403 27.0357 38.9403C27.2 38.9403 27.3626 38.9727 27.5144 39.0356C27.6661 39.0985 27.804 39.1907 27.9201 39.3069V39.3057Z" fill="var(--secondaryColor2)"/>
</svg>
<h4 class="feature-title">Softwares</h3>
<p style="color: var(--secondaryColor2);">Master of Data Tools: Tableau, Excel, PowerBI, Looker Studio, Azure, AWS—empowering data-driven insights.</p>
<a href="https://public.tableau.com/app/profile/soumyadip.ghorai6618" target="_blank" class="px-3 dark-button-style py-1 icon-link">
Explore
</a>
</div>
</div>
</a>
</div>
<div class="feature p-3 margin-col col mt-0">
<a href="https://github.com/soumyadipghorai/" target="_blank" class="container-link">
<div class="text-wrapper">
<div class="mobile-container">
<svg width="74" height="62" viewBox="0 0 74 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="hide" d="M2.60752 46.2689C-3.39251 36.2689 1.10766 9.76888 14.6075 2.26886C28.1074 -5.23116 67.1076 7.26885 72.6075 19.2689C78.1074 31.2689 55.6075 59.7689 40.6075 61.2689C25.6075 62.7689 8.60756 56.2689 2.60752 46.2689Z" fill="var(--secondaryColor2)" fill-opacity="0.3"/>
<path d="M46.6117 21.3883C40.76 15.5372 31.2399 15.5372 25.3883 21.3883C19.5372 27.2393 19.5372 36.7596 25.3883 42.611C28.3141 45.5365 32.1571 46.9994 36 46.9994C39.8429 46.9994 43.6859 45.5365 46.6117 42.611C52.4627 36.76 52.4627 27.2397 46.6117 21.3883ZM28.997 39.5119H28.1685C27.6281 39.5119 27.1896 39.0737 27.1896 38.533C27.1896 37.9922 27.6281 37.5541 28.1685 37.5541H28.997C30.3603 37.5541 31.5342 36.6247 31.8523 35.2991L34.3277 24.9891C34.8579 22.7798 36.8151 21.2386 39.0872 21.2386H39.9157C40.4561 21.2386 40.8946 21.6768 40.8946 22.2175C40.8946 22.7583 40.4561 23.1965 39.9157 23.1965H39.0872C37.724 23.1965 36.55 24.1186 36.232 25.4442L33.7566 35.7579C33.2263 37.9671 31.2691 39.5119 28.997 39.5119ZM41.2604 37.8337C41.6428 38.2157 41.6428 38.8358 41.2604 39.2179C41.0692 39.4091 40.8187 39.5047 40.5683 39.5047C40.3178 39.5047 40.0673 39.4091 39.8762 39.2179L38.6104 37.9522L37.3447 39.2179C37.1535 39.4091 36.903 39.5047 36.6526 39.5047C36.4022 39.5047 36.1516 39.4091 35.9605 39.2179C35.5781 38.8359 35.5781 38.2157 35.9605 37.8337L37.2262 36.5679L35.9605 35.3022C35.5781 34.9202 35.5781 34.3 35.9605 33.9179C36.3429 33.5355 36.9624 33.5355 37.3448 33.9179L38.6105 35.1837L39.8762 33.9179C40.2586 33.5355 40.8781 33.5355 41.2605 33.9179C41.6429 34.2999 41.6429 34.9201 41.2605 35.3022L39.9948 36.5679L41.2604 37.8337Z" fill="var(--secondaryColor2)"/>
</svg>
<h4 class="feature-title">Analytics</h3>
<p style="color: var(--secondaryColor2);">Leveraging concepts like linear algebra, LPP, and hypothesis testing for data-driven insights.</p>
<a href="https://github.com/soumyadipghorai/" target="_blank" class="px-3 dark-button-style py-1 icon-link">
Explore
</a>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- ############## experience ############## -->
<section class="experience reveal fade-bottom my-5 py-md-3 py-sm-0 p-md-5" id="experienceSection">
<div class="row mb-5">
<div class="col-md-8">
<div class="h-100">
<div class="experience-text my-3">
<h2 class="section-title experience-title" style="font-size: 2.3rem;">
Professional Journey
</h2>
<p class="lead section-text">
Educational milestones and current experiences shaping a diverse and accomplished professional journey.
</p>
</div>
<div class="experience-container my-lg-4 mb-0 mt-4">
<div class="current-experience p-4">
<div class="company-name">KPMG <span class="location"> Bangalore, india</span></div>
<p class="section-subtitle lead">CONSULTANT DATA SCIENTIST</p>
<p class="section-text">Successfully completed training in Python, SQL, machine learning, Linear Programming, and won 2 consecutive hour of code hosted by KPMG.</p>
<div class="additional-info row">
<div class="col-10 my-auto section-text">Feb, 23 - Present</div>
<div class="col-2 p-0">
<a href="docs/hour-of-code.jpeg" target="_blank">
<img class="p-lg-3 dark-button-style p-2" src="images/iconpack/white-arrow.svg" width="10" alt="" style="background: black; width: fit-content; border-radius: 100%; border: 2px solid var(--secondaryColor1);">
</a>
</div>
</div>
</div>
<div class="experience-info info-1 p-3">
<div class="number">1.2+</div>
<span class="section-text"></span>
<p class="section-text">Total experience</p>
</div>
<div class="experience-info info-2 p-3">
<div class="number">150+</div>
<span class="section-text"></span>
<p class="section-text">Mentored Students</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 reveal fade-bottom education-container">
<div class="container-xxl">
<div class="circular-blob neon-green"></div>
<div class="circular-blob grey"></div>
<div class="education-container">
<div class="education-details px-3 py-4 my-sm-3 mb-3 row">
<div class="text-wrapper col-10">
<div class="year" style="color: var(--secondaryColor2);">
Aug, 2021
</div>
<div class="degree">
BSc, Statistics
</div>
<div class="university" style="color: var(--secondaryColor1)">
University of Calcutta
</div>
</div>
<div class="button-wrapper col-2 m-auto">
<div class="credentials">
<a href="docs/BSc statistics.pdf" target="_blank">
<img class="p-2 p-lg-3 dark-button-style" src="images/iconpack/white-arrow.svg" alt="" width="10" alt="" style="background: black; width: fit-content; border-radius: 100%;">
</a>
</div>
</div>
</div>
<div class="education-details px-3 py-4 my-3 row">
<div class="text-wrapper col-10">
<div class="year" style="color: var(--secondaryColor2);">
July, 2023
</div>
<div class="degree">
MSc, Data Science
</div>
<div class="university" style="color: var(--secondaryColor1)">
Christ University, Bangalore
</div>
</div>
<div class="button-wrapper col-2 m-auto">
<div class="credentials">
<a href="docs/MSc data science.pdf" target="_blank">
<img class="p-2 p-lg-3 dark-button-style" src="images/iconpack/white-arrow.svg" alt="" width="10" alt="" style="background: black; width: fit-content; border-radius: 100%;">
</a>
</div>
</div>
</div>
<div class="education-details px-3 py-4 my-3 row">
<div class="text-wrapper col-10">
<div class="year" style="color: var(--secondaryColor2);">
Ongoing
</div>
<div class="degree">
BSc, Data Science
</div>
<div class="university" style="color: var(--secondaryColor1)">
Indian Institute of technology, Madras
</div>
</div>
<div class="button-wrapper col-2 m-auto">
<div class="credentials">
<a href="docs/diploma in data science.pdf" target="_blank">
<img class="p-2 p-lg-3 dark-button-style" src="images/iconpack/white-arrow.svg" alt="" width="10" alt="" style="background: black; width: fit-content; border-radius: 100%;">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="prev-experience">
<div class="flex-wrapper">
<div class="prev-experience-text">
<p>Diversified past experiences throughout <b>MNCs & startups</b>...</p>
</div>
</div>
<div class="flex-wrapper">
<div class="logos py-3 m-md-3 mx-0 my-3">
<div class="logos-slide">
<img src="images/experience/ericsson.png" alt="" loading="lazy">
<img src="images/experience/kpmg-logo-black-and-white.png" alt="" loading="lazy">
<img src="images/experience/upgrad.png" alt="" loading="lazy">
<img src="images/experience/gdsc.jpg" alt="" loading="lazy">
<img src="images/experience/tweek-labs.png" alt="" loading="lazy">
<img src="images/experience/ericsson.png" alt="" loading="lazy">
<img src="images/experience/kpmg-logo-black-and-white.png" alt="" loading="lazy">
<img src="images/experience/upgrad.png" alt="" loading="lazy">
<img src="images/experience/gdsc.jpg" alt="" loading="lazy">
</div>
<div class="logos-slide">
<img src="images/experience/ericsson.png" alt="" loading="lazy">
<img src="images/experience/kpmg-logo-black-and-white.png" alt="" loading="lazy">
<img src="images/experience/upgrad.png" alt="" loading="lazy">
<img src="images/experience/gdsc.jpg" alt="" loading="lazy">
<img src="images/experience/tweek-labs.png" alt="" loading="lazy">
<img src="images/experience/ericsson.png" alt="" loading="lazy">
<img src="images/experience/kpmg-logo-black-and-white.png" alt="" loading="lazy">
<img src="images/experience/upgrad.png" alt="" loading="lazy">
<img src="images/experience/gdsc.jpg" alt="" loading="lazy">
</div>
</div>
</div>
</div>
</section>
</div>
<!-- ############## project ############## -->
<div class="project-section-container m-0" style="overflow: hidden;">
<section class="project-section reveal fade-bottom my-4 pt-4 pb-3">
<div class="container-xxl mt-2 p-md-5">
<div class="project-section-text">
<h2 class="section-title" style="font-size: 2.3rem; color: white;">Personal Projects</h2>
<h3 class="section-subtitle">SOME OF MY DATA SCIENCE PROJECTS</h3>
<p class="lead section-text" style="color: var(--secondaryColor2);">My expertise is in data science, analytics, and AI/ML. From predictive modeling to natural language processing, I explore the power of data to drive insights and solutions.</p>
</div>
<div class="row project-container-1">
<div class="col-md-6 col-lg-7 my-4">
<div class="card-left p-3" style="
background : linear-gradient(210deg, rgba(2, 2, 2, 0.204), rgba(2, 2, 2, 0.204)),url('images/unsplash/project.jpeg');
background-repeat: no-repeat;
background-position: 0% 45%;
background-size: cover;">
<div class="project-card-text mb-4">
<h3>Primary domains of work</h3>
<p class="lead" style="color: var(--secondaryColor2);">
Beyond my Non-CS roots, I thrive on the joy of coding, deploying machine learning and data science projects on web-based platforms. Explore my repository!
</p>
</div>
<a href="https://github.com/soumyadipghorai/" target="_blank">
<button class="px-3 py-2 mb-2 dark-button-style repository-button">
Repository
<img src="images/iconpack/white-arrow.svg" alt="">
</button>
</a>
</div>
</div>
<div class="col-md-6 col-lg-5 my-4">
<div class="card-right">
<ul class="accordion-container pl-3">
<li class="accordion-list-item py-1">
<input type="radio" onclick="changeDropIcon()" name="accordion-input" class="accordion-drop-down-radio-button" id="querry-1">
<label for="querry-1">
<img src="images/iconpack/accordion-arrow-right.svg" alt="" class="mr-3 accordionDropDown" id="accordionDropDown">
<h5>
3X expert at Kaggle
</h5>
</label>
<div class="accordion-content">
<p> with 10+ notebooks, 5+ scapped datasets, 1000+ views and 80+ medals</p>
</div>
</li>
<li class="accordion-list-item py-1">
<input type="radio" onclick="changeDropIcon()" name="accordion-input" class="accordion-drop-down-radio-button" id="querry-2">
<label for="querry-2">
<img src="images/iconpack/accordion-arrow-right.svg" alt="" class="mr-3 accordionDropDown" id="accordionDropDown">
<h5>
Featured Developer on Streamlit
</h5>
</label>
<div class="accordion-content">
<p>One of my project got featured on streamlit community forum and received recognition from streamlit callifornia.</p>
</div>
</li>
<li class="accordion-list-item py-1">
<input type="radio" onclick="changeDropIcon()" name="accordion-input" class="accordion-drop-down-radio-button" id="querry-3">
<label for="querry-3">
<img src="images/iconpack/accordion-arrow-right.svg" alt="" class="mr-3 accordionDropDown" id="accordionDropDown">
<h5>
GDSC Machine learning lead
</h5>
</label>
<div class="accordion-content">
<p>hosted events on Machine learning and data science with 100+ participants.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="porject-container-2 mt-4">
<div class="project-card-container reveal fade-left my-3">
<div class="project-card mr-4 p-3">
<div class="row" style="height: 100%;">
<div class="col-4 img-container ml-3" style="
background: linear-gradient(0deg, var(--primaryColor), rgba(2, 2, 2, 0.104)), url('images/projects/project-image-1.png');
background-position: 0 50%;
background-repeat: no-repeat;
background-size: cover;">
<!-- <a href="https://storyset.com/data">Data illustrations by Storyset</a> -->
</div>
<div class="col-7 ml-2">
<div class="card-text">
<h5 class="Porject title" style="color: white;">Predictos</h5>
<p style="color: var(--secondaryColor2);">Flask based data driven alternative of facebook games to predict your potential future networth based on millionaires from 100+ countries using Machine learning.</p>
</div>
<a href="https://github.com/soumyadipghorai/Predictos" target="_blank" rel="noopener noreferrer">
<button class="view-project-button dark-button-style px-3 py-1">
View Project
</button>
</a>
</div>
</div>
</div>
<div class="project-card mr-4 p-3">
<div class="row" style="height: 100%;">
<div class="col-4 img-container ml-3" style="
background: linear-gradient(0deg, var(--primaryColor), rgba(2, 2, 2, 0.104)), url('images/projects/project-image-2.png');
background-position: 0 50%;
background-repeat: no-repeat;
background-size: cover;">
<!-- <a href="https://storyset.com/data">Data illustrations by Storyset</a> -->
</div>
<div class="col-7 ml-2">
<div class="card-text">
<h5 class="Porject title" style="color: white;">Personal Finance</h5>
<p style="color: var(--secondaryColor2);">Streamlit based web app/ dashboard to monitor my daily expenses over months and years. Got featured on streamlit community forum.</p>
</div>
<a href="https://github.com/soumyadipghorai/personal-finance" target="_blank" rel="noopener noreferrer">
<button class="view-project-button dark-button-style px-3 py-1">
View Project
</button>
</a>
</div>
</div>
</div>
</div>
<div class="project-card-container reveal fade-right my-3">
<div class="project-card mr-4 p-3">
<div class="row" style="height: 100%;">
<div class="col-4 img-container ml-3" style="
background: linear-gradient(0deg, var(--primaryColor), rgba(2, 2, 2, 0.104)), url('images/projects/project-image-3.png');
background-position: 0 50%;
background-repeat: no-repeat;
background-size: cover;">
<!-- <a href="https://storyset.com/data">Data illustrations by Storyset</a> -->
</div>
<div class="col-7 ml-2">
<div class="card-text">
<h5 class="Porject title" style="color: white;">Customer Churn</h5>
<p style="color: var(--secondaryColor2);">Trained machine learning model on telecom data and done feature selection to find out 6 optimal features to predict customer churn.</p>
</div>
<a href="https://github.com/soumyadipghorai/customer-churn" target="_blank" rel="noopener noreferrer">
<button class="view-project-button dark-button-style px-3 py-1">
View Project
</button>
</a>
</div>
</div>
</div>
<div class="project-card mr-4 p-3">
<div class="row" style="height: 100%;">
<div class="col-4 img-container ml-3" style="
background: linear-gradient(0deg, var(--primaryColor), rgba(2, 2, 2, 0.104)), url('images/projects/project-image-4.png');
background-position: 0 50%;
background-repeat: no-repeat;
background-size: cover;">
<!-- <a href="https://storyset.com/data">Data illustrations by Storyset</a> -->
</div>
<div class="col-7 ml-2">
<div class="card-text">
<h5 class="Porject title" style="color: white;">Groot</h5>
<p style="color: var(--secondaryColor2);">Web based cartoonifying app to remove and replace background and apply cartoon effect. User can login, upload image or click picture on the app.</p>
</div>
<a href="https://github.com/soumyadipghorai/groot" target="_blank">
<button class="view-project-button dark-button-style px-3 py-1">
View Project
</button>
</a>
</div>
</div>
</div>
</div>
<div class="project-card-container-mobile reveal fade-left my-3">
<a href="https://github.com/soumyadipghorai/Predictos" target="_blank" rel="noopener noreferrer">
<div class="project-card mr-md-4 mr-2 p-3" style="
background: linear-gradient(210deg, var(--primaryColor), rgba(2, 2, 2, 0.504)), url('images/projects/project-image-1.png');
background-position: 0 50%;
background-repeat: no-repeat;
background-size: cover;">
<div class="card-info-container">
<div class="m-auto">
<div class="card-text">
<h5 class="Porject title" style="color: white;">Predictos</h5>
<p style="color: var(--secondaryColor2);">Flask based data driven alternative of facebook games to predict your potential future networth based on millionaires from 100+ countries using Machine learning.</p>
</div>
<button class="view-project-button dark-button-style px-3 py-1">
View Project
</button>
</div>
</div>
</div>
</a>
<a href="https://github.com/soumyadipghorai/personal-finance" target="_blank" rel="noopener noreferrer">
<div class="project-card mr-md-4 mr-sm-2 p-3" style="
background: linear-gradient(210deg, var(--primaryColor), rgba(2, 2, 2, 0.504)), url('images/projects/project-image-2.png');
background-position: 0 50%;
background-repeat: no-repeat;
background-size: cover;">
<div class="card-info-container">
<div class="m-auto">
<div class="card-text">
<h5 class="Porject title" style="color: white;">Personal Finance</h5>
<p style="color: var(--secondaryColor2);">Streamlit based web app/ dashboard to monitor my daily expenses over months and years. Got featured on streamlit community forum.</p>
</div>
<button class="view-project-button dark-button-style px-3 py-1">
View Project
</button>
</div>
</div>
</div>
</a>
</div>
<div class="project-card-container-mobile reveal fade-right my-3">
<a href="https://github.com/soumyadipghorai/customer-churn" target="_blank" rel="noopener noreferrer">
<div class="project-card mr-md-4 mr-2 p-3" style="
background: linear-gradient(210deg, var(--primaryColor), rgba(2, 2, 2, 0.504)), url('images/projects/project-image-3.png');
background-position: 0 50%;
background-repeat: no-repeat;
background-size: cover;">
<div class="card-info-container">
<div class="m-auto">
<div class="card-text">
<h5 class="Porject title" style="color: white;">Customer Churn</h5>
<p style="color: var(--secondaryColor2);">Trained machine learning model on telecom data and done feature selection to find out 6 optimal features to predict customer churn.</p>
</div>
<button class="view-project-button dark-button-style px-3 py-1">
View Project
</button>
</div>
</div>
</div>
</a>
<a href="https://github.com/soumyadipghorai/groot" target="_blank" rel="noopener noreferrer">
<div class="project-card mr-md-4 mr-sm-2 p-3" style="
background: linear-gradient(210deg, var(--primaryColor), rgba(2, 2, 2, 0.504)), url('images/projects/project-image-4.png');
background-position: 0 50%;
background-repeat: no-repeat;
background-size: cover;">
<div class="card-info-container">
<div class="m-auto">
<div class="card-text">
<h5 class="Porject title" style="color: white;">Groot</h5>
<p style="color: var(--secondaryColor2);">Web based cartoonifying app to remove and replace background and apply cartoon effect. User can login, upload image or click picture on the app.</p>
</div>
<button class="view-project-button dark-button-style px-3 py-1">
View Project
</button>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
</div>
<div class="container-xxl" style="overflow: hidden;">
<!-- ############## scoller testimonials ############## -->
<section class="testimonial-section reveal fade-bottom mt-5">
<div class="flex-wrapper">
<div class="testimonial-section-text">
<h2>What My colleges say about me?</h2>
<h3 class="section-subtitle lead">PEOPLE WORKING AT ERICSSON, KPMG, TWEEK LABS</h3>
<p>Colleagues commend my data expertise, collaborative spirit, and ability to deliver exceptional results.</p>
</div>
</div>
<div class="button-container">
<button class="left-button">
<img src="images/iconpack/arrow-left.svg" alt="">
</button>
<button class="right-button">
<img src="images/iconpack/arrow-left.svg" alt="">
</button>
</div>
<div class="testimonial-card-container reveal fade-left mt-3">
<div class="testimonial-card-section">
<div class="testimonial-slider-card p-4">
<div class="text-section mb-4">
<p>“Soumyadip's exceptional work ethic and analytical brilliance elevate every project to new heights...”</p>
</div>
<div class="info-section mt-5" style="display: flex;">
<div class="image-section">
<img src="images/testimonial/user-dp.jpg" alt="" height="50px" class="user-dp" loading="lazy">
<div class="company m-0 p-1" style="background-color: white;">
<img src="images/testimonial/work/Google.png" alt="" height="15px" class="user-work" loading="lazy">
</div>
</div>
<div class="personal-info ml-2">
<div class="name">
<h5 class="m-0">Emily Johnson</h5>
</div>
<div class="designation">
<p class="m-0">Senior Data Scientist</p>
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-card-section">
<div class="testimonial-slider-card p-4">
<div class="text-section mb-4">
<p>“Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde maiores repellendus odit sint ullam nobis rerum non natus veritatis delectus ut sed rem, eum, aliquid, inventore officia ad a eius.”</p>
</div>
<div class="info-section mt-5" style="display: flex;">
<div class="image-section">
<img src="images/testimonial/user-dp.jpg" alt="" height="50px" class="user-dp" loading="lazy">
<div class="company m-0 p-1" style="background-color: white;">
<img src="images/testimonial/work/Google.png" alt="" height="15px" class="user-work" loading="lazy">
</div>
</div>
<div class="personal-info ml-2">
<div class="name">
<h5 class="m-0">Emily Johnson</h5>
</div>
<div class="designation">
<p class="m-0">Senior Data Scientist</p>
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-card-section">
<div class="testimonial-slider-card p-4">
<div class="text-section mb-4">
<p>“Soumyadip's exceptional work ethic and analytical brilliance elevate every project to new heights...”</p>
</div>
<div class="info-section mt-5" style="display: flex;">
<div class="image-section">
<img src="images/testimonial/user-dp.jpg" alt="" height="50px" class="user-dp" loading="lazy">
<div class="company m-0 p-1" style="background-color: white;">
<img src="images/testimonial/work/Google.png" alt="" height="15px" class="user-work" loading="lazy">
</div>
</div>
<div class="personal-info ml-2">
<div class="name">
<h5 class="m-0">Emily Johnson</h5>
</div>
<div class="designation">
<p class="m-0">Senior Data Scientist</p>
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-card-section">
<div class="testimonial-slider-card p-4">
<div class="text-section mb-4">
<p>“Soumyadip's exceptional work ethic and analytical brilliance elevate every project to new heights...”</p>
</div>
<div class="info-section mt-5" style="display: flex;">
<div class="image-section">
<img src="images/testimonial/user-dp.jpg" alt="" height="50px" class="user-dp" loading="lazy">
<div class="company m-0 p-1" style="background-color: white;">
<img src="images/testimonial/work/Google.png" alt="" height="15px" class="user-work" loading="lazy">
</div>
</div>
<div class="personal-info ml-2">
<div class="name">
<h5 class="m-0">Emily Johnson</h5>
</div>
<div class="designation">
<p class="m-0">Senior Data Scientist</p>
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-card-section">
<div class="testimonial-slider-card p-4">
<div class="text-section mb-4">
<p>“Soumyadip's exceptional work ethic and analytical brilliance elevate every project to new heights...”</p>
</div>
<div class="info-section mt-5" style="display: flex;">
<div class="image-section">
<img src="images/testimonial/user-dp.jpg" alt="" height="50px" class="user-dp" loading="lazy">
<div class="company m-0 p-1" style="background-color: white;">
<img src="images/testimonial/work/Google.png" alt="" height="15px" class="user-work" loading="lazy">
</div>
</div>
<div class="personal-info ml-2">
<div class="name">
<h5 class="m-0">Emily Johnson</h5>
</div>
<div class="designation">
<p class="m-0">Senior Data Scientist</p>
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-card-section">
<div class="testimonial-slider-card p-4">
<div class="text-section mb-4">
<p>“Soumyadip's exceptional work ethic and analytical brilliance elevate every project to new heights...”</p>
</div>
<div class="info-section mt-5" style="display: flex;">
<div class="image-section">
<img src="images/testimonial/user-dp.jpg" alt="" height="50px" class="user-dp" loading="lazy">
<div class="company m-0 p-1" style="background-color: white;">
<img src="images/testimonial/work/Google.png" alt="" height="15px" class="user-work" loading="lazy">
</div>
</div>
<div class="personal-info ml-2">
<div class="name">
<h5 class="m-0">Emily Johnson</h5>
</div>
<div class="designation">
<p class="m-0">Senior Data Scientist</p>
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-card-section">
<div class="testimonial-slider-card p-4">
<div class="text-section mb-4">
<p>“Soumyadip's exceptional work ethic and analytical brilliance elevate every project to new heights...”</p>
</div>
<div class="info-section mt-5" style="display: flex;">
<div class="image-section">
<img src="images/testimonial/user-dp.jpg" alt="" height="50px" class="user-dp" loading="lazy">
<div class="company m-0 p-1" style="background-color: white;">
<img src="images/testimonial/work/Google.png" alt="" height="15px" class="user-work" loading="lazy">
</div>
</div>
<div class="personal-info ml-2">
<div class="name">
<h5 class="m-0">Emily Johnson</h5>
</div>
<div class="designation">
<p class="m-0">Senior Data Scientist</p>
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-card-section">
<div class="testimonial-slider-card p-4">
<div class="text-section mb-4">
<p>“Soumyadip's exceptional work ethic and analytical brilliance elevate every project to new heights...”</p>
</div>
<div class="info-section mt-5" style="display: flex;">
<div class="image-section">
<img src="images/testimonial/user-dp.jpg" alt="" height="50px" class="user-dp" loading="lazy">
<div class="company m-0 p-1" style="background-color: white;">
<img src="images/testimonial/work/Google.png" alt="" height="15px" class="user-work" loading="lazy">
</div>
</div>
<div class="personal-info ml-2">
<div class="name">
<h5 class="m-0">Emily Johnson</h5>
</div>
<div class="designation">
<p class="m-0">Senior Data Scientist</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ############## contact section ############## -->
<section class="contact-section reveal fade-bottom my-5">
<div class="row">
<div class="col-md-6 full-time-section" id="fullTimeSection" style="
background: linear-gradient(270deg, var(--primaryColor), #e42d3315), url('images/contact/pattern-three.png');
background-position: center;
background-size: cover;
background-repeat: no-repeat;">
<div class="full-time-text-container my-5 p-md-4">
<div class="text-wrapper mb-3">
<h3 class="pb-1">Full-Time Roles</h3>
<p>Ready to level up your team? Let's get in touch and thrive together!</p>
</div>
<a href="mailto:ghorai.soumyadip33@gmail.com" target="_blank">
<button class="get-in-touch-button dark-button-style py-2 px-3">
get in touch
<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.7071 8.70711C19.0976 8.31658 19.0976 7.68342 18.7071 7.29289L12.3431 0.928932C11.9526 0.538408 11.3195 0.538408 10.9289 0.928932C10.5384 1.31946 10.5384 1.95262 10.9289 2.34315L16.5858 8L10.9289 13.6569C10.5384 14.0474 10.5384 14.6805 10.9289 15.0711C11.3195 15.4616 11.9526 15.4616 12.3431 15.0711L18.7071 8.70711ZM0 9L18 9V7L0 7L0 9Z" fill="#ffffff"/>
</svg>
</button>
</a>
</div>
</div>
<div class="col-md-6 freelance-section py-5 px-3">
<div class="freelance-text-section">
<h2>Beyond Data: Expanding My Horizon</h2>
<p>Freelance Projects, Mentorship, Consulting, and Full-Time Opportunities to Catalyze Your Success</p>
</div>
<div class="freelance-card-container my-3 pr-md-5">
<div class="freelance-card p-3">
<div class="freelance-card-icon">
<svg width="40" height="40" viewBox="0 0 72 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="72" height="62" rx="15" fill="var(--secondaryColor2)" fill-opacity="0.3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M45.25 15C50.0825 15 54 18.9175 54 23.75V33.5938C54 38.4262 50.0825 42.3438 45.25 42.3438H29.2203C28.2749 42.3438 27.3548 42.65 26.598 43.2168L22.4987 46.2864C21.5316 47.0105 20.1606 46.8136 19.4365 45.8466C19.1531 45.4682 19 45.0081 19 44.5354V23.75C19 18.9175 22.9175 15 27.75 15H45.25ZM42.4369 26.043C41.8909 25.7845 41.2388 26.0174 40.9802 26.5634C40.2396 28.1273 38.4373 29.219 36.4962 29.219C34.5565 29.219 32.7633 28.1356 32.0181 26.5759C31.7577 26.0309 31.1048 25.8001 30.5597 26.0605C30.0147 26.3209 29.7839 26.9739 30.0443 27.5189C31.16 29.8541 33.7295 31.4065 36.4962 31.4065C39.2665 31.4065 41.8474 29.8433 42.9573 27.4996C43.2158 26.9537 42.9828 26.3015 42.4369 26.043Z" fill="var(--secondaryColor2)"/>
</svg>
</div>
<div class="text-area mt-2">
<h4 class="freelance-card-title">Refferal</h4>
<p>Know a talented candidate? Send them my way, and together, we'll shape the future of data!</p>
</div>
</div>
<div class="freelance-card p-3">
<div class="freelance-card-icon">
<svg width="40" height="40" viewBox="0 0 72 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="72" height="62" rx="15" fill="var(--secondaryColor2)" fill-opacity="0.3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M52.1579 28.1087C50.19 28.8057 48.065 28.9312 46.0287 28.4705C43.9925 28.0099 42.1284 26.9819 40.6522 25.5057C39.176 24.0295 38.148 22.1654 37.6874 20.1292C37.2267 18.0929 37.3522 15.9679 38.0492 14H24.5263C23.0606 14 21.655 14.5822 20.6186 15.6186C19.5822 16.655 19 18.0606 19 19.5263V41.6316C19 43.0972 19.5822 44.5029 20.6186 45.5393C21.655 46.5757 23.0606 47.1579 24.5263 47.1579H46.6316C48.0972 47.1579 49.5029 46.5757 50.5393 45.5393C51.5757 44.5029 52.1579 43.0972 52.1579 41.6316V28.1087ZM35.5789 21.3684C36.0675 21.3684 36.5361 21.5625 36.8815 21.908C37.227 22.2534 37.4211 22.722 37.4211 23.2105V37.9474C37.4211 38.4359 37.227 38.9045 36.8815 39.2499C36.5361 39.5954 36.0675 39.7895 35.5789 39.7895C35.0904 39.7895 34.6218 39.5954 34.2764 39.2499C33.9309 38.9045 33.7368 38.4359 33.7368 37.9474V23.2105C33.7368 22.722 33.9309 22.2534 34.2764 21.908C34.6218 21.5625 35.0904 21.3684 35.5789 21.3684ZM28.2105 26.8947C28.6991 26.8947 29.1676 27.0888 29.5131 27.4343C29.8586 27.7797 30.0526 28.2483 30.0526 28.7368V37.9474C30.0526 38.4359 29.8586 38.9045 29.5131 39.2499C29.1676 39.5954 28.6991 39.7895 28.2105 39.7895C27.722 39.7895 27.2534 39.5954 26.908 39.2499C26.5625 38.9045 26.3684 38.4359 26.3684 37.9474V28.7368C26.3684 28.2483 26.5625 27.7797 26.908 27.4343C27.2534 27.0888 27.722 26.8947 28.2105 26.8947ZM42.9474 32.4211C43.4359 32.4211 43.9045 32.6151 44.2499 32.9606C44.5954 33.3061 44.7895 33.7746 44.7895 34.2632V37.9474C44.7895 38.4359 44.5954 38.9045 44.2499 39.2499C43.9045 39.5954 43.4359 39.7895 42.9474 39.7895C42.4588 39.7895 41.9903 39.5954 41.6448 39.2499C41.2993 38.9045 41.1053 38.4359 41.1053 37.9474V34.2632C41.1053 33.7746 41.2993 33.3061 41.6448 32.9606C41.9903 32.6151 42.4588 32.4211 42.9474 32.4211Z" fill="var(--secondaryColor2)"/>
<path d="M46.5 25L46.5 14" stroke="var(--secondaryColor1)" stroke-width="3" stroke-linecap="round"/>
<path d="M41 19.5L52 19.5" stroke="var(--secondaryColor1)" stroke-width="3" stroke-linecap="round"/>
</svg>
</div>
<div class="text-area mt-2">
<h4 class="freelance-card-title">Freelancing</h4>
<p>Ready to bring your data visions to life? Let's team up for dynamic freelancing adventures!</p>
</div>
</div>
<div class="freelance-card p-3">
<div class="freelance-card-icon">
<svg width="40" height="40" viewBox="0 0 72 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="72" height="62" rx="15" fill="var(--secondaryColor2)" fill-opacity="0.3"/>
<path d="M29.6875 35.8375L33.4937 32.0312H38.5687C40.6672 32.0312 42.375 30.3235 42.375 28.225V16.8062C42.375 14.7077 40.6672 13 38.5687 13H20.8062C18.7077 13 17 14.7077 17 16.8062V28.225C17 30.3235 18.7077 32.0312 20.8062 32.0312H25.8812L29.6875 35.8375ZM25.2469 19.3437H34.1281C34.4783 19.3437 34.7625 19.6279 34.7625 19.9781C34.7625 20.3283 34.4783 20.6125 34.1281 20.6125H25.2469C24.8967 20.6125 24.6125 20.3283 24.6125 19.9781C24.6125 19.6279 24.8967 19.3437 25.2469 19.3437ZM25.2469 21.8812H34.1281C34.4783 21.8812 34.7625 22.1654 34.7625 22.5156C34.7625 22.8658 34.4783 23.15 34.1281 23.15H25.2469C24.8967 23.15 24.6125 22.8658 24.6125 22.5156C24.6125 22.1654 24.8967 21.8812 25.2469 21.8812ZM25.2469 25.6875C24.8967 25.6875 24.6125 25.4033 24.6125 25.0531C24.6125 24.7029 24.8967 24.4187 25.2469 24.4187H34.1281C34.4783 24.4187 34.7625 24.7029 34.7625 25.0531C34.7625 25.4033 34.4783 25.6875 34.1281 25.6875H25.2469ZM48.7187 25.6875H43.6437V28.225C43.6437 31.0238 41.3676 33.3 38.5687 33.3H34.019L30.5845 36.7345C30.3371 36.9819 30.0123 37.1062 29.6875 37.1062C29.3627 37.1062 29.0379 36.9819 28.7905 36.7345L27.15 35.094V40.9125C27.15 43.0148 28.8539 44.7187 30.9562 44.7187H36.0312L38.9405 47.6279C39.4365 48.124 40.2397 48.124 40.7345 47.6279L43.6437 44.7187H48.7187C50.821 44.7187 52.5249 43.0148 52.5249 40.9125V29.4937C52.5249 27.3914 50.821 25.6875 48.7187 25.6875ZM44.2781 38.375H35.3968C35.0467 38.375 34.7625 38.0908 34.7625 37.7406C34.7625 37.3904 35.0467 37.1062 35.3968 37.1062H44.2781C44.6283 37.1062 44.9125 37.3904 44.9125 37.7406C44.9125 38.0908 44.6283 38.375 44.2781 38.375ZM44.2781 35.8375H35.3968C35.0467 35.8375 34.7625 35.5533 34.7625 35.2031C34.7625 34.8529 35.0467 34.5687 35.3968 34.5687H44.2781C44.6283 34.5687 44.9125 34.8529 44.9125 35.2031C44.9125 35.5533 44.6283 35.8375 44.2781 35.8375Z" fill="var(--secondaryColor2)"/>
</svg>
</div>
<div class="text-area mt-2">
<h4 class="freelance-card-title">Consulting</h4>
<p>Let's collaborate and conquer! Unlock the full potential of your data through insightful consulting.</p>
</div>
</div>
<div class="freelance-card p-3">
<div class="freelance-card-icon">
<svg width="40" height="40" viewBox="0 0 72 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="72" height="62" rx="15" fill="var(--secondaryColor2)" fill-opacity="0.3"/>
<path d="M27.6462 14C28.3739 14 28.9639 14.5673 28.9639 15.2672V17.8234C30.1327 17.8016 31.4428 17.8016 32.9169 17.8016H39.9445C41.4184 17.8016 42.7286 17.8016 43.8974 17.8234V15.2672C43.8974 14.5673 44.4873 14 45.2151 14C45.9427 14 46.5328 14.5673 46.5328 15.2672V17.9355C49.0615 18.1302 50.7217 18.6082 51.9412 19.7811C53.1609 20.954 53.6579 22.5505 53.8604 24.9824L53.9998 26.2496H20.6189H19.001V24.9824C19.2035 22.5505 19.7004 20.954 20.9201 19.7811C22.1397 18.6082 23.7998 18.1302 26.3285 17.9355V15.2672C26.3285 14.5673 26.9185 14 27.6462 14Z" fill="var(--secondaryColor2)"/>
<path opacity="0.5" d="M53.9995 34.9993V31.4994C53.9995 30.031 53.9939 27.4136 53.9713 26.2494H19.0175C18.9949 27.4136 19.0006 30.031 19.0006 31.4994V34.9993C19.0006 41.5987 19.0006 44.8984 21.0508 46.9486C23.101 48.9988 26.4007 48.9988 33.0002 48.9988H39.9999C46.5995 48.9988 49.8992 48.9988 51.9494 46.9486C53.9995 44.8984 53.9995 41.5987 53.9995 34.9993Z" fill="var(--secondaryColor2)"/>
<path d="M46.9996 40.2488C46.9996 41.2153 46.2162 41.9988 45.2497 41.9988C44.2832 41.9988 43.4998 41.2153 43.4998 40.2488C43.4998 39.2824 44.2832 38.4989 45.2497 38.4989C46.2162 38.4989 46.9996 39.2824 46.9996 40.2488Z" fill="var(--secondaryColor1)"/>
<path d="M46.9996 33.2497C46.9996 34.2162 46.2162 34.9996 45.2497 34.9996C44.2832 34.9996 43.4998 34.2162 43.4998 33.2497C43.4998 32.2832 44.2832 31.4998 45.2497 31.4998C46.2162 31.4998 46.9996 32.2832 46.9996 33.2497Z" fill="var(--secondaryColor1)"/>
<path d="M38.2496 40.2488C38.2496 41.2153 37.4662 41.9988 36.4997 41.9988C35.5332 41.9988 34.7498 41.2153 34.7498 40.2488C34.7498 39.2824 35.5332 38.4989 36.4997 38.4989C37.4662 38.4989 38.2496 39.2824 38.2496 40.2488Z" fill="var(--secondaryColor1)"/>
<path d="M38.2496 33.2497C38.2496 34.2162 37.4662 34.9996 36.4997 34.9996C35.5332 34.9996 34.7498 34.2162 34.7498 33.2497C34.7498 32.2832 35.5332 31.4998 36.4997 31.4998C37.4662 31.4998 38.2496 32.2832 38.2496 33.2497Z" fill="var(--secondaryColor1)"/>
<path d="M29.4999 40.2488C29.4999 41.2153 28.7164 41.9988 27.7499 41.9988C26.7835 41.9988 26 41.2153 26 40.2488C26 39.2824 26.7835 38.4989 27.7499 38.4989C28.7164 38.4989 29.4999 39.2824 29.4999 40.2488Z" fill="var(--secondaryColor1)"/>
<path d="M29.4999 33.2497C29.4999 34.2162 28.7164 34.9996 27.7499 34.9996C26.7835 34.9996 26 34.2162 26 33.2497C26 32.2832 26.7835 31.4998 27.7499 31.4998C28.7164 31.4998 29.4999 32.2832 29.4999 33.2497Z" fill="var(--secondaryColor1)"/>
</svg>
</div>
<div class="text-area mt-2">
<h4 class="freelance-card-title">Mentorship</h4>
<p>Empowering talents, one interaction at a time. Mentorship and interview sessions await—let's elevate together!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ############## scroll down ############## -->
<section class="scroll-down mt-5">
<div class="flex-wrapper mt-3">
<div class="scroll-down-text mb-3">
<h2 class="section-title">I’ma talk more about myself now</h2>
<p class="section-text">Starting from my college back in Kolkata till where I’m now. I'm Soumyadip and I'm a <b>#Mountain_Lover</b></p>
</div>
</div>
<div class="flex-wrapper">
<div class="scroller-container">
<div class="scroll-arrow">
<img src="images/iconpack/down-arrow.svg" alt="" height="60px" width="20px" loading="lazy">
</div>
<div class="circle ml-2">