-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
425 lines (373 loc) · 23.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nithin's Site</title>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon_io/favicon-16x16.png">
<link rel="manifest" href="./assets/favicon_io/site.webmanifest">
<!-- -->
<!-- Meta Tags-->
<meta name="og:title" property="og:title" content="Nithin's Website">
<meta name='twitter:title' content="Nithin's Website">
<meta name="description" content="Know more about @thenithinbalaji">
<meta property='og:description' content="Know more about @thenithinbalaji">
<meta name='twitter:description' content="Know more about @thenithinbalaji">
<meta property="og:image"
content="https://raw.githubusercontent.com/thenithinbalaji/assets/main/portfolio_v1/thumb.png">
<meta name="twitter:image"
content="https://raw.githubusercontent.com/thenithinbalaji/assets/main/portfolio_v1/thumb.png">
<meta property="og:type" content="website" />
<!-- -->
<!-- Styles -->
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
<link rel="stylesheet" href="./styles.css">
<link rel="stylesheet" href="./tailwind.css">
<!-- -->
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Passion+One:wght@400;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- -->
<!-- Script -->
<script src="./index.js" defer></script>
<!-- -->
</head>
<body class="overflow-x-hidden m-2 sm:m-5 border-2 border-black rounded-lg bg-white">
<!-- Navbar -->
<div class="fixed top-0 buttom-auto md:bottom-2 md:top-auto flex justify-center w-full z-50">
<nav id="navbar"
class="flex bg-white border-2 md:border-2 border-black shadow-lg mr-5 gap-5 p-5 rounded-b-3xl md:rounded-full cursor-auto font-medium">
<p><a href="#name-section" class="cursor-pointer hover:underline">Home</a></p>
<p><a href="#about-me-section" class="cursor-pointer hover:underline">About</a></p>
<p><a href="#experience-section" class="cursor-pointer hover:underline">Experience</a></p>
<p><a href="#project-section" class="cursor-pointer hover:underline">Projects</a></p>
<p><a href="#footer" class="cursor-pointer hover:underline">Contact</a></p>
</nav>
</div>
<!-- -->
<!-- Name Section -->
<div class="h-full">
<div class="bg-[#1899f5] flex flex-row justify-center xl:justify-between p-5 sm:p-10 h-screen text-white duration-1000"
id="name-section">
<div class="xl:flex flex-col justify-center w-fit hidden" id="name-sub-section-1">
<p class="rotate-90 tracking-widest h-fit text-2xl font-bold selection:text-black" id="japanese-text">
最小限かつシンプルにする </p>
</div>
<div class="flex flex-col justify-center selection:bg-none" id="name-sub-section-2">
<div class="text-center md:text-left">
<p class="font-black uppercase text-sm sm:text-xl tracking-widest name-section-subtext">Hi I am</p>
<h1 class="font-black uppercase leading-none tracking-wide text-4xl sm:text-8xl" id="name">
Nithin Balaji
</h1>
<p class="font-bold uppercase text-sm sm:text-xl tracking-widest name-section-subtext">I am a/an
<span class="text-lg sm:text-4xl font-black tracking-tight" id="whoami">Human</span>
</p>
</div>
</div>
</div>
</div>
<!-- -->
<!-- About Me -->
<div class="p-5 sm:p-10 border-black duration-1000 my-10" id="about-me-section">
<div class="text-center">
<div class="flex flex-wrap justify-center">
<div class="flex flex-col justify-center">
<p class="font-bold text-4xl md:text-6xl lg:text-8xl h-fit my-auto selection:bg-none text-left mr-2"
id="about-me-heading">About Me
</p>
<div class="hidden md:flex justify-start my-2">
<a href="mailto:[email protected]"
class="text-white bg-black py-1 pl-4 pr-2 rounded-2xl cursor-pointer font-semibold">
<svg class="inline-block h-5 my-auto cursor-pointer" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path
d="M3 8L8.44992 11.6333C9.73295 12.4886 10.3745 12.9163 11.0678 13.0825C11.6806 13.2293 12.3194 13.2293 12.9322 13.0825C13.6255 12.9163 14.2671 12.4886 15.5501 11.6333L21 8M6.2 19H17.8C18.9201 19 19.4802 19 19.908 18.782C20.2843 18.5903 20.5903 18.2843 20.782 17.908C21 17.4802 21 16.9201 21 15.8V8.2C21 7.0799 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.07989 3 8.2V15.8C3 16.9201 3 17.4802 3.21799 17.908C3.40973 18.2843 3.71569 18.5903 4.09202 18.782C4.51984 19 5.07989 19 6.2 19Z"
stroke="#ffffff" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
</svg>
</a>
</div>
</div>
<img src="./assets/curvy-arrow-circle.svg" alt="curvy-arrow-circle-1"
class="h-16 md:h-32 hover:cursor-pointer selection:bg-none my-auto drop-shadow-md"
id="curvy-arrow-circle-1" onclick="resetbio()">
</div>
<div class="flex justify-center mt-6">
<p class="xl:w-1/2 md:text-lg text-justify sm:font-semibold h-[22rem] sm:h-56 overflow-hidden cursor-text"
id="about-me-text">
Loading
data from
GitHub ...
Switch to a faster internet connection / 🤖 Check the console tab
</p>
</div>
</div>
<div class="flex flex-wrap justify-center mt-8">
<button id="tldr-button"
class="p-4 bg-[#FFFF00] font-bold text-lg active:translate-x-0 active:translate-y-0 duration-200 px-4 py-2 -translate-x-1 -translate-y-1 hover:-translate-x-1.5 hover:-translate-y-1.5 border border-b-4 border-r-4 border-black rounded-lg shadow-lg hover:shadow-sm h-fit my-auto hover:bg-[#FFFF00] selection:bg-none">
TL;DR
</button>
<p class="mx-5 my-auto text-2xl selection:bg-none text-center" id="made-short-text">
<span class="hidden sm:inline"><---- </span> Made short
<span class="font-bold" id="tldr-counter"></span> times
</p>
</div>
</div>
<!-- -->
<!-- Colored Dividers -->
<div class="bg-[#9C74D8] p-2 md:p-5">
<p class="text-sm sm:text-xl md:text-2xl lg:text-4xl font-black selection:bg-none text-center sm:text-left"
id="born-date"></p>
</div>
<div class="bg-[#30E462] p-2 md:p-5">
<p
class="text-sm sm:text-xl md:text-2xl lg:text-4xl font-black selection:bg-none text-center sm:text-right uppercase">
<span onclick="changeAnimal(this)" class="cursor-grab">🦊</span> SCULPTING SITES SINCE 2022
</p>
</div>
<!-- -->
<!-- Experience -->
<div class="py-5 lg:py-10 px-5 lg:px-10 my-10" id="experience-section">
<p style="line-height: 1.5;"
class="text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl 2xl:text-6xl uppercase font-bold my-auto selection:bg-none">
I have experience <a href="https://www.linkedin.com/in/thenithinbalaji/" target="_blank"
rel="noopener noreferrer" class="cursor-pointer underline">working</a> for
<img class="inline-block h-8 md:h-16 lg:h-24 selection:bg-none" id="company-logo">
and also freelancing
<img src="./assets/bricks.svg" onclick="flipElement(this)"
class="xl:inline-block h-8 md:h-16 lg:h-24 selection:bg-none hidden hover:cursor-grab">
& doing passionate
<a href="https://github.com/thenithinbalaji?tab=repositories&type=source" target="_blank"
rel="noopener noreferrer" class="cursor-pointer underline">open-source
projects</a> in my free time
<img src="./assets/smiley.svg" class="inline-block h-8 md:h-16 lg:h-24 selection:bg-none">
</p>
<div class="mt-5 md:flex gap-5">
<p class="md:text-xl md:font-semibold text-justify md:w-1/2 cursor-text">
I began creating games using game 🎮 engines when I was 15 and got fascinated 🤯 by the endless
possibilities of developing applications 📱 and how creative 🧠 someone can get in that process. I made
games in
the next few years and even though none of them made it to production, it was a good learning
experience for me. I took a break for a while, focused on my studies 🤓 and parallelly started writing
tech blogs &
remixing songs 🎹 before I launched my first project, a
<a href="https://discordbotlist.com/users/756511707228143646" target="_blank" rel="noopener noreferrer"
class="cursor-pointer underline">discord chatbot</a> 🤖 at the age of 19. Since then, I have been
developing a lot of cool stuff most of which can be found on my GitHub. 🥹
</p>
<p class="md:text-lg text-justify my-5 md:my-0 md:w-1/2 cursor-text">
In my sophomore, I interned at a pharmaceutical 💊 company named
<a href="https://niyamaalifesciences.com/" target="_blank" rel="noopener noreferrer"
class="cursor-pointer underline">Niyamaa</a> as Front-end Developer where I build their digital
presence.
Then in my pre-final year, I got the privilege to work as Full Stack Developer 🌐 Intern for
<a href="https://www.ticketh.io/" target="_blank" rel="noopener noreferrer"
class="cursor-pointer underline">Ticketh.io</a>, a web3 startup
and later as an Engineering 🛠️ Intern in
<a href="https://www.balkan.id/" target="_blank" rel="noopener noreferrer"
class="cursor-pointer underline">Balkan.id</a>, an IGA (Identity Governance and Administration)
company based in Austin. During my final year, I interned at
<a href="https://www.swimngo.com/" target="_blank" rel="noopener noreferrer"
class="cursor-pointer underline">SwimNGo</a> as an SDE 💻 solidifying my passion for development.
I am currently working as a Software Developer 🕊️ at <a href="https://home.barclays/" target="_blank"
rel="noopener noreferrer" class="cursor-pointer underline">Barclays</a>.
</p>
</div>
<div class="mt-10 flex flex-wrap gap-2 justify-center sm:justify-start">
<a href="https://github.com/thenithinbalaji" target="_blank" rel="noopener noreferrer"
class="cursor-pointer p-4 bg-[#FFFF00] font-bold text-lg active:translate-x-0 active:translate-y-0 duration-200 px-4 py-2 -translate-x-1 -translate-y-1 hover:-translate-x-1.5 hover:-translate-y-1.5 border border-b-4 border-r-4 border-black rounded-lg shadow-lg hover:shadow-sm h-fit my-auto hover:bg-[#FFFF00] selection:bg-none uppercase w-fit">
GitHub
<svg class="sm:inline-block h-5 my-auto hidden" fill="#000000" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<g data-name="Layer 2">
<g data-name="diagonal-arrow-right-up">
<rect width="24" height="24" transform="rotate(180 12 12)" opacity="0"></rect>
<path
d="M18 7.05a1 1 0 0 0-1-1L9 6a1 1 0 0 0 0 2h5.56l-8.27 8.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0L16 9.42V15a1 1 0 0 0 1 1 1 1 0 0 0 1-1z">
</path>
</g>
</g>
</g>
</svg>
</a>
<a href="https://raw.githubusercontent.com/thenithinbalaji/assets/main/nithin_dev_resume.pdf"
target="_blank" rel="noopener noreferrer"
class="cursor-pointer p-4 bg-[#FFFF00] font-bold text-lg active:translate-x-0 active:translate-y-0 duration-200 px-4 py-2 -translate-x-1 -translate-y-1 hover:-translate-x-1.5 hover:-translate-y-1.5 border border-b-4 border-r-4 border-black rounded-lg shadow-lg hover:shadow-sm h-fit my-auto hover:bg-[#FFFF00] selection:bg-none uppercase w-fit">
<svg class="sm:inline-block h-5 my-auto hidden" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<g id="Interface / Download">
<path id="Vector" d="M6 21H18M12 3V17M12 17L17 12M12 17L7 12" stroke="#000000"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</g>
</svg>
Resume
</a>
</div>
</div>
<!-- -->
<!-- Colored Dividers -->
<div class="bg-[#FF5757] p-2 md:p-5">
<p
class="text-xs sm:text-xl md:text-2xl lg:text-4xl font-black selection:bg-none sm:text-left text-center overflow-hidden line-clamp-1">
REVERSING A LinkedList <span id="linkedlistexpand" onclick="expandLinkedList()"
class="cursor-e-resize">{..}</span> TO CENTERING A <div> <span onclick="changeAnimal(this)"
class="cursor-grab">🐼</span>
</p>
</div>
<div class="bg-[#1899F5] p-2 md:p-5">
<p
class="text-xs sm:text-xl md:text-2xl lg:text-4xl font-black selection:bg-none sm:text-right text-center uppercase">
🎴 POPPING A STACK TO MAKING POPPING SITES I GOT THEM SKILLS
</p>
</div>
<!-- -->
<!-- Projects -->
<div class="p-5 sm:p-10 my-10" id="project-section">
<div class="flex flex-wrap justify-center">
<p class="font-bold text-4xl md:text-6xl lg:text-8xl h-fit selection:bg-none text-center my-auto">
Projects
</p>
<img src="./assets/curvy-arrow-circle.svg" alt="curvy-arrow-circle-2"
class="h-16 md:h-32 selection:bg-none my-auto drop-shadow-md" id="curvy-arrow-circle-2">
</div>
<div class="flex gap-3">
<div class="black-label text-white bg-black rounded-2xl w-fit font-semibold pl-3 pr-2 py-1 my-2">
<svg class="inline-block h-5 pr-1" fill="#ffffff" version="1.1" id="Icons"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"
xml:space="preserve" stroke="#ffffff">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M16,16.1c-0.9,0-9.1-0.1-9.1-3.3C6.9,8,11,4,16,4s9.1,4,9.1,8.9C25.1,16,16.9,16.1,16,16.1z">
</path>
</g>
<path
d="M27,11.6c0.1,0.4,0.1,0.9,0.1,1.3c0,4.7-7.7,5.3-11.1,5.3S4.9,17.6,4.9,12.9c0-0.4,0-0.9,0.1-1.3C1.8,13,0,15,0,17.3 C0,21.6,7,25,16,25s16-3.4,16-7.8C32,15,30.2,13,27,11.6z M18,22h-4c-0.6,0-1-0.4-1-1s0.4-1,1-1h4c0.6,0,1,0.4,1,1S18.6,22,18,22z">
</path>
</g>
</svg>
featured projects
</div>
<div class="my-auto font-semibold text-sm" id="project-carousell-log">
</div>
</div>
<div class="mt-5 xl:flex gap-5 justify-between hover:scale-[101%] duration-500" onmouseenter="stopInterval()"
onmouseleave="startInterval()" ontouchstart="stopInterval()">
<img src="./assets/gradientwall.png"
class="xl:w-1/2 max-h-fit my-auto border-2 border-black rounded-lg shadow-lg" id="project-image">
<div class="mt-5 xl:my-auto xl:w-1/2">
<div class="flex flex-wrap gap-2 md:gap-3 sm:justify-end justify-center">
<img src="./assets/simple-star-circle.svg"
class="h-8 lg:h-12 selection:bg-none my-auto hidden sm:block md:hidden 2xl:block">
<p class="font-black text-3xl sm:text-4xl lg:text-6xl h-fit cursor-text uppercase my-auto"
id="project-title">
Loading ...
</p>
</div>
<div class="my-4 flex justify-center sm:justify-end">
<img src="https://skillicons.dev/icons?i=cpp,py,js,react,tailwind,nodejs,mongodb,mysql"
alt="tech stack" id="project-stack" />
</div>
<p class="mt-5 md:text-lg text-justify md:font-semibold cursor-text h-24 md:h-auto overflow-hidden"
id="project-desc">
Check your network or switch to a faster internet connection to load / 🤖 Check the console tab
</p>
<div class="flex flex-wrap mt-5 gap-3">
<a href="#" target="_blank" rel="noopener noreferrer"
class="text-lg font-normal underline hover:text-xl duration-500" id="project-link1">
<span id="project-link1-name" class="hover:cursor-pointer">Link 1</span>↗
</a>
<a href="#" target="_blank" rel="noopener noreferrer"
class="text-lg font-normal underline hover:text-xl duration-500" id="project-link2">
<span id="project-link2-name" class="hover:cursor-pointer">Link 2</span>↗
</a>
</div>
<div class="mt-10 flex flex-wrap gap-2 justify-center sm:justify-end">
<button id="project-prev-button"
class="p-4 bg-[#FFFF00] font-bold text-lg active:translate-x-0 active:translate-y-0 duration-200 px-4 py-2 -translate-x-1 -translate-y-1 hover:-translate-x-1.5 hover:-translate-y-1.5 border border-b-4 border-r-4 border-black rounded-lg shadow-lg hover:shadow-sm h-fit my-auto hover:bg-[#FFFF00] selection:bg-none">
< α PREV
</button>
<button id="project-next-button"
class="p-4 bg-[#FFFF00] font-bold text-lg active:translate-x-0 active:translate-y-0 duration-200 px-4 py-2 -translate-x-1 -translate-y-1 hover:-translate-x-1.5 hover:-translate-y-1.5 border border-b-4 border-r-4 border-black rounded-lg shadow-lg hover:shadow-sm h-fit my-auto hover:bg-[#FFFF00] selection:bg-none">
NEXT ζ >
</button>
</div>
</div>
</div>
<div class="mt-10">
<div class="black-label text-white bg-black rounded-2xl w-fit font-semibold pl-3 pr-2 py-1 my-2">
<svg class="inline-block h-5 pr-1" fill="#ffffff" version="1.1" id="Icons"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"
xml:space="preserve" stroke="#ffffff">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M16,16.1c-0.9,0-9.1-0.1-9.1-3.3C6.9,8,11,4,16,4s9.1,4,9.1,8.9C25.1,16,16.9,16.1,16,16.1z">
</path>
</g>
<path
d="M27,11.6c0.1,0.4,0.1,0.9,0.1,1.3c0,4.7-7.7,5.3-11.1,5.3S4.9,17.6,4.9,12.9c0-0.4,0-0.9,0.1-1.3C1.8,13,0,15,0,17.3 C0,21.6,7,25,16,25s16-3.4,16-7.8C32,15,30.2,13,27,11.6z M18,22h-4c-0.6,0-1-0.4-1-1s0.4-1,1-1h4c0.6,0,1,0.4,1,1S18.6,22,18,22z">
</path>
</g>
</svg>
my top GitHub repos
</div>
<div class="github-projects-container my-5 overflow-x-hidden flex gap-5 p-2">
<div class="github-projects-container-items playmarquee flex gap-5">
</div>
</div>
</div>
</div>
<!-- -->
<!-- Footer -->
<footer id="footer" class="px-10 pt-10 pb-10 md:pb-20 bg-black text-white duration-100 lg:duration-300">
<div class="md:flex justify-evenly">
<div class="md:w-1/3">
<p class="text-2xl font-bold text-center">
Get In Touch
</p>
<p class="text-justify mt-2">
Although I'm not currently looking for any new job opportunities, my inbox is always open. Whether
you have a question or just want to say hi, I'll try my best to get back to you!
</p>
</div>
<div class="mt-10 md:my-auto h-fit flex gap-5 justify-center">
<a href="mailto:[email protected]">
<img src="./assets/mail.svg" class="h-10 cursor-pointer hover:scale-110 duration-500" />
</a>
<a href="https://www.linkedin.com/in/thenithinbalaji/" target="_blank" rel="noopener noreferrer">
<img src="./assets/linkedin.svg" class="h-10 cursor-pointer hover:scale-110 duration-500" />
</a>
<a href="https://github.com/thenithinbalaji" target="_blank" rel="noopener noreferrer">
<img src="./assets/github.svg" class="h-10 cursor-pointer hover:scale-110 duration-500" />
</a>
</div>
</div>
<p class="mt-16 font-bold text-center">
Built by Nithin ©️ 2024
</p>
</footer>
<!-- -->
</body>
</html>