-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
713 lines (614 loc) · 37.3 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
<!DOCTYPE html>
<html lang="">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-108303559-1"></script>
<script>
// For asynchronous Analytics
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
ga('require', 'GTM-PZNX3CB');
gtag('config', 'UA-108303559-1');
</script>
<!-- Required meta tags always come first -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="desciption" content="Abhinav Tiwari">
<title>Abhinav Tiwari</title>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<!-- custom css defined here -->
<link rel="stylesheet" type="text/css" href="css/mycss.css">
<!-- custom JS functions defined here -->
<script src="js/app.js" type="text/javascript"></script>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rationale" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald|PT+Sans|Roboto|Ubuntu:300,400" rel="stylesheet">
<!-- Calendly badge widget begin -->
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/abhinav1602/one-on-one', text: 'Schedule time with me', color: '#0069ff', textColor: '#ffffff', branding: true }); }</script>
<!-- Calendly badge widget end -->
</head>
<body>
<div class="row" id="mynav">
<!--Navigation Bar starts here-->
<nav>
<div class="nav-wrapper">
<a data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i>
</a>
<div class="right hide-on-small-and-down" id="resume">
<a href="./Abhinav Tiwari Resume.pdf" class="waves-effect waves-light btn transparent">Download Resume</a>
</div>
<div class="right">
<a href="https://ko-fi.com/M4M8GNLRD" target="_blank"><img height="36" style="height: 60px !important;width: 217px !important;" src="https://storage.ko-fi.com/cdn/kofi2.png?v=3" border="0" alt="Buy Me a Coffee at ko-fi.com"></a>
<a href="https://www.buymeacoffee.com/abhinav1602" target="_blank" style=""><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;border-radius:50px"></a>
</div>
<ul class="right hide-on-small-and-down">
<li><a href="#edu" class="">Edu</a></li>
<li><a href="#exp" class="">Exp</a></li>
<li><a href="#pro" class="">Pro</a></li>
<li><a href="#contact">Contact Me</a> </li>
</ul>
<ul class="side-nav" id="mobile-demo">
<a href="./Abhinav Tiwari Resume.pdf" class="left-align waves-effect waves-light btn indigo darken-4">Download Resume</a>
<li><a href="#edu" class="">Edu</a></li>
<li><a href="#exp" class="">Exp</a></li>
<li><a href="#pro" class="">Pro</a></li>
<li><a href="#contact">Contact Me</a> </li>
<li><a href="https://www.buymeacoffee.com/abhinav1602" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a></li>
</ul>
</div>
</nav>
<!--Navigation Ends Here-->
</div>
<div class="row main_box">
<div class="row col s12 m12 l2 myLeft center">
<div class="col s12 m12 l12 left_card center">
<div class="dp center">
<!-- My photo here -->
<picture>
<!-- <source type="image/webp" srcset="images/webp/mypic.webp"> -->
<img src="images/webp/mypic.webp" alt="a butterfly">
</picture>
<!-- <img src="images/mypic.png" alt="Abhinav Tiwari" class="responsive-img"> -->
</div>
<hr>
<div class="course center">
<img class="responsive-img" style="vertical-align:bottom" src="images/webp/degree.webp">
<span class="white-text"> B.Tech
<img class="responsive-img" style="vertical-align:bottom" src="images/webp/laptop.webp">
<span class="white-text"> IT </span>
<span class="email-id">
</span>
</div>
<br>
<div class="skills center">
<h5 class="center white-text">My Skill Trophy</h5>
<ul class="white-text container-fluid">
<li class="chip white-text light-green darken-4">Springboot</li>
<li class="chip white-text purple accent-3">Java</li>
<li class="chip white-text deep-orange">Node</li>
<li class="chip white-text grey darken-4">Git</li>
<li class="chip white-text blue darken-3">Python</li>
<li class="chip white-text indigo darken-4">Algorithm</li>
<li class="chip white-text green darken-3">Data Structures</li>
<li class="chip white-text orange">C++</li>
<li class="chip white-text blue darken-3">GraphQL</li>
<li class="chip white-text indigo">Django</li>
<li class="chip white-text teal">C</li>
<li class="chip white-text brown darken-3">XML</li>
<li class="chip white-text pink">HTML5 / CSS</li>
<li class="chip white-text purple">Javascript</li>
<li class="chip white-text orange darken-4">Odoo</li>
<li class="chip white-text red accent-3">jQuery</li>
<li class="chip white-text light-green darken-4">MaterializeCSS</li>
<li class="chip white-text teal">Bootstrap</li>
<li class="chip white-text orange darken-4">Highcharts.js</li>
<li class="chip white-text green darken-4">React</li>
</ul>
</div>
<br>
<div class="profiles">
<h5 class="center white-text">Links</h5>
<ul class="center">
<li>
<span class="Sicons"><a class="white-text" href="https://www.linkedin.com/in/abhinav1602/" target="_blank"><img class="responsive-img" src="images/linkedIn.ico"></a></span>
</li>
<li>
<span class="Sicons"><a class="white-text" href="https://www.codechef.com/users/abhinav160294" target="_blank"><img class="circle responsive-img" src="images/codechef2.ico"></a></span>
</li>
<li>
<span class="Sicons"><a class="white-text" href="https://github.com/abhinav1602" target="_blank"><img class="circle responsive-img" src="images/github.ico"></a></span>
</li>
<li>
<span class="Sicons"><a class="white-text" href="https://www.hackerrank.com/abhinav1602" target="_blank"><img class="circle responsive-img" src="images/hackerRank.ico"></a></span>
</li>
<li>
<span class="Sicons"><a class="white-text" href="https://www.hackerearth.com/@abhinav1602" target="_blank"><img class="circle responsive-img" src="images/webp/HackerEarth.webp" style="transform:scale(1.1)"></a></span>
</li>
<li>
<span class="Sicons"><a class="white-text" href="https://stackoverflow.com/users/6565832/abhinav1602" target="_blank"><img class="circle responsive-img" src="images/webp/stackOverflow.webp" style="transform:scale(1.3)"></a></span>
</li>
<li>
<span class="Sicons"><a class="white-text" href="https://dev.to/abhinav1602" target="_blank"><img src="https://d2fltix0v2e0sb.cloudfront.net/dev-badge.svg" alt="Abhinav Tiwari's DEV Profile" style="background:white;"></a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="col s12 m12 l10 myRight right">
<div class="landing_page">
<div class="center laptop">
<img class="responsive-img" src="images/webp/laptop-editor11.webp">
</div>
<!-- Name -->
<div class="center">
<h3 class="white-text">
<strong><mark class="white-text" style="background-color: #1565C0;border:2px solid black;padding:5px;">A</mark>bhinav
<strong><mark class="white-text" style="background-color: #1565C0;border:2px solid black;padding:5px;">T</mark>iwari
</h3>
<h5 class="white-text">Competitive Coder  |  Full Stack Developer  |  Tech Enthusiast
 |  Learner
