-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1909 lines (1846 loc) · 118 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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.2.2/cdn.js" defer></script>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<!--====== Title ======-->
<title>Sumit Lahiri, SDE, SWA, CSE @IIT-K</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="assets/images/dev_ops.png" type="image/png">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!--====== Line Icons css ======-->
<link rel="stylesheet" href="assets/css/lineicons.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="assets/css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="assets/css/style.css">
<meta property="og:type" content="website">
<meta property="og:url" content="https://lahiri.netlify.app">
<meta property="og:title" content="Sumit Lahiri, CSE IIT Kanpur">
<meta property="og:description"
content="I am a Full Stack Developer proficient at delivering scalable apps. CS Ph.D. @IIT-Kanpur">
<meta property="og:image" content="assets/images/40-512.png">
</head>
<body class="w-full">
<!--====== PRELOADER PART START ======-->
<!-- Top bar -->
<div class="preloader">
<div class="loader_34">
<div class="ytp-spinner">
<div class="ytp-spinner-container mx-auto">
<div class="ytp-spinner-rotator">
<div class="ytp-spinner-left">
<div class="ytp-spinner-circle"></div>
</div>
<div class="ytp-spinner-right">
<div class="ytp-spinner-circle"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--====== PRELOADER ENDS START ======-->
<!--====== HEADER PART START ======-->
<div class="navigation fixed-top">
<div x-data="scrollProgress" class="fixed inset-x-0 top-0 z-50">
<div class="h-2 bg-indigo-600" :style="`width: ${percent}%`"></div>
</div>
<div class="container mx-auto">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<img src="assets/images/icons8-computer-64.png" width="64" height="64">
</a> <!-- Logo -->
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a class="page-scroll" href="#home">Home</a></li>
<li class="nav-item"><a class="page-scroll" href="#about">About</a></li>
<li class="nav-item"><a class="page-scroll" href="#schedule">Schedule</a></li>
<li class="nav-item"><a class="page-scroll" href="#work">Portfolio</a></li>
<li class="nav-item"><a class="page-scroll" href="#background">Experiences</a></li>
<li class="nav-item"><a class="page-scroll" href="#blog">Blog</a></li>
<li class="nav-item"><a class="page-scroll" href="#contact">Contact</a></li>
</ul>
</div> <!-- navbar collapse -->
</nav> <!-- navbar -->
</div>
</div> <!-- row -->
</div> <!-- container mx-auto -->
</div> <!-- navigation -->
<header id="home" class="header-area">
<div id="parallax" class="header-content d-flex align-items-center">
<div class="header-shape shape-one layer" data-depth="0.10">
<img src="assets/images/banner/shape/linux.png" alt="Shape">
</div> <!-- header shape -->
<div class="header-shape shape-tow layer" data-depth="0.30">
<img src="assets/images/banner/shape/mysql.png" alt="Shape">
</div> <!-- header shape -->
<div class="header-shape shape-three-x layer" data-depth="0.35">
<img src="assets/images/banner/shape/mongodb.png" alt="Shape">
</div> <!-- header shape -->
<div class="header-shape shape-three layer" data-depth="0.40">
<img src="assets/images/banner/shape/docker.png" alt="Shape">
</div> <!-- header shape -->
<div class="header-shape shape-fore layer" data-depth="0.60">
<img src="assets/images/banner/shape/python.png" alt="Shape">
</div> <!-- header shape -->
<div class="header-shape shape-five layer" data-depth="0.40">
<img src="assets/images/banner/shape/node-js.png" alt="Shape">
</div> <!-- header shape -->
<div class="header-shape shape-six layer" data-depth="0.30">
<img src="assets/images/banner/shape/javascript.png" alt="Shape">
</div> <!-- header shape -->
<div class="header-shape shape-seven layer" data-depth="0.50">
<img src="assets/images/banner/shape/c.png" alt="Shape">
</div> <!-- header shape -->
<div class="header-shape shape-eight layer" data-depth="0.40">
<img src="assets/images/banner/shape/kafka.png" alt="Shape">
</div> <!-- header shape -->
<div class="header-shape shape-nine layer" data-depth="0.20">
<img src="assets/images/banner/shape/redis.png" alt="Shape">
</div> <!-- header shape -->
<div class="header-shape shape-ten layer" data-depth="0.30">
<img src="assets/images/banner/shape/postgresql.png" alt="Shape">
</div> <!-- header shape -->
<div class="container mx-auto z-50">
<div class="grid max-w-screen-xl px-4 py-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12">
<div class="mr-auto place-self-center lg:col-span-7">
<h1 class="max-w-2xl mb-4 text-2xl font-extrabold tracking-tight leading-none md:text-5xl xl:text-6xl dark:text-white">Hi, I am
<span class="rounded-lg bg-indigo-500 text-white max-w-2xl mb-4 text-2xl font-extrabold
md:text-5xl xl:text-6xl tracking-tight leading-none px-2 py-2 font-bold">Sumit Lahiri</span>.</h1>
<p class="max-w-2xl mb-6 tracking-tight leading-none font-semibold text-indigo-500
text-4xl lg:mb-8 dark:text-gray-400">CS Ph.D. IIT Kanpur, Full Stack Developer and Blockchain Enthusiast. TCS Research Fellow, YC Summer School 2020.</p>
<a href="https://github.com/codersguild" class="inline-flex
items-center justify-center px-7 text-2xl font-bold text-center text-gray-900 ring-4 ring-indigo-500 shadow-xl shadow-indigo-800 bg-indigo-100
border border-gray-300 rounded-lg hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 hover:shadow-indigo-400
dark:hover:bg-gray-700 dark:focus:ring-gray-800">
<svg fill="blue" class="w-20 h-20 px-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>Visit my GitHub
</a>
</div>
<div class="hidden lg:mt-0 lg:col-span-5 lg:flex">
<img src="assets/images/40-512.png" alt="mockup">
</div>
</div>
</div> <!-- container mx-auto -->
<div class="header-social">
<div class="container mx-auto">
<div class="row">
<div class="col-lg-12">
<div class="header-social-icon">
<ul>
<li><a href="https://github.com/codersguild">
<i class="lni-github-original"></i></a>
</li>
<li><a href="https://www.educative.io/verify-certificate/xV1wrP322KEIBxQBG7DwN9FgzPwq37Y7VCE"><i
class="lni-chrome"></i></a>
</li>
<li><a href="https://twitter.com/thenaivecoder"><i
class="lni-twitter-original"></i></a></li>
<li><a href="https://www.startupschool.org/users/BMCFNdeDG9JueA/certificate"><i
class="lni-ycombinator"></i></a></li>
<li><a href="https://www.linkedin.com/in/sumit-lahiri/"><i
class="lni-linkedin-original"></i></a></li>
</ul>
</div> <!-- header social -->
</div>
</div> <!-- row -->
</div> <!-- container mx-auto -->
</div> <!-- header social -->
</div> <!-- header content -->
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== ABOUT PART START ======-->
<section id="about" class="about-area pt-125 pb-130">
<div class="container mx-auto">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="section-title text-center py-10">
<h2 class="title text-3xl">Mission Statement</h2>
<p class="text-2xl py-5 text-center text-gray-900">
I love developing software that solves real-world problems and bridges the gap between <strong>theory</strong> and <strong>practice</strong>.
</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
<div class="flex flex row px-10 py-10">
<div class="col-lg-6">
<div class="about-content py-10">
<div class="lg:text-left">
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">About Me</p>
<p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
Thanks for visiting my site. I love learning new things and putting them into action whenever I can.
</p>
</div>
<div class="mt-10">
<dl class="space-y-10 md:space-y-0 gap-4 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10">
<div class="relative">
<dt>
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
<!-- Heroicon name: outline/globe-alt -->
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 14l9-5-9-5-9 5 9 5z"></path><path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"></path></svg>
</div>
<p class="ml-16 text-lg leading-6 font-medium text-gray-900">What I am currently pursuing?</p>
</dt>
<dd class="mt-2 ml-16 text-base text-gray-500">
I am currently pursuing a <strong><a href="https://github.com/lahiri-phdworks">Ph.D.</a></strong>
in Computer Science & Engineering at <strong>IIT Kanpur</strong> under the guidance of <a href="https://www.cse.iitk.ac.in/users/subhajit/">
Dr. Subhajit Roy</a>
</dd>
</div>
<div class="relative">
<dt>
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
<!-- Heroicon name: outline/scale -->
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
</svg>
</div>
<p class="ml-16 text-lg leading-6 font-medium text-gray-900">Area of Research:</p>
</dt>
<dd class="mt-2 ml-16 text-base text-gray-500">Program Verification, Program Analysis, Complier Optimizations, Machine Learning, Web3, Solidity, Smart Contacts Analysis, Program Testing.</dd>
</div>
<div class="relative">
<dt>
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
<!-- Heroicon name: outline/lightning-bolt -->
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z" />
</svg>
</div>
<p class="ml-16 text-lg leading-6 font-medium text-gray-900">Sideworks:</p>
</dt>
<dd class="mt-2 ml-16 text-base text-gray-500">I worked as a full stack developer to deliver the MVP app for Pluto-Office and the beta release app for ZStack startup. Currently I am building a trade-assistance app at PingTrader.</dd>
</div>
<div class="relative">
<dt>
<div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
<!-- Heroicon name: outline/annotation -->
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
</div>
<p class="ml-16 text-lg leading-6 font-medium text-gray-900">Experience:</p>
</dt>
<dd class="mt-2 ml-16 text-base text-gray-500">I have worked at <strong><a href="https://www.tatamotors.com/">Tata Motors</a></strong> as an assistant proejct manager and at <strong><a href="https://www.golem.network/">Golem Network</a></strong>
as a remote Node.js developer.
</dd>
</div>
</dl>
</div>
</div> <!-- about content -->
</div>
<div class="shadow-xl shadow-indigo-500 px-10 py-10 rounded-xl ring-2 ring-indigo-900 col-xl-5 offset-xl-1 col-lg-6 py-10 max-h-sm">
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">Recent Highlights</p>
<ol class="relative border-l py-10 border-gray-200 dark:border-gray-700">
<li class="mb-10 ml-4">
<div class="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">July 2022</time>
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Almost Correct Invariants.</h3>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">Our work got published in <strong>ISSTA 2022</strong>.</p>
<a href="https://conf.researchr.org/track/issta-2022/issta-2022-technical-papers#event-overview"
class="inline-flex ring-2 ring-indigo-900 items-center py-2 px-4 text-sm font-medium text-gray-900 rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700
focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400
dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700">Learn more
<svg class="ml-2 w-3 h-3" fill="blue" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd"
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0
010-1.414z" clip-rule="evenodd"></path></svg></a>
</li>
<li class="mb-10 ml-4">
<div class="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">April 2022</time>
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">LLVM Implementation of Hot Path SSA Form.</h3>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">I presented our work in <strong>LLVM Performance Workshop</strong> in CGO 2022.</p>
<a href="https://llvm.org/devmtg/2022-04-03/#workshop-schedule"
class="inline-flex ring-2 ring-indigo-900 items-center py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200
hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700
dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700">Learn more
<svg class="ml-2 w-3 h-3" fill="blue" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></a>
</li>
<li class="ml-4">
<div class="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"></div>
<time class="mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">July 2022*</time>
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Symbolic Execution for Randomized Programs.<h3>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">Our work got conditionally accepted in <strong>OOPSLA 2022 (Round-2)</strong>.</p>
</li>
</ol>
</div>
</div> <!-- row -->
</div> <!-- container mx-auto -->
</section>
<!--====== ABOUT PART ENDS ======-->
<!--====== SERVICES PART ENDS ======-->
<!--====== CALL TO ACTION PART START ======-->
<div id ="schedule" class="bg-gray-50 py-20">
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
<h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
<span class="block">Want to schedule a meeting?</span>
<span class="block text-3xl text-indigo-600">I can build you the tech stack for your next big startup!</span>
</h2>
<div class="mt-6 flex flex-row justify-center content-center">
<div class="flex flex-row ">
<a href="#" class="flex flex-row items-center shadow justify-center px-5 py-2 border border-transparent text-base font-medium
rounded-md text-white bg-indigo-600 hover:bg-indigo-700">Calendly</a>
</div>
<div class="ml-1 flex flex-row ">
<a href="#" class="flex flex-row items-center shadow justify-center px-5 py-2 border border-transparent text-base font-medium
rounded-md text-indigo-600 bg-white hover:bg-indigo-50">iCalender</a>
</div>
</div>
</div>
</div>
<!--====== CALL TO ACTION PART ENDS ======-->
<!--====== WORK PART START ======-->
<section id="work" class="work-area pt-125 pb-130">
<div class="container mx-auto">
<div class="flex flex-row px-10 py-10">
<div class="col-lg-12">
<div class="section-title pb-25">
<h2 class="text-2xl text-bold text-center title">Projects</h2>
<p class="justify-center text-2xl text-center">I maintain two github accounts one to keep my webprojects and startup mvp apps and the other for all my research related projects. I showcase some of my projects here.</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
<div class="flex flex-row grid justify-items-center items-center">
<div class="mt-6 flex flex-col lg:flex-row lg:mt-0 lg:flex-shrink-0">
<div class="flex flex-row grid justify-items-stretch px-1 py-2">
<a href="https://www.linkedin.com/in/sumit-lahiri/" class="flex flex-row items-center
justify-center px-5 py-1 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700">
<svg fill="white" class="w-10 h-10 px-2.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>LinkedIn</a>
</div>
<div class="ml-1 flex flex-row grid justify-items-stretch px-1 py-2">
<a href="https://github.com/lahiri-phdworks" class="flex flex-row
items-center justify-center px-5 py-1 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50">
<svg fill="blue" class="w-10 h-10 px-2.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>Research GitHub</a>
</div>
</div>
</div> <!-- row -->
<div class="py-10"></div>
<div class="flex flex-row content-center justify-center">
<div class="flex flex-row grid items-center justify-center lg:grid-cols-4 grid-cols-1 gap-4 justify-content-center">
<div class="h-max bg-white rounded-xl ring-2 ring-blue-900 ring-4 ring-indigo-700 dark:bg-gray-800 dark:border-gray-700">
<a href="#">
<img class="px-1 py-1" src="https://www.kindpng.com/picc/m/128-1280187_github-logo-png-github-transparent-png.png" alt="product image" />
</a>
<div class="px-5 pb-5">
<a href="#">
<h5 class="text-3xl font-bold text-left py-4 tracking-tight text-gray-900 dark:text-white">VideoDB</h5>
</a>
<span class="text-xl h-40 py-2 tracking-tight text-gray-900 dark:text-white py-2">A
torrent based movie streaming application which scaled to 10K users. Sold the website on 2017.</span>
<div class="flex flex-row justify-start items-left mt-1 mb-3">
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">React</span>
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">.NET</span>
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">Node.js</span>
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">MonogDB</span>
</div>
<div class="flex justify-between items-center">
<a href="https://conf.researchr.org/track/issta-2022/issta-2022-technical-papers#event-overview"
class="inline-flex items-center py-2 px-4 text-sm font-medium bg-indigo-500 text-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700
focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400 hover:bg-black
dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700">Learn more
<svg class="ml-2 w-3 h-3" fill="white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd"
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0
010-1.414z" clip-rule="evenodd"></path></svg></a>
</div>
</div>
</div>
<div class="h-full bg-white rounded-xl ring-2 ring-blue-900 ring-4 ring-indigo-700 dark:bg-gray-800 dark:border-gray-700">
<a href="#">
<img class="px-1 py-1" src="https://www.kindpng.com/picc/m/128-1280187_github-logo-png-github-transparent-png.png" alt="product image" />
</a>
<div class="px-5 pb-5">
<a href="#">
<h5 class="text-3xl font-bold text-left py-4 tracking-tight text-gray-900 dark:text-white">React Examples</h5>
</a>
<span class="text-xl h-40 tracking-tight text-gray-900 dark:text-white py-2">Hosting some of the React stuff I learned on the way.</span>
<div class="flex justify-start items-left mt-1 mb-3">
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">React</span>
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">Netlify</span>
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">Node.js</span>
</div>
<div class="flex justify-between items-center">
<a href="https://conf.researchr.org/track/issta-2022/issta-2022-technical-papers#event-overview"
class="inline-flex items-center py-2 px-4 text-sm font-medium bg-indigo-500 text-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700
focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400 hover:bg-black
dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700">Learn more
<svg class="ml-2 w-3 h-3" fill="white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd"
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0
010-1.414z" clip-rule="evenodd"></path></svg></a>
</div>
</div>
</div>
<div class="h-full bg-white rounded-xl ring-2 ring-blue-900 ring-4 ring-indigo-700 dark:bg-gray-800 dark:border-gray-700">
<a href="#">
<img class="px-1 py-1" src="https://www.kindpng.com/picc/m/128-1280187_github-logo-png-github-transparent-png.png" alt="product image" />
</a>
<div class="px-5 pb-5">
<a href="#">
<h5 class="text-3xl font-bold text-left py-4 tracking-tight text-gray-900 dark:text-white">Pluto Office (MVP)</h5>
</a>
<span class="text-xl h-40 tracking-tight text-gray-900 dark:text-white py-2">Made a slack-like app for remote working and video-conferencing.</span>
<div class="flex justify-start items-left mt-1 mb-3">
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">Electron</span>
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">Agora</span>
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">Node.js</span>
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">Socket.io</span>
</div>
<div class="flex justify-between items-center">
<a href="https://conf.researchr.org/track/issta-2022/issta-2022-technical-papers#event-overview"
class="inline-flex items-center py-2 px-4 text-sm font-medium bg-indigo-500 text-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700
focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400 hover:bg-black
dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700">Learn more
<svg class="ml-2 w-3 h-3" fill="white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd"
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0
010-1.414z" clip-rule="evenodd"></path></svg></a>
</div>
</div>
</div>
<div class="h-full bg-white rounded-xl ring-2 ring-blue-900 ring-4 ring-indigo-700 dark:bg-gray-800 dark:border-gray-700">
<a href="#">
<img class="px-1 py-1" src="https://www.kindpng.com/picc/m/128-1280187_github-logo-png-github-transparent-png.png" alt="product image" />
</a>
<div class="px-5 pb-5">
<a href="#">
<h5 class="text-3xl font-bold text-left py-4 tracking-tight text-gray-900 dark:text-white">VidConf</h5>
</a>
<br />
<span class="text-xl h-40 tracking-tight text-gray-900 dark:text-white py-2">A web based quick video-conferencing app.</span>
<div class="flex justify-start items-left mt-1 mb-3">
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">React</span>
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">Agora</span>
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">Node.js</span>
<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-1 px-2 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">MongoDB</span>
</div>
<div class="flex justify-between items-center">
<a href="https://conf.researchr.org/track/issta-2022/issta-2022-technical-papers#event-overview"
class="inline-flex items-center py-2 px-4 text-sm font-medium bg-indigo-500 text-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700
focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400 hover:bg-black
dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700">Learn more
<svg class="ml-2 w-3 h-3" fill="white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd"
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0
010-1.414z" clip-rule="evenodd"></path></svg></a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container mx-auto -->
</section>
<!--====== WORK PART ENDS ======-->
<section id="background" class="alt-back-ground-area gray-bg pt-125 pb-130">
<div class="container mx-auto">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="section-title pb-25">
<h2 class="text-2xl text-bold text-center title">Background</h2>
<p class="justify-center text-2xl text-center">I have a 2 years of experience in the industry tackling multiple projects. My background has helped me understanding a wide spectrum of problems. I gained both overall and ground level problem-solving skills.</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
<div class="flex flex-row justify-center justify-content-center items-center">
<div class="mt-6 flex flex-col lg:flex-row lg:mt-0 lg:flex-shrink-0">
<div class="flex flex-row grid justify-items-stretch px-1 py-2">
<a href="https://github.com/codersguild/codersguild/blob/master/cv/SumitLahiriIITK-2YoE-LinkedIn.pdf" class="flex flex-row items-center justify-center px-5 py-2 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700"><svg fill="white" class="w-10 h-10 px-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>LinkedIn Resume</a>
</div>
<div class="ml-2 flex flex-row grid justify-items-stretch py-2">
<a href="https://github.com/codersguild/codersguild/blob/master/cv/SumitLahiriIITK-2YoE-Resume.pdf" class="flex flex-row items-center justify-center px-5 py-2 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50"><svg fill="blue" class="w-10 h-10 px-2.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>Detailed Resume (PDF)</a>
</div>
</div>
</div> <!-- row -->
<div class="py-10"></div>
<div class="flex flex-row grid lg:grid-cols-3 xs:grid-cols-1 gap-4">
<div class="shadow-xl shadow-indigo-500 px-10 py-10 rounded-xl ring-2 ring-indigo-900">
<ol class="relative border-l border-gray-200 dark:border-gray-700">
<li class="mb-10 ml-6">
<span class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
</span>
<h3 class="flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white">Teaching Assistant<span class="bg-green-100 text-green-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">Current</span></h3>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">July 2022 - *</time>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
I am currently the teaching assistant for one of most favourite courses yet again! Program Analysis, Verification and Testing.
</p>
</li>
<li class="mb-10 ml-6">
<span class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
</span>
<h3 class="flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white">Tutor<span class="bg-green-100 text-green-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">Current</span></h3>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">April 2022 - July 2022</time>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
I taught C programming language to first year undergraduate students at IIT Kanpur under ESC-101 course.
</p>
</li>
<li class="mb-10 ml-6">
<span class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
</span>
<h3 class="flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white">Teaching Assistant<span class="bg-red-100 text-red-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">Ongoing</span></h3>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">Aug 2019 - July 2022</time>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">I have been a teaching assistant for a couple courses at IIT Kanpur. Advacned Compiler Optimizations, Program Verification, Analysis and Testing,
Software Development and Operations. Compiler Design.
</p>
</li>
<li class="mb-10 ml-6">
<span class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
</span>
<h3 class="mb-1 text-lg font-semibold text-gray-900 dark:text-white">Campus Expert @GitHub<span class="bg-yellow-100 text-yerllow-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">Pending</span></h3>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">December 2020</time>
<p class="text-base font-normal text-gray-500 dark:text-gray-400">I have been selected as a Campus Expert representing GitHub to the IIT Kanpur community.</p>
</li>
</ol>
</div>
<div class="shadow-xl shadow-green-500 px-10 py-10 rounded-xl ring-2 ring-green-900">
<ol class="relative border-l border-gray-200 dark:border-gray-700">
<li class="mb-10 ml-6">
<span class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
</span>
<h3 class="flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white">Golem<span class="bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">Previous</span></h3>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">March 2018 - September 2018</time>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">I worked as a remote Node.js developer on their Golem contract conversion and compilation pipeline team.</p>
</li>
<li class="mb-10 ml-6">
<span class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
</span>
<h3 class="flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white">Pluto Office (pre-MVP)<span class="bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">Previous</span></h3>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">August 2021 - December 2021</time>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">I worked as a remote full stack developer delivering their pre-MVP application.</p>
</li>
<li class="mb-10 ml-6">
<span class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
</span>
<h3 class="flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white">Tata Motors<span class="bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">Previous</span></h3>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">August 2016 - December 2017</time>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">I worked as an assistant project manager handling multiple projects in the M&HCV Business unit.</p>
</li>
</ol>
</div>
<div class="shadow-xl shadow-red-500 px-10 py-10 rounded-xl ring-2 ring-red-900">
<ol class="relative border-l border-gray-200 dark:border-gray-700">
<li class="mb-10 ml-6">
<span class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
</span>
<h3 class="flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white">Mechanical Engineering<span class="bg-blue-100 text-blue-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">B.Tech Degree</span></h3>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">April 2016</time>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">I graduated as a mechanical engineer from NIT Durgapur.</p>
</li>
<li class="mb-10 ml-6">
<span class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
</span>
<h3 class="flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white">KERS Project<span class="bg-indigo-100 text-indigo-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">B.Tech Thesis</span></h3>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">March 2016</time>
<p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">Developed a prototype and tested a kinetic energy recovery system for two-wheeler vehicles. Tested the prototype with FEA, FEM and on a bicycle(rig)</p>
</li>
<li class="mb-10 ml-6">
<span class="flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900">
<svg class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
</span>
<h3 class="mb-1 text-lg font-semibold text-gray-900 dark:text-white">Member of SAE Baja</h3>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">April 2014</time>
<p class="text-base font-normal text-gray-500 dark:text-gray-400">I become a member of SAE Baja and grew interest in topics like internal combustion engines and automotive design.</p>
</li>
</ol>
</div>
</div> <!-- row -->
</div> <!-- container mx-auto -->
</section>
<!--====== BLOG PART START ======-->
<section id="blog" class="blog-area pt-125 pb-130">
<div class="container mx-auto">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="section-title text-center pb-25">
<h2 class="title">Useful Links/Blogs</h2>
<p class="justify-center text-2xl text-center">I maintain a system design and software architecture repository with over 600 stars. I read blogs and books during my free time from research to improve my system-level implementation skills.</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
<div class="flex flex-row justify-center justify-content-center items-center">
<div class="mt-6 flex flex-col lg:flex-row lg:mt-0 lg:flex-shrink-0">
<div class="flex flex-row grid justify-items-stretch py-2">
<a href="https://github.com/codersguild/Software-Analysis-PAVT" class="flex flex-row items-center justify-center px-5 py-2 border border-transparent text-base shadow-xl shadow-indigo-500 font-medium rounded-md ring-2 ring-indigo-500 text-indigo-600 bg-white hover:bg-indigo-50"><svg fill="blue" class="w-10 h-10 px-2.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>Program Analysis</a>
</div>
<div class="px-2"></div>
<div class="ml-2 flex flex-row grid justify-items-stretch px-1 py-2">
<a href="https://github.com/codersguild/System-Design" class="flex flex-row items-center justify-center px-5 py-2 border border-transparent text-base shadow-xl shadow-green-500 font-medium rounded-md ring-2 ring-green-500 text-green-600 bg-white hover:bg-indigo-50"><svg fill="green" class="w-10 h-10 px-2.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>System Design</a>
</div>
</div>
</div> <!-- row -->
<div class="py-10"></div>
<div class="flex flex-row grid lg:grid-cols-3 xs:grid-cols-1 gap-4">
<div class="card bg-base-100 shadow-xl rounded-xl ring-2 ring-indigo-700 shadow-indigo-400 hover:shadow-green-500 hover:ring-green-900">
<figure><img src="assets/images/blog/sde.png" alt="Shoes" /></figure>
<div class="card-body">
<h2 class="card-title">
<a href="https://github.com/codersguild/System-Design">System Design</a>
<span class="bg-indigo-100 text-indigo-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">Sumit Lahiri</span>
</h2>
<p>A collection of system design and software engineering articles I maintain.</p>
<div class="card-actions justify-end">
<div class="badge badge-outline">Engineering</div>
<div class="badge badge-outline">Design</div>
</div>
</div>
</div>
<div class="card bg-base-100 shadow-xl rounded-xl ring-2 ring-indigo-700 shadow-indigo-400 hover:shadow-green-500 hover:ring-green-900">
<figure><img src="assets/images/blog/sde.png" alt="Shoes" /></figure>
<div class="card-body">
<h2 class="card-title">
<a
href="https://medium.com/koinex-crunch/pushman-the-koinex-standard-for-realtime-experience-4122d2715c92">Pub-Sub
Architecture</a>
<span class="bg-indigo-100 text-indigo-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">Ankush @Koinex</span>
</h2>
<p>A publisher-subscriber architecture used in Pushman by Koinex.</p>
<div class="card-actions justify-end">
<div class="badge badge-outline">Engineering</div>
<div class="badge badge-outline">Design</div>
</div>
</div>
</div>
<div class="card bg-base-100 shadow-xl rounded-xl ring-2 ring-indigo-700 shadow-indigo-400 hover:shadow-green-500 hover:ring-green-900">
<figure><img src="assets/images/blog/sde2.png" alt="Shoes" /></figure>
<div class="card-body">
<h2 class="card-title">
<a
href="https://engineering.videoblocks.com/web-architecture-101-a3224e126947">Web
Archtechture 101</a>
<span class="bg-indigo-100 text-indigo-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">Jonathan Fulton</span>
</h2>
<p>A description of the client-server architecture and components for modern web </p>
<div class="card-actions justify-end">
<div class="badge badge-outline">Modern Web</div>
<div class="badge badge-outline">Design</div>
</div>
</div>
</div>
<div class="card bg-base-100 shadow-xl rounded-xl ring-2 ring-indigo-700 shadow-indigo-400 hover:shadow-green-500 hover:ring-green-900">
<figure><img src="assets/images/blog/sde.png" alt="Shoes" /></figure>
<div class="card-body">
<h2 class="card-title">
<a href="https://www.infoq.com/articles/microservices-inside-out/?itm_campaign=rightbar_v2&itm_source=infoq&itm_medium=articles_link&itm_content=link_text">Turning Microservices Inside-Out</a>
<span class="bg-indigo-100 text-indigo-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">InfoQ</span>
</h2>
<p>This radical idea is very well presented by Martin Kleppmann in his talk called "Turning the database inside-out."</p>
<div class="card-actions justify-end">
<div class="badge badge-outline">Microservices</div>
<div class="badge badge-outline">Databases</div>
</div>
</div>
</div>
<div class="card bg-base-100 shadow-xl rounded-xl ring-2 ring-indigo-700 shadow-indigo-400 hover:shadow-green-500 hover:ring-green-900">
<figure><img src="assets/images/blog/istio_arch.webp" alt="Shoes" /></figure>
<div class="card-body">
<h2 class="card-title">
<a href="https://www.infoq.com/articles/service-mesh-ultimate-guide-2e/?itm_campaign=rightbar_v2&itm_source=infoq&itm_medium=articles_link&itm_content=link_text">Service Meshes</a>
<span class="bg-indigo-100 text-indigo-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">InfoQ</span>
</h2>
<p>A detailed article on use and idea behind service mesh architecture.</p>
<div class="card-actions justify-end">
<div class="badge badge-outline">Microservices</div>
<div class="badge badge-outline">CD/CI</div>
</div>
</div>
</div>
<div class="card bg-base-100 shadow-xl rounded-xl ring-2 ring-indigo-700 shadow-indigo-400 hover:shadow-green-500 hover:ring-green-900">
<figure><img src="assets/images/blog/sde.png" alt="Shoes" /></figure>
<div class="card-body">
<h2 class="card-title">
<a href="https://sourcemaking.com/design_patterns">Design
Patterns</a>
<span class="bg-indigo-100 text-indigo-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">sourcemaking.com</span>
</h2>
<p>A site detailing the inner workings and types of design patterns used to build modern software.</p>
<div class="card-actions justify-end">
<div class="badge badge-outline">Software Design</div>
<div class="badge badge-outline">Patterns</div>
</div>
</div>
</div>
<div class="card bg-base-100 shadow-xl rounded-xl ring-2 ring-indigo-700 shadow-indigo-400 hover:shadow-green-500 hover:ring-green-900">
<figure><img src="assets/images/blog/sde.png" alt="Shoes" /></figure>
<div class="card-body">
<h2 class="card-title">
<a href="https://refactoring.guru/refactoring/techniques">Refactoring
Techniques</a>
<span class="bg-indigo-100 text-indigo-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">refactoring.guru</span>
</h2>
<p>A colossal website for learning smart refactoring techniques.</p>
<div class="card-actions justify-end">
<div class="badge badge-outline">Software Design</div>
<div class="badge badge-outline">Engineering</div>
</div>
</div>
</div>
<div class="card bg-base-100 shadow-xl rounded-xl ring-2 ring-indigo-700 shadow-indigo-400 hover:shadow-green-500 hover:ring-green-900">
<figure><img src="assets/images/blog/node.png" alt="Shoes" /></figure>
<div class="card-body">
<h2 class="card-title">
<a href="https://medium.com/@qasimsoomro/building-microservices-using-node-js-with-ddd-cqrs-and-event-sourcing-part-1-of-2-52e0dc3d81df">CQRS
with Node.js</a>
<span class="bg-indigo-100 text-indigo-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">Medium</span>
</h2>
<p>Building microservices using Node.js with DDD, CQRS and event-sourcing .</p>
<div class="card-actions justify-end">
<div class="badge badge-outline">Design</div>
<div class="badge badge-outline">Engineering</div>
</div>
</div>
</div>
<div class="card bg-base-100 shadow-xl rounded-xl ring-2 ring-indigo-700 shadow-indigo-400 hover:shadow-green-500 hover:ring-green-900">
<figure><img src="assets/images/blog/sde3.png" alt="Shoes" /></figure>
<div class="card-body">
<h2 class="card-title">
<a
href="http://highscalability.com/blog/2020/1/10/stuff-the-internet-says-on-scalability-for-january-10th-2020.html">Stuff
the Internet Says...</a>
<span class="bg-indigo-100 text-indigo-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800 ml-3">highscalability</span>
</h2>
<p>A colossal website for facts and information about scaling the modern web.</p>
<div class="card-actions justify-end">
<div class="badge badge-outline">Software Design</div>
<div class="badge badge-outline">Engineering</div>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container mx-auto -->
</section>
<!--====== BLOG PART ENDS ======-->
<!--====== BLOG PART START ======-->
<!--====== BLOG PART ENDS ======-->
<!--====== CONTACT PART START ======-->
<section id="contact" class="contact-area bg-white py-20 lg:py-[120px] overflow-hidden relative z-10">
<div class="container">
<div class="flex flex-wrap lg:justify-between -mx-4">
<div class="w-full lg:w-1/2 xl:w-6/12 px-4">
<div class="max-w-[570px] mb-12 lg:mb-0">
<span class="block mb-4 text-base text-primary font-semibold">
Contact Information
</span>
<h2
class="
text-dark
mb-6
uppercase
font-bold
text-[32px]
sm:text-[40px]
lg:text-[36px]
xl:text-[40px]
"
>
Contact Me
</h2>
<p class="text-base text-body-color leading-relaxed mb-9">
Thanks for visiting my site. I hope this gives you a brief overview of my
interests and my technical competency as a full stack developer.
</p>
<div class="flex mb-8 max-w-[370px] w-full">
<div
class="
max-w-[60px]
sm:max-w-[70px]
w-full
h-[60px]
sm:h-[70px]
flex
items-center
justify-center
mr-6
overflow-hidden
bg-gray-100
text-primary
rounded
"
>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
class="fill-current"
>
<path
d="M21.8182 24H16.5584C15.3896 24 14.4156 23.0256 14.4156 21.8563V17.5688C14.4156 17.1401 14.0649 16.7893 13.6364 16.7893H10.4026C9.97403 16.7893 9.62338 17.1401 9.62338 17.5688V21.8173C9.62338 22.9866 8.64935 23.961 7.48052 23.961H2.14286C0.974026 23.961 0 22.9866 0 21.8173V8.21437C0 7.62972 0.311688 7.08404 0.818182 6.77223L11.1039 0.263094C11.6494 -0.0876979 12.3896 -0.0876979 12.9351 0.263094L23.2208 6.77223C23.7273 7.08404 24 7.62972 24 8.21437V21.7783C24 23.0256 23.026 24 21.8182 24ZM10.3636 15.4251H13.5974C14.7662 15.4251 15.7403 16.3995 15.7403 17.5688V21.8173C15.7403 22.246 16.0909 22.5968 16.5195 22.5968H21.8182C22.2468 22.5968 22.5974 22.246 22.5974 21.8173V8.25335C22.5974 8.13642 22.5195 8.01949 22.4416 7.94153L12.1948 1.4324C12.0779 1.35445 11.9221 1.35445 11.8442 1.4324L1.55844 7.94153C1.44156 8.01949 1.4026 8.13642 1.4026 8.25335V21.8563C1.4026 22.285 1.75325 22.6358 2.18182 22.6358H7.48052C7.90909 22.6358 8.25974 22.285 8.25974 21.8563V17.5688C8.22078 16.3995 9.19481 15.4251 10.3636 15.4251Z"
/>
</svg>
</div>
<div class="w-full">
<h4 class="font-bold text-dark text-xl mb-1">Location</h4>
<p class="text-base text-body-color">
KD 106, Dept. of CSE, IIT Kanpur, Kalyanpur, UP-208016
</p>
</div>
</div>
<div class="flex mb-8 max-w-[370px] w-full">
<div
class="
max-w-[60px]
sm:max-w-[70px]
w-full
h-[60px]
sm:h-[70px]
flex
items-center
justify-center
mr-6
overflow-hidden
bg-gray-100
text-primary
rounded
"
>
<svg
width="24"
height="26"
viewBox="0 0 24 26"
class="fill-current"
>
<path
d="M22.6149 15.1386C22.5307 14.1704 21.7308 13.4968 20.7626 13.4968H2.82869C1.86042 13.4968 1.10265 14.2125 0.97636 15.1386L0.092295 23.9793C0.0501967 24.4845 0.21859 25.0317 0.555377 25.4106C0.892163 25.7895 1.39734 26 1.94462 26H21.6887C22.1939 26 22.6991 25.7895 23.078 25.4106C23.4148 25.0317 23.5832 24.5266 23.5411 23.9793L22.6149 15.1386ZM21.9413 24.4424C21.8992 24.4845 21.815 24.5687 21.6466 24.5687H1.94462C1.81833 24.5687 1.69203 24.4845 1.64993 24.4424C1.60783 24.4003 1.52364 24.3161 1.56574 24.1477L2.4498 15.2649C2.4498 15.0544 2.61819 14.9281 2.82869 14.9281H20.8047C21.0152 14.9281 21.1415 15.0544 21.1835 15.2649L22.0676 24.1477C22.0255 24.274 21.9834 24.4003 21.9413 24.4424Z"
/>
<path
d="M11.7965 16.7805C10.1547 16.7805 8.84961 18.0855 8.84961 19.7273C8.84961 21.3692 10.1547 22.6742 11.7965 22.6742C13.4383 22.6742 14.7434 21.3692 14.7434 19.7273C14.7434 18.0855 13.4383 16.7805 11.7965 16.7805ZM11.7965 21.2008C10.9966 21.2008 10.3231 20.5272 10.3231 19.7273C10.3231 18.9275 10.9966 18.2539 11.7965 18.2539C12.5964 18.2539 13.2699 18.9275 13.2699 19.7273C13.2699 20.5272 12.5964 21.2008 11.7965 21.2008Z"
/>
<path
d="M1.10265 7.85562C1.18684 9.70794 2.82868 10.4657 3.67064 10.4657H6.61752C6.65962 10.4657 6.65962 10.4657 6.65962 10.4657C7.92257 10.3815 9.18552 9.53955 9.18552 7.85562V6.84526C10.5748 6.84526 13.7742 6.84526 15.1635 6.84526V7.85562C15.1635 9.53955 16.4264 10.3815 17.6894 10.4657H17.7315H20.6363C21.4782 10.4657 23.1201 9.70794 23.2043 7.85562C23.2043 7.72932 23.2043 7.26624 23.2043 6.84526C23.2043 6.50847 23.2043 6.21378 23.2043 6.17169C23.2043 6.12959 23.2043 6.08749 23.2043 6.08749C23.078 4.90874 22.657 3.94047 21.9413 3.18271L21.8992 3.14061C20.8468 2.17235 19.5838 1.62507 18.6155 1.28828C15.795 0.193726 12.2587 0.193726 12.0903 0.193726C9.6065 0.235824 8.00677 0.446315 5.60716 1.28828C4.681 1.58297 3.41805 2.13025 2.36559 3.09851L2.3235 3.14061C1.60782 3.89838 1.18684 4.86664 1.06055 6.04539C1.06055 6.08749 1.06055 6.12959 1.06055 6.12959C1.06055 6.21378 1.06055 6.46637 1.06055 6.80316C1.10265 7.18204 1.10265 7.68722 1.10265 7.85562ZM3.37595 4.15097C4.21792 3.3932 5.27038 2.93012 6.15444 2.59333C8.34355 1.79346 9.7749 1.62507 12.1745 1.58297C12.3429 1.58297 15.6266 1.62507 18.1525 2.59333C19.0365 2.93012 20.089 3.3511 20.931 4.15097C21.394 4.65615 21.6887 5.32972 21.7729 6.12959C21.7729 6.25588 21.7729 6.46637 21.7729 6.80316C21.7729 7.22414 21.7729 7.68722 21.7729 7.81352C21.7308 8.78178 20.8047 8.99227 20.6784 8.99227H17.7736C17.3526 8.95017 16.679 8.78178 16.679 7.85562V6.12959C16.679 5.7928 16.4685 5.54021 16.1738 5.41392C15.9213 5.32972 8.55405 5.32972 8.30146 5.41392C8.00677 5.49811 7.79628 5.7928 7.79628 6.12959V7.85562C7.79628 8.78178 7.1227 8.95017 6.70172 8.99227H3.79694C3.67064 8.99227 2.74448 8.78178 2.70238 7.81352C2.70238 7.68722 2.70238 7.22414 2.70238 6.80316C2.70238 6.46637 2.70238 6.29798 2.70238 6.17169C2.61818 5.32972 2.91287 4.65615 3.37595 4.15097Z"
/>
</svg>
</div>
<div class="w-full">
<h4 class="font-bold text-dark text-xl mb-1">Phone Number</h4>
<p class="text-base text-body-color">(+91)90 073 422 70</p>
</div>
</div>
<div class="flex mb-8 max-w-[370px] w-full">
<div
class="
max-w-[60px]
sm:max-w-[70px]
w-full
h-[60px]
sm:h-[70px]
flex
items-center
justify-center
mr-6
overflow-hidden
bg-gray-100
text-primary
rounded
"
>
<svg
width="28"
height="19"
viewBox="0 0 28 19"
class="fill-current"
>
<path
d="M25.3636 0H2.63636C1.18182 0 0 1.16785 0 2.6052V16.3948C0 17.8322 1.18182 19 2.63636 19H25.3636C26.8182 19 28 17.8322 28 16.3948V2.6052C28 1.16785 26.8182 0 25.3636 0ZM25.3636 1.5721C25.5909 1.5721 25.7727 1.61702 25.9545 1.75177L14.6364 8.53428C14.2273 8.75886 13.7727 8.75886 13.3636 8.53428L2.04545 1.75177C2.22727 1.66194 2.40909 1.5721 2.63636 1.5721H25.3636ZM25.3636 17.383H2.63636C2.09091 17.383 1.59091 16.9338 1.59091 16.3499V3.32388L12.5 9.8818C12.9545 10.1513 13.4545 10.2861 13.9545 10.2861C14.4545 10.2861 14.9545 10.1513 15.4091 9.8818L26.3182 3.32388V16.3499C26.4091 16.9338 25.9091 17.383 25.3636 17.383Z"
/>
</svg>
</div>
<div class="w-full">
<h4 class="font-bold text-dark text-xl mb-1">
Email Address
</h4>
<p class="text-base text-body-color">[email protected]</p>
</div>
</div>
</div>
</div>
<div class="w-full lg:w-1/2 xl:w-5/12 px-4">
<div class="bg-white relative rounded-lg p-8 sm:p-12 shadow-lg">
<form action="https://formsubmit.co/71d60213727d5760fcf80b9a7db164df" id="my_form" method="POST">
<div class="mb-6">
<input
type="text"
name="name"
required
placeholder="Your Name"
class="
w-full
rounded
py-3
px-[14px]
text-body-color text-base
border border-[f0f0f0]
outline-none
focus-visible:shadow-none
focus:border-primary
"
/>
</div>
<div class="mb-6">
<input
type="email"
name="email"
required
placeholder="Your Email"
class="
w-full
rounded
py-3
px-[14px]
text-body-color text-base
border border-[f0f0f0]
outline-none
focus-visible:shadow-none
focus:border-primary
"
/>
</div>
<div class="mb-6">
<input
type="tel"
name="phone_number"
placeholder="Your Phone"
class="
w-full
rounded
py-3
px-[14px]
text-body-color text-base
border border-[f0f0f0]
outline-none
focus-visible:shadow-none
focus:border-primary
"
/>
</div>
<div class="mb-6">
<textarea
type="text"
name="message"
required
rows="6"
placeholder="Your Message"
class="
w-full
rounded
py-3
px-[14px]
text-body-color text-base
border border-[f0f0f0]
resize-none
outline-none
focus-visible:shadow-none
focus:border-primary
"
></textarea>
</div>
<div>
<button