-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
251 lines (250 loc) · 25.6 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
<!DOCTYPE HTML>
<html lang="en-in">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible content='IE-edge'" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Eshan Sud's portfolio showcasing projects, skills, and contact information.">
<meta name="author" content="Eshan Sud" />
<meta name="keywords" content="eshan sud, portfolio, website, programming, coding, full stack, web development, software engineering" />
<link rel="shortcut icon" href="./resources/images/website-favicon.ico" />
<link rel="stylesheet" href="./style.css" />
<script src="./app.js"></script>
<title> Portfolio - Eshan Sud </title>
</head>
<body>
<canvas id="canvas" class="back-white-black"></canvas>
<header id="menu-header" class="light-shadow">
<a id="menu-heading-text" href="index.html"><h1 style="text-wrap: nowrap;"> Eshan Sud </h1></a>
<nav id="menu-links-panel" class="flex-center">
<a class="svg-icons" onclick="goToAboutContainer('about-container')">
<div class="menu-links-anchors-text-container flex-center">
<svg class="small-svg-item" viewBox="-6 -6 36 36"><g><path d="M16.5 7.063C16.5 10.258 14.57 13 12 13c-2.572 0-4.5-2.742-4.5-5.938C7.5 3.868 9.16 2 12 2s4.5 1.867 4.5 5.063zM4.102 20.142C4.487 20.6 6.145 22 12 22c5.855 0 7.512-1.4 7.898-1.857a.416.416 0 0 0 .09-.317C19.9 18.944 19.106 15 12 15s-7.9 3.944-7.989 4.826a.416.416 0 0 0 .091.317z" fill="#000000"></path></g></svg>
<p class="menu-links-anchors-text text"> about </p>
</div>
</a>
<a class="svg-icons" onclick="goToAboutContainer('projects-container')">
<div class="menu-links-anchors-text-container flex-center">
<svg class="small-svg-item" viewBox="-9 -9 43 43"><g><path fill="none" stroke="#000000" stroke-width="3" d="M9,15 L9,23 L1,23 L1,15 L9,15 Z M23,15 L23,23 L15,23 L15,15 L23,15 Z M9,1 L9,9 L1,9 L1,1 L9,1 Z M23,1 L23,9 L15,9 L15,1 L23,1 Z"></path></g></svg>
<p class="menu-links-anchors-text text"> projects </p>
</div>
</a>
<a class="svg-icons" onclick="goToAboutContainer('skills-container')">
<div class="menu-links-anchors-text-container flex-center">
<svg class="small-svg-item" viewBox="-16 -16 96 96" fill="none" stroke-width="5" stroke="#000000"><g><path d="M11.39,19.82,32.1,30.48a.51.51,0,0,0,.45,0L54.21,19.81a.5.5,0,0,0,0-.89L33.72,8.45a2,2,0,0,0-1.82,0L11.4,18.93A.5.5,0,0,0,11.39,19.82Z"></path><path d="M10.83,32.23l21.27,11h.45l22.25-11"></path><path d="M10.83,44.94l21.27,11h.45l22.25-11"></path></g></svg>
<p class="menu-links-anchors-text text"> skills </p>
</div>
</a>
</nav>
<div id="settings-container">
<div id="light-dark-setting-container">
<svg onclick="setLightMode();" id="light-mode-svg" class="small-svg-item" viewBox="0 0 100 100"><g transform="translate(0.000000,100.000000) scale(0.100000,-0.100000)" fill="#000000"><path d="M474 827 c-3 -8 -4 -30 -2 -49 2 -28 7 -33 28 -33 23 0 25 4 25 45 0 39 -3 45 -23 48 -13 2 -24 -3 -28 -11z"/><path d="M262 738 c-18 -18 -15 -32 12 -57 47 -44 89 -2 45 45 -25 27 -39 30 -57 12z"/><path d="M681 726 c-27 -28 -25 -60 4 -64 30 -4 73 44 59 66 -17 26 -37 25 -63 -2z"/><path d="M435 656 c-115 -52 -139 -193 -49 -278 56 -52 120 -61 188 -28 60 29 91 80 91 150 0 44 -6 65 -25 93 -45 66 -136 94 -205 63z"/><path d="M164 516 c-13 -33 4 -47 48 -44 38 3 43 6 43 28 0 22 -5 25 -43 28 -31 2 -44 -1 -48 -12z"/><path d="M744 516 c-13 -33 4 -47 48 -44 38 3 43 6 43 28 0 22 -5 25 -43 28 -31 2 -44 -1 -48 -12z"/><path d="M271 316 c-25 -26 -23 -52 4 -62 22 -9 67 35 63 61 -4 29 -40 30 -67 1z"/><path d="M667 333 c-14 -13 -6 -40 17 -63 45 -41 87 1 46 46 -23 23 -50 31 -63 17z"/><path d="M474 247 c-3 -8 -4 -30 -2 -49 2 -28 7 -33 28 -33 23 0 25 4 25 45 0 39 -3 45 -23 48 -13 2 -24 -3 -28 -11z"/></g></svg>
<svg onclick="setDarkMode();" id="dark-mode-svg" class="small-svg-item" viewBox="0 0 25 25"><g transform="translate(0.000000,25.000000) scale(0.100000,-0.100000)" fill="#000000"><path d="M56 194 c-37 -37 -37 -101 0 -138 35 -35 99 -36 134 -3 l25 22 -40 5c-22 3 -46 9 -54 14 -21 13 -42 74 -35 101 8 32 3 31 -30 -1z"/></g></svg>
</div>
<div id="hamburger-menu">
<svg id="hamburger-menu-icon" class="small-svg-item" onclick="showMenu()" fill="#00000" viewBox="0 0 50 50"><path d="M 0 7.5 L 0 12.5 L 50 12.5 L 50 7.5 Z M 0 22.5 L 0 27.5 L 50 27.5 L 50 22.5 Z M 0 37.5 L 0 42.5 L 50 42.5 L 50 37.5 Z"/></svg>
<svg id="cross-menu-icon" class="small-svg-item" onclick="showMenu()" fill="#00000" viewBox="0 0 490 490"><polygon points="456.851,0 245,212.564 33.149,0 0.708,32.337 212.669,245.004 0.708,457.678 33.149,490 245,277.443 456.851,490 489.292,457.678 277.331,245.004 489.292,32.337"/></svg>
</div>
</div>
</header>
<section id="hero-container" class="flex-center">
<div style="height:50px;"></div>
<div id="hero-content-container" class="black-border-color">
<div class="text-container"><p class="text"> Hi, I am </p></div>
<div id="name-heading-text"><h1> Eshan Sud </h1></div>
<div class="text-container"><p id="text" class="text"><span></span></p></div>
</div>
<div><a id="resume-download-text" class="buttons color-white-dark flex-center" href="./resources/documents/Resume - Eshan Sud.docx" download> download resume </a></div>
<div id="animating-down-arrow" class="flex-center" onclick="goToAboutContainer('about-container')">
<div class="line back-black-white"></div>
<div class="line back-black-white"></div>
<div class="line back-black-white"></div>
<div class="line back-black-white"></div>
<div class="line back-black-white"></div>
</div>
</section>
<nav id="sidebar" class="back-white-dark">
<a class="sidebar-anchors" onclick="goToAboutContainer('about-container')">
<svg class="small-svg-item" viewBox="-6 -6 36 36"><g><path d="M16.5 7.063C16.5 10.258 14.57 13 12 13c-2.572 0-4.5-2.742-4.5-5.938C7.5 3.868 9.16 2 12 2s4.5 1.867 4.5 5.063zM4.102 20.142C4.487 20.6 6.145 22 12 22c5.855 0 7.512-1.4 7.898-1.857a.416.416 0 0 0 .09-.317C19.9 18.944 19.106 15 12 15s-7.9 3.944-7.989 4.826a.416.416 0 0 0 .091.317z" fill="#000000"></path></g></svg>
<p class="text color-dark-white"> about </p>
</a>
<a class="sidebar-anchors" onclick="goToAboutContainer('projects-container')">
<svg class="small-svg-item" viewBox="-9 -9 43 43"><g><path fill="none" stroke="#000000" stroke-width="3" d="M9,15 L9,23 L1,23 L1,15 L9,15 Z M23,15 L23,23 L15,23 L15,15 L23,15 Z M9,1 L9,9 L1,9 L1,1 L9,1 Z M23,1 L23,9 L15,9 L15,1 L23,1 Z"></path></g></svg>
<p class="text color-dark-white"> projects </p>
</a>
<a class="sidebar-anchors" onclick="goToAboutContainer('skills-container')">
<svg class="small-svg-item" viewBox="-16 -16 96 96" stroke-width="5" stroke="#000000" fill="none"><g><path d="M11.39,19.82,32.1,30.48a.51.51,0,0,0,.45,0L54.21,19.81a.5.5,0,0,0,0-.89L33.72,8.45a2,2,0,0,0-1.82,0L11.4,18.93A.5.5,0,0,0,11.39,19.82Z"></path><path d="M10.83,32.23l21.27,11h.45l22.25-11"></path><path d="M10.83,44.94l21.27,11h.45l22.25-11"></path></g></svg>
<p class="text color-dark-white"> skills </p>
</a>
</nav>
<div class="horizontal-ruler-container back-white-black color-white-dark flex-center"><hr /></div>
<main id="all-content">
<section id="about-container" class="flex-center">
<div id="introduction-container">
<div><h1 class="vertical-heading-text"> about me </h1></div>
<div id="greeting-and-text-container">
<div><h1 id="introduction-greeting-text"> Hi There! </h1></div>
<div><p id="introduction-text"> I am Eshan, a passionate Computer Science Engineering student with a love for solving complex problems & making a positive impact on the world through innovative solutions & creative thinking. With strong foundations in various technologies, I consistently strive to improve my academic as well as practical skills. </p></div>
</div>
</div>
<div><img draggable="false" id="photo-image" src="./resources/images/picture.jpg" alt="Eshan Sud's profile picture" /></div>
</section>
<div class="horizontal-ruler-container back-white-dark color-white-dark flex-center"><hr /></div>
<section id="projects-container" class="back-white-dark flex-center">
<div><h1 class="vertical-heading-text"> projects </h1></div>
<div id="project-card-container">
<div class="project-card">
<h3 class="project-card-heading-text color-white-dark"> g.u.i based bank management system </h3>
<p class="project-card-using-text color-white-dark"> using Java, JavaFX, JavaSwing, JavaAWT </p>
<a class="github-links color-white-dark" target="_blank" href="https://github.com/eshan-sud/bank-management-system">GitHub Link</a>
</div>
<div class="project-card">
<h3 class="project-card-heading-text color-white-dark"> virtual signature creator </h3>
<p class="project-card-using-text color-white-dark"> using HTML5, CSS3, JavaScript </p>
<a class="github-links color-white-dark" target="_blank" href="https://github.com/eshan-sud/virtual-signature-creator">GitHub Link</a>
</div>
<div class="project-card">
<h3 class="project-card-heading-text color-white-dark"> portfolio website </h3>
<p class="project-card-using-text color-white-dark"> using HTML5, CSS3, JavaScript </p>
<a class="github-links color-white-dark" target="_blank" href="https://github.com/eshan-sud/portfolio-website">GitHub Link</a>
</div>
<div class="project-card">
<h3 class="project-card-heading-text color-white-dark"> Battery Motifier </h3>
<p class="project-card-using-text color-white-dark"> using Python </p>
<a class="github-links color-white-dark" target="_blank" href="https://github.com/eshan-sud/battery-notifier">GitHub Link</a>
</div>
<div class="project-card">
<h3 class="project-card-heading-text color-white-dark"> c.l.i based library management system </h3>
<p class="project-card-using-text color-white-dark"> using Python, MySQL & Pymysql </p>
<a class="github-links color-white-dark" target="_blank" href="https://github.com/eshan-sud/library-management-system">GitHub Link</a>
</div>
</section>
<div class="horizontal-ruler-container back-white-black color-white-dark flex-center"><hr /></div>
<section id="skills-container" class="dark-polka-dot flex-center">
<div id="carousel-container" class="back-dark-white">
<div id="marquee-content" class="flex-center">
<div class="svg-item tooltip">
<div class="tooltiptext"> Python3 </div>
<a href="https://www.python.org/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/danielcranney/readme-generator/main/public/icons/skills/python-colored.svg" alt="python3"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Java </div>
<a href="https://www.java.com" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/java/java-original.svg" alt="java"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> C </div>
<a href="https://docs.microsoft.com/en-us/cpp/?view=msvc-170" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/danielcranney/readme-generator/main/public/icons/skills/c-colored.svg" alt="c"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> C++ </div>
<a href="https://www.w3schools.com/cpp/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/cplusplus/cplusplus-original.svg" alt="C++"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> HTML5 </div>
<a href="https://html.com/html5/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> CSS3 </div>
<a href="https://css3.com/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Bootstrap CSS </div>
<a href="https://getbootstrap.com/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/danielcranney/readme-generator/main/public/icons/skills/bootstrap-colored.svg" alt="bootstrap"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Tailwind CSS </div>
<a href="https://tailwindcss.com/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/danielcranney/readme-generator/main/public/icons/skills/tailwindcss-colored.svg" alt="tailwindCSS"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> JavaScript </div>
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> React.JS </div>
<a href="https://react.dev/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/react/react-original-wordmark.svg" alt="react.js"/></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Node.JS </div>
<a href="https://nodejs.org/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg" alt="node.js"/></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Express.JS </div>
<a href="https://expressjs.com" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/express/express-original-wordmark.svg" alt="express"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> PHP </div>
<a href="https://www.php.net" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/php/php-original.svg" alt="php"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> MySQL </div>
<a href="https://www.mysql.com/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/mysql/mysql-original-wordmark.svg" alt="mysql"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> MongoDB </div>
<a href="https://www.mongodb.com/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/mongodb/mongodb-original-wordmark.svg" alt="mongodb"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Postman </div>
<a href="https://postman.com" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://www.vectorlogo.zone/logos/getpostman/getpostman-icon.svg" alt="postman"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Flask </div>
<a href="https://flask.palletsprojects.com/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://www.vectorlogo.zone/logos/pocoo_flask/pocoo_flask-icon.svg" alt="flask"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> OpenCV </div>
<a href="https://opencv.org/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://www.vectorlogo.zone/logos/opencv/opencv-icon.svg" alt="opencv"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> PyTorch </div>
<a href="https://pytorch.org/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://www.vectorlogo.zone/logos/pytorch/pytorch-icon.svg" alt="pytorch"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Scikit-Learn </div>
<a href="https://scikit-learn.org/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://upload.wikimedia.org/wikipedia/commons/0/05/Scikit_learn_logo_small.svg" alt="scikit_learn"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Seaborn </div>
<a href="https://seaborn.pydata.org/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://seaborn.pydata.org/_images/logo-mark-lightbg.svg" alt="seaborn"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> tensorflow </div>
<a href="https://www.tensorflow.org" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://www.vectorlogo.zone/logos/tensorflow/tensorflow-icon.svg" alt="tensorflow"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Pandas </div>
<a href="https://pandas.pydata.org/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/2ae2a900d2f041da66e950e4d48052658d850630/icons/pandas/pandas-original.svg" alt="pandas"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Git/GitHub </div>
<a href="https://git-scm.com/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git/github"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> V.S Code </div>
<a href="https://code.visualstudio.com/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/eshan-sud/eshan-sud/assets/113531303/ba7daee0-4c97-4931-8975-0e4d7da6f8e5" alt="VS Code"></a>
</div>
<div class="svg-item tooltip">
<div class="tooltiptext"> Linux (Ubuntu) </div>
<a href="https://www.linux.org/" target="_blank" rel="noreferrer"><img width="50px" height="50px" src="https://github.com/raw/devicons/devicon/master/icons/linux/linux-original.svg" alt="Linux"></a>
</div>
<div class="svg-item tooltip" id="last-marquee-content"></div>
</div>
</div>
</section>
<div class="horizontal-ruler-container back-white-black color-white-dark flex-center"><hr /></div>
</main>
<footer id="socials-container" class="back-white-dark flex-center">
<div><h1 id="socials-heading-text"> socials </h1></div>
<div id="socials-links-container">
<a title="Instagram" href="https://www.instagram.com/eshan_sud/" target="_blank"><svg class="svg-item-links" viewBox="0 0 24 24" class="svg-item-links"><g><path d="M12,2.162c3.204,0,3.584,0.012,4.849,0.07c1.308,0.06,2.655,0.358,3.608,1.311c0.962,0.962,1.251,2.296,1.311,3.608 c0.058,1.265,0.07,1.645,0.07,4.849c0,3.204-0.012,3.584-0.07,4.849c-0.059,1.301-0.364,2.661-1.311,3.608 c-0.962,0.962-2.295,1.251-3.608,1.311c-1.265,0.058-1.645,0.07-4.849,0.07s-3.584-0.012-4.849-0.07 c-1.291-0.059-2.669-0.371-3.608-1.311c-0.957-0.957-1.251-2.304-1.311-3.608c-0.058-1.265-0.07-1.645-0.07-4.849 c0-3.204,0.012-3.584,0.07-4.849c0.059-1.296,0.367-2.664,1.311-3.608c0.96-0.96,2.299-1.251,3.608-1.311 C8.416,2.174,8.796,2.162,12,2.162 M12,0C8.741,0,8.332,0.014,7.052,0.072C5.197,0.157,3.355,0.673,2.014,2.014 C0.668,3.36,0.157,5.198,0.072,7.052C0.014,8.332,0,8.741,0,12c0,3.259,0.014,3.668,0.072,4.948c0.085,1.853,0.603,3.7,1.942,5.038 c1.345,1.345,3.186,1.857,5.038,1.942C8.332,23.986,8.741,24,12,24c3.259,0,3.668-0.014,4.948-0.072 c1.854-0.085,3.698-0.602,5.038-1.942c1.347-1.347,1.857-3.184,1.942-5.038C23.986,15.668,24,15.259,24,12 c0-3.259-0.014-3.668-0.072-4.948c-0.085-1.855-0.602-3.698-1.942-5.038c-1.343-1.343-3.189-1.858-5.038-1.942 C15.668,0.014,15.259,0,12,0z"/><path d="M12,5.838c-3.403,0-6.162,2.759-6.162,6.162c0,3.403,2.759,6.162,6.162,6.162s6.162-2.759,6.162-6.162 C18.162,8.597,15.403,5.838,12,5.838z M12,16c-2.209,0-4-1.791-4-4s1.791-4,4-4s4,1.791,4,4S14.209,16,12,16z"/></g></svg></a>
<a title="GitHub" href="https://github.com/eshan-sud/" target="_blank"><svg class="svg-item-links" viewBox="0 0 24 24" class="svg-item-links"><g><path d="M12,0.296c-6.627,0-12,5.372-12,12c0,5.302,3.438,9.8,8.206,11.387 c0.6,0.111,0.82-0.26,0.82-0.577c0-0.286-0.011-1.231-0.016-2.234c-3.338,0.726-4.043-1.416-4.043-1.416 C4.421,18.069,3.635,17.7,3.635,17.7c-1.089-0.745,0.082-0.729,0.082-0.729c1.205,0.085,1.839,1.237,1.839,1.237 c1.07,1.834,2.807,1.304,3.492,0.997C9.156,18.429,9.467,17.9,9.81,17.6c-2.665-0.303-5.467-1.332-5.467-5.93 c0-1.31,0.469-2.381,1.237-3.221C5.455,8.146,5.044,6.926,5.696,5.273c0,0,1.008-0.322,3.301,1.23 C9.954,6.237,10.98,6.104,12,6.099c1.02,0.005,2.047,0.138,3.006,0.404c2.29-1.553,3.297-1.23,3.297-1.23 c0.653,1.653,0.242,2.873,0.118,3.176c0.769,0.84,1.235,1.911,1.235,3.221c0,4.609-2.807,5.624-5.479,5.921 c0.43,0.372,0.814,1.103,0.814,2.222c0,1.606-0.014,2.898-0.014,3.293c0,0.319,0.216,0.694,0.824,0.576 c4.766-1.589,8.2-6.085,8.2-11.385C24,5.669,18.627,0.296,12,0.296z"/><path d="M4.545,17.526c-0.026,0.06-0.12,0.078-0.206,0.037c-0.087-0.039-0.136-0.121-0.108-0.18 c0.026-0.061,0.12-0.078,0.207-0.037C4.525,17.384,4.575,17.466,4.545,17.526L4.545,17.526z"/><path d="M5.031,18.068c-0.057,0.053-0.169,0.028-0.245-0.055c-0.079-0.084-0.093-0.196-0.035-0.249 c0.059-0.053,0.167-0.028,0.246,0.056C5.076,17.903,5.091,18.014,5.031,18.068L5.031,18.068z"/><path d="M5.504,18.759c-0.074,0.051-0.194,0.003-0.268-0.103c-0.074-0.107-0.074-0.235,0.002-0.286 c0.074-0.051,0.193-0.005,0.268,0.101C5.579,18.579,5.579,18.707,5.504,18.759L5.504,18.759z"/><path d="M6.152,19.427c-0.066,0.073-0.206,0.053-0.308-0.046c-0.105-0.097-0.134-0.234-0.068-0.307 c0.067-0.073,0.208-0.052,0.311,0.046C6.191,19.217,6.222,19.355,6.152,19.427L6.152,19.427z"/><path d="M7.047,19.814c-0.029,0.094-0.164,0.137-0.3,0.097C6.611,19.87,6.522,19.76,6.55,19.665 c0.028-0.095,0.164-0.139,0.301-0.096C6.986,19.609,7.075,19.719,7.047,19.814L7.047,19.814z"/><path d="M8.029,19.886c0.003,0.099-0.112,0.181-0.255,0.183c-0.143,0.003-0.26-0.077-0.261-0.174c0-0.1,0.113-0.181,0.256-0.184 C7.912,19.708,8.029,19.788,8.029,19.886L8.029,19.886z"/><path d="M8.943,19.731c0.017,0.096-0.082,0.196-0.224,0.222c-0.139,0.026-0.268-0.034-0.286-0.13 c-0.017-0.099,0.084-0.198,0.223-0.224C8.797,19.574,8.925,19.632,8.943,19.731L8.943,19.731z"/></g></svg></a>
<a title="linkedIn" href="https://www.linkedin.com/in/eshan-sud/" target="_blank"><svg class="svg-item-links" viewBox="0 0 24 24" class="svg-item-links"><g><path d="M17.291,19.073h-3.007v-4.709c0-1.123-0.02-2.568-1.564-2.568c-1.566,0-1.806,1.223-1.806,2.487v4.79H7.908 V9.389h2.887v1.323h0.04c0.589-1.006,1.683-1.607,2.848-1.564c3.048,0,3.609,2.005,3.609,4.612L17.291,19.073z M4.515,8.065 c-0.964,0-1.745-0.781-1.745-1.745c0-0.964,0.781-1.745,1.745-1.745c0.964,0,1.745,0.781,1.745,1.745 C6.26,7.284,5.479,8.065,4.515,8.065L4.515,8.065 M6.018,19.073h-3.01V9.389h3.01V19.073z M18.79,1.783H1.497 C0.68,1.774,0.01,2.429,0,3.246V20.61c0.01,0.818,0.68,1.473,1.497,1.464H18.79c0.819,0.01,1.492-0.645,1.503-1.464V3.245 c-0.012-0.819-0.685-1.474-1.503-1.463"/></g></svg></a>
<a title="HackerRank" href="https://www.hackerrank.com/profile/eshansud/" target="_blank"><svg class="svg-item-links" viewBox="0 0 32 32" class="svg-item-links"><path d="M 15.998047 3 C 14.225047 3 5.5352031 7.9839062 4.6582031 9.5039062 C 3.7802031 11.024906 3.7802031 20.983047 4.6582031 22.498047 C 5.5392031 24.017047 14.229047 29 15.998047 29 C 17.762047 29 26.451938 24.019953 27.335938 22.501953 C 28.222938 20.979953 28.222938 11.014047 27.335938 9.4980469 L 27.335938 9.4960938 C 26.444937 7.9790937 17.756047 3 15.998047 3 z M 15.996094 5.0117188 C 17.693094 5.3647187 24.417703 9.2167656 25.595703 10.509766 C 26.135703 12.150766 26.134703 19.844281 25.595703 21.488281 C 24.425703 22.779281 17.695094 26.636281 15.996094 26.988281 C 14.298094 26.638281 7.5723906 22.783234 6.4003906 21.490234 C 5.8653906 19.842234 5.8653906 12.155766 6.4003906 10.509766 C 7.5693906 9.2167656 14.297094 5.3617187 15.996094 5.0117188 z M 13 9 L 11 11 L 12 11 L 12 21 L 14 21 L 14 17 L 18 17 L 18 21 L 17 21 L 19 23 L 21 21 L 20 21 L 20 12 L 18 12 L 18 15 L 14 15 L 14 11 L 15 11 L 13 9 z"/></svg></a>
<a title="LeetCode" href="https://leetcode.com/eshan-sud/" target="_blank"><svg class="svg-item-links" viewBox="0 0 26 26" class="svg-item-links"><path d="M22,14.355c0-0.742-0.564-1.346-1.26-1.346H10.676c-0.696,0-1.26,0.604-1.26,1.346s0.563,1.346,1.26,1.346H20.74C21.436,15.702,22,15.098,22,14.355z"></path><path d="M3.482,18.187l4.313,4.361C8.768,23.527,10.113,24,11.598,24c1.485,0,2.83-0.512,3.805-1.494l2.588-2.637c0.51-0.514,0.492-1.365-0.039-1.9c-0.531-0.535-1.375-0.553-1.884-0.039l-2.676,2.607c-0.462,0.467-1.102,0.662-1.809,0.662s-1.346-0.195-1.81-0.662l-4.298-4.363c-0.463-0.467-0.696-1.15-0.696-1.863c0-0.713,0.233-1.357,0.696-1.824l4.285-4.38c0.463-0.467,1.116-0.645,1.822-0.645s1.346,0.195,1.809,0.662l2.676,2.606c0.51,0.515,1.354,0.497,1.885-0.038c0.531-0.536,0.549-1.387,0.039-1.901l-2.588-2.636c-0.649-0.646-1.471-1.116-2.392-1.33l-0.034-0.007l2.447-2.503c0.512-0.514,0.494-1.366-0.037-1.901c-0.531-0.535-1.376-0.552-1.887-0.038L3.482,10.476C2.509,11.458,2,12.813,2,14.311C2,15.809,2.509,17.207,3.482,18.187z"></path></svg></a>
</div>
<div id="mail-link-anchor" class="flex-center"><a id="socials-links-anchor" class="color-dark-white" href="mailto:eshansud22@gmail.com"> eshansud22@gmail.com </a></div>
<div class="horizontal-ruler-container back-white-dark color-white-dark flex-center"><hr /></div>
<div id="copyright-container"><p id="copyright-text" class="color-dark-white"> © 2024 Eshan Sud All Rights Reserved. </p></div>
</footer>
</body>
</html>