</h5>
<hr>
</div>
</div>
<!-- Result -->
<div class="center result white-text">
<h4 id="edu"><span style="color:orange;font-family:Calibri">#Edu</span>cation</h4>
<div class="result_table col s10 m10 l10 offset-s1 offset-m1 offset-l1">
<table class="responsive-table">
<thead>
<tr>
<th>Course</th>
<th>School/College</th>
<th>University/Board</th>
<th>Marks</th>
<th>Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>B.Tech</td>
<td>Galgotias College of Engineering And Technology</td>
<td>APJAKTU</td>
<td>73.38</td>
<td>2013-2017</td>
</tr>
<tr>
<td>Senior Secondary</td>
<td>Ratna Memorial Public School</td>
<td>CBSE</td>
<td>68.4</td>
<td>2012</td>
</tr>
<tr>
<td>High School</td>
<td>Ratna Memorial Public School</td>
<td>CBSE</td>
<td>83.6</td>
<td>2010</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Work Experience -->
<div class="work_exp white-text center" id="exp">
<h4><span style="color:orange;font-family:Calibri">#Exp</span>erience</h4>
<div class="row works">
<div class="jobs center col s10 m10 l10 card offset-s1 offset-m2">
<div class="col s12 m3 job-left-panel left-align">
<h5>Software Engineer III - Walmart</h5>
<p>Duration:
<br> August, 2021 - Current
<!-- <br>() -->
</p>
<div class="technologies left">
<h6>Technologies</h6>Java, Node.js, Python, Springboot, GraphQL, REST, Git
</div>
</div>
<div class="col s12 m9 job-right-panel">
<h3>SEARCH ENGINE OPTIMIZATION</h3>
<ul class="left-align">
<li>
Designed and developed GraphQL solution to provide related page links of the most popular topics w.r.t Walmart SEO on Walmart Canada website
</li>
<br>
<li>
Automated the legacy data migration using Java APIs across different microservices
</li>
<br>
<li>
Enhanced dynamic rendering for improved crawling of pages by all types of botagents of different search engines like Google
</li>
<br>
<li>
Led the enhancement of server-side rendering by 30% for multiple Walmart eCommerce sites within the Mexico region, spanning various banners
</li>
<br>
<li>
Technologies used: NodeJS, Python, Java, Springboot, GraphQL, Git.
</li>
<br>
</ul>
</div>
</div>
<div class="jobs center col s10 m10 l10 card offset-s1 offset-m2">
<div class="col s12 m3 job-left-panel left-align">
<h5>Software Engineer II - Reliance Retail</h5>
<p>Duration:
<br> November, 2019 - August 2021
<br>(1 year, 6 months)
</p>
<div class="technologies left">
<h6>Technologies</h6>Spring Boot, Java, Python, MongoDB, Swagger, Apache Kafka
</div>
</div>
<div class="col s12 m9 job-right-panel">
<h3>VENDOR MANAGEMENT SYSTEM</h3>
<ul class="left-align">
<li>
Implemented a cross-system backend integration for product creation and listing, automating workflows across multiple microservices.
</li>
<br />
<li>
Developed and implemented the onboarding process for B2B, B2C, and COMMON Business Model sellers on ajio.com
</li>
<br />
<li>
Developed scripts that automate daily reporting, optimizing issue tracking by 50% and facilitating efficient escalation across all levels
</li>
<br />
<li>
Worked on integration of mobile cataloguing backend with the existing system.
</li>
</ul>
</div>
</div>
<div class="jobs center col s10 m10 l10 card offset-s1 offset-m2">
<div class="col s12 m3 job-left-panel left-align">
<h5>Software Developer - Decision Point Analytics</h5>
<p>Duration:
<br> February, 2018 - October 2019
<br>(1 year, 10 months)
</p>
<div class="technologies left">
<h6>Technologies</h6>Angular, React, Node.js, Python(Django), Javascript, DialogFlow, Angular Material, MaterializeCSS, Chart.js, Bootstrap, HTML/CSS.
</div>
</div>
<div class="col s12 m9 job-right-panel">
<h3>SALES REPORTER CHATBOT</h3>
<ul class="left-align">
<li>
Designed and launched a Google Dialogflow powered Sales Analysis Chatbot hosted on Facebook Workplace leveraging Node.js, React and Django boosting data-driven
decision-making and saving 15 hours weekly for clients
</li>
<br>
<li>
Successfully migrated Google Dialogflow integration code from v1 to v2 on the Node server, ensuring compatibility and improved performance
</li>
<br>
<li>
Innovatively localized chatbots for country-specific languages, enabling successful launches in Cambodia and Myanmar as wel
</li>
<br>
<li> Leveraged REST services on Django to establish robust backend API services for user management, employing MySQL and BigQuery for efficient data handling</li>
<br>
<li> Engineered a modular ReactJS dashboard for chatbot user management, permissions adjustments, and insightful report tracking</li>
<br>
<li> Built 15 data visualizations in two weeks through strong collaboration, leading to better data insights
</li>
<br>
</ul>
<h3>ANALYTICS MANAGER DASHBOARD</h3>
<ul class="left-align">
<li>
Created a fully modular dashboard for analytics management using Angular 7 and Material Angular.
</li>
<br>
<li>
Used Django on the backend and MongoDB as database.
</li>
</ul>
</div>
</div>
<div class="jobs center col s10 m10 l10 card offset-s1 offset-m2">
<div class="col s12 m3 job-left-panel left-align">
<h5>Software Engineering Intern - Navyug Infosolutions Private Limited</h5>
<p>Duration:
<br> July, 2017 - January, 2018
<br>(6 months)
</p>
</div>
<div class="col s12 m9 job-right-panel">
<p>
<ul class="left-align">
<li>
Worked on the development of ERP applications using Odoo 10.0 framework.
</li>
<br />
<li>
Responsible for creation of XML, Javascript & Bootstrap based view and respective model, controller
files using Python for different modules of the ERP system.
</li>
<br />
<li>
Worked on PostreSQL on database.
</li>
</ul>
</p>
</div>
</div>
<div class="jobs center col s10 m10 l10 card offset-s1 offset-m2x">
<div class="col s12 m3 job-left-panel left-align">
<h5>Freelancer - Green Amigos</h5>
<p>Duration:
<br> May, 2017 - June, 2017
<br>(2 months)
</p>
</div>
<div class="col s12 m9 job-right-panel">
<p>
<ul class="left-align">
<li>
Responsible for designing, coding and modifying websites, from layout to function and according to a
client's specifications using MaterializeCSS Framework.
</li>
<br />
<li>
Responsible for graphical representation of the statistical details of the company using
HighCharts.js.
</li>
<br />
<li>
Respsonsible for the coding, design, maintenance and hosting of the website(greenamigos.co.in).
</li>
</ul>
</p>
</div>
</div>
<div class="jobs center col s10 m10 l10 card offset-s1 offset-m2">
<div class="col s12 m3 job-left-panel left-align">
<h5>DSA Intern - Geeks for Geeks</h5>
<p>Duration:
<br> July, 2016 - August, 2016
<br>(2 months)
</p>
</div>
<div class="col s12 m9 job-right-panel">
<p>
<ul class="left-align">
<li>
Contributed on development of technical contents based on C/C++/Java/Python/Data
Structure/Algorithm, which is not already present on the official website and which does not involve
any kind of plagiarism.
</li>
<br>
<li>Published 8 articles during the period of my internship on the website geeksforgeeks.org.
</li>
<br />
</ul>
</p>
</div>
</div>
</div>
</div>
<hr>
<!-- Project -->
<div class="project result white-text" id="pro">
<h4 class="center"><span style="color:orange;font-family:Calibri">#Pro</span>jects</h4>
<ul class="row">
<li>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content white-text">
☰
<span class="card-title">Auto Skip Intro/Ad </span>
<p>Automatically Skip intro/ad on Netflix, Amazon Prime, YouTube at the starting of every episode/video</p>
</div>
<div class="card-action">
<ul class="left-align">
<li><span style="color:#d50000">●</span> HTML </li>
<li><span style="color:#563d7c">●</span> CSS </li>
<li><span style="color:#f1e05a;">●</span> Javascript</li>
<li><a class="white-text right" href="https://github.com/abhinav1602/DaVis" target="_blank"><img class="circle responsive-img" src="images/github.ico"></a></li>
</ul>
</div>
</div>
</div>
</li>
<li>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content white-text">
☰
<span class="card-title">DaVis</span>
<p>Da-vis stands for Data Visualizer. An online open source project which aims at providing real time
data visualization on small scale. Da-vis will be displaying the statistical visualization for the
entered data using Histogram, Pie Chart, Doughnut Chart and Line Chart.</p>
</div>
<div class="card-action">
<ul class="left-align">
<li><span style="color:#d50000">●</span> HTML </li>
<li><span style="color:#563d7c">●</span> CSS </li>
<li><span style="color:#f1e05a;">●</span> Javascript</li>
<li><a class="white-text right" href="https://github.com/abhinav1602/DaVis" target="_blank"><img class="circle responsive-img" src="images/github.ico"></a></li>
</ul>
</div>
</div>
</div>
</li>
<li>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content white-text">
☰
<span class="card-title">Movie-Recommender</span>
<p>This is a Movie Recommendation System based on facebook likes of user.</p>
</div>
<div class="card-action">
<ul class="left-align">
<li><span style="color:#f1e05a;">●</span> Javascript</li>
<li><span style="color:#4267B2;">●</span> Facebook Graph API</li>
<li><a class="white-text right" href="https://github.com/abhinav1602/Movie-Recommender" target="_blank"><img class="circle responsive-img" src="images/github.ico"></a></li>
</ul>
</div>
</div>
</div>
</li>
<li>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content white-text">
☰
<span class="card-title">Android-Web-Browser</span>
<p>A simple Web Browser application which can be used to access online content in Android Devices.
<br>
Features
<br>
1. Open URL <br>
2. History <br>
3. Go Back <br>
4. Go Forward</p>
</div>
<div class="card-action">
<ul class="left-align">
<li><span style="color:#b07219">●</span> Java</li>
<li><a class="white-text right" href="https://github.com/abhinav1602/Android-Web-Browser" target="_blank"><img class="circle responsive-img" src="images/github.ico"></a></li>
</ul>
</div>
</div>
</div>
</li>
<li>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content white-text">
☰
<span class="card-title">GCET-Hackathon-2017</span>
<p>Website for the 24 hour coding/development event hosted by Galgotias College of Engineering and
Technology in April 2017.</p>
</div>
<div class="card-action">
<ul class="left-align">
<li><span style="color:#d50000">●</span> HTML </li>
<li><span style="color:#563d7c">●</span> CSS </li>
<li><a class="white-text right" href="https://github.com/abhinav1602/Hackathon-Gcet.github.io" target="_blank"><img class="circle responsive-img" src="images/github.ico"></a></li>
</ul>
</div>
</div>
</div>
</li>
<li>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content white-text">
☰
<span class="card-title">Green Amigos</span>
<p>
Green Amigos is a startup company that spreads awareness among people using initial level
segregation and collection while bridging the gap between demand and supply of the waste paper hence
reducing the import of waste paper from different countries.
</p>
</div>
<div class="card-action">
<ul class="left-align">
<li><span style="color:#d50000">●</span> HTML </li>
<li><span style="color:#563d7c">●</span> CSS </li>
<li><span style="color:#f1e05a;">●</span> Javascript</li>
<li><a class="white-text right" href="https://github.com/abhinav1602/Green-Amigos" target="_blank"><img class="circle responsive-img" src="images/github.ico"></a></li>
</ul>
</div>
</div>
</div>
</li>
<li>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-content white-text">
☰
<span class="card-title">EPL-Table-Simulator</span>
<p>
It is a C++ Application which takes results of matches in premier league as the input and displays
the final league table in proper format using Structure Sorting
</p>
</div>
<div class="card-action">
<ul class="left-align">
<li><span style="color:#178600">●</span> C++</li>
<li><a class="white-text right" href="https://github.com/abhinav1602/English-Premier-League-Table-using-Cpp" target="_blank"><img class="circle responsive-img" src="images/github.ico"></a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
<hr>
<!-- Contact Me -->
<div class="contact_section row">
<div class="row">
<div class="center row" style="color:orange" id="contact">
<h4><span style="font-family:Calibri;">#</span>Contact Me</h4>
</div>
<div class="col l6 m6 s12 left">
<!-- Calendly inline widget begin -->
<div class="calendly-inline-widget" data-url="https://calendly.com/abhinav1602/one-on-one?hide_gdpr_banner=1" id="calendly-contact-me-card"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
<!-- Calendly inline widget end -->
</div>
<div class="col l6 m6 s12 right">
<div id="contact_form" class="hoverable card">
<form method="POST" action="https://formspree.io/[email protected]">
<div class="row">
<div class="input-field col s5">
<input id="first_name" type="text" class="validate" name="first" required>
<label for="first_name">Name</label>
</div>
<div class="input-field col s7">
<input id="email" type="email" class="validate" name="email_id" required>
<label for="email">Email</label>
</div>
</div>
<div class="row">
<div class="input-field col s12 m12 l12">
<i class="responsive material-icons prefix">mode_edit
</i>
<textarea id="icon_prefix2" class="materialize-textarea" name="msg" required></textarea>
<label for="icon_prefix2">Message</label>
</div>
</div>
<button class="btn waves-effect waves-light indigo darken-4" type="submit" name="action">Submit
<i class="material-icons right">send</i>
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</body>>
</html>