-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
578 lines (505 loc) · 61.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio | Hemant Patil</title>
<link rel="shortcut icon" href="./assets/images/code-solid.svg" type="image/x-icon">
<link rel="stylesheet" href="./assets/css/styles.css">
<!-- for icons -->
<script src="https://kit.fontawesome.com/2130518725.js" crossorigin="anonymous"></script>
</head>
<body class="">
<!-- navbar starts-->
<header id="header" class="section">
<!-- my logo -->
<nav class="content">
<div class="logo">
<a href="#"><i class="fa-solid fa-code"></i> Hemant</a>
</div>
<!-- menu items -->
<ul class="nav-items">
<li id="home-btn" class="active">
<a href="#hero-section">Home</a>
</li>
<li id="about-btn">
<a href="#aboutme-section">About</a>
</li>
<li id="skills-btn">
<a href="#skills">Skills</a>
</li>
<li id="edu-btn">
<a href="#qualifications">Education</a>
</li>
<li id="work-btn">
<a href="#qualifications">Work</a>
</li>
<li id="exp-btn">
<a href="#qualificationsXX">Experience</a>
</li>
<li id="contact-btn">
<a href="#">Contact</a>
</li>
</ul>
<!-- hamburger icon -->
<button class="hamburger-btn">
<i class="fa-solid fa-bars"></i>
</button>
</nav>
</header>
<!-- navbar ends -->
<!-- hero section starts -->
<section id="hero-section">
<!-- backnet -->
<div id="particles-js"></div>
<!-- content -->
<div class="content hero">
<!-- contact me div -->
<div class="about-container">
<h1 class="heading1">Hi There, <div>I'm <span class="myname">Hemant Patil</div></span></h1>
<h3 class="iam">I am <span class="role">Frontend Developer</span></h3>
<p class="para-text">Building Software to solve real life problems</p>
<!-- about me btn -->
<button class="aboutme-btn">
<span>contact me <i class="fa-solid fa-id-card-clip"></i></span>
</button>
<!-- social icons -->
<div class="social-container">
<a href="https://www.linkedin.com/in/hemant14050/" target="_blank">
<div class="social-icons linkedin">
<i class="fa-brands fa-linkedin"></i>
</div>
</a>
<a href="https://www.github.com/hemant14050/" target="_blank">
<div class="social-icons github">
<i class="fa-brands fa-github"></i>
</div>
</a>
<a href="mailto:[email protected]" target="_blank">
<div class="social-icons mail">
<i class="fa-solid fa-envelope"></i>
</div>
</a>
<a href="https://www.twitter.com/hemant14050/" target="_blank">
<div class="social-icons twitter">
<i class="fa-brands fa-twitter"></i>
</div>
</a>
<a href="https://www.instagram.com/hemant14050/" target="_blank">
<div class="social-icons instagram">
<i class="fa-brands fa-instagram"></i>
</div>
</a>
<!-- <a href="#">
<div class="social-icons facebook" target="_blank">
<i class="fa-brands fa-facebook"></i>
</div>
</a> -->
</div>
</div>
<!-- avatar container -->
<div class="avatar">
<i class="fa-solid fa-code"></i>
</div>
</div>
</section>
<!-- hero section ends -->
<!-- about me section starts -->
<section id="aboutme-section">
<div class="content aboutme-content">
<!-- about me heading -->
<div class="headi">
<h1 class="content-heading">about <span class="meabt">me</span></h1>
<p class="content-text">My Introduction</p>
</div>
<div class="img-text">
<img src="./assets/images/hemant-removebg.png" alt="" height="400px">
<div class="text-btn">
<p>Hey there,👋 I'm Hemant a 21-year-old CSE undergrad who is passionate about Software Development, UI/UX Design and Machine Learning. Currently, I'm pursuing my B. Tech (CSE) at RCPIT, Shirpur 👨🏻💻. I'm very passionate about the work that I do. 🎯</p>
<!-- download resume btn -->
<a href="https://drive.google.com/file/d/1GWXvVaOEELUmtZPV2nzI0zpzU7J6k7dp/view?usp=drive_link" target="_blank">
<button class="download-resume-btn">
<span>Resume</span>
<i class="fa-solid fa-file"></i>
</button>
</a>
</div>
</div>
</div>
</section>
<!-- about me section ends-->
<!-- skills sections starts -->
<section id="skills">
<div class="content skills-content">
<!-- skills heading -->
<div class="headi">
<h1 class="content-heading">Skills</span></h1>
<p class="content-text">My <span class="meabt">Technical</span> Skills</p>
</div>
<!-- skills -->
<div class="tech-skills">
<!-- 1 -->
<div class="languages tp" data-lang>
<div class="skills-header">
<div class="sk-icon"><i class="fa-solid fa-laptop-code"></i></div>
<div class="skills-text-p">
<h3 class="skills-heading">Languages</h3>
<p class="skills-text">Languages that I have picked up over the years</p>
</div>
<button class="skills-btn">
<span class="sk-angle-down sk-angle-down-lang angleActive"><i class="fa-solid fa-angle-down"></i></span>
<span class="sk-angle-up sk-angle-up-lang"><i class="fa-solid fa-angle-up"></i></span>
</button>
</div>
<div class="skills-container sk-lang">
<!-- java -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- java -->
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 346" id="java"><path fill="#5382A1" d="M82.554 267.473s-13.198 7.675 9.393 10.272c27.369 3.122 41.356 2.675 71.517-3.034 0 0 7.93 4.972 19.003 9.279-67.611 28.977-153.019-1.679-99.913-16.517M74.292 229.659s-14.803 10.958 7.805 13.296c29.236 3.016 52.324 3.263 92.276-4.43 0 0 5.526 5.602 14.215 8.666-81.747 23.904-172.798 1.885-114.296-17.532"></path><path fill="#E76F00" d="M143.942 165.515c16.66 19.18-4.377 36.44-4.377 36.44s42.301-21.837 22.874-49.183c-18.144-25.5-32.059-38.172 43.268-81.858 0 0-118.238 29.53-61.765 94.6"></path><path fill="#5382A1" d="M233.364 295.442s9.767 8.047-10.757 14.273c-39.026 11.823-162.432 15.393-196.714.471-12.323-5.36 10.787-12.8 18.056-14.362 7.581-1.644 11.914-1.337 11.914-1.337-13.705-9.655-88.583 18.957-38.034 27.15 137.853 22.356 251.292-10.066 215.535-26.195M88.9 190.48s-62.771 14.91-22.228 20.323c17.118 2.292 51.243 1.774 83.03-.89 25.978-2.19 52.063-6.85 52.063-6.85s-9.16 3.923-15.787 8.448c-63.744 16.765-186.886 8.966-151.435-8.183 29.981-14.492 54.358-12.848 54.358-12.848M201.506 253.422c64.8-33.672 34.839-66.03 13.927-61.67-5.126 1.066-7.411 1.99-7.411 1.99s1.903-2.98 5.537-4.27c41.37-14.545 73.187 42.897-13.355 65.647 0 .001 1.003-.895 1.302-1.697"></path><path fill="#E76F00" d="M162.439.371s35.887 35.9-34.037 91.101c-56.071 44.282-12.786 69.53-.023 98.377-32.73-29.53-56.75-55.526-40.635-79.72C111.395 74.612 176.918 57.393 162.439.37"></path><path fill="#5382A1" d="M95.268 344.665c62.199 3.982 157.712-2.209 159.974-31.64 0 0-4.348 11.158-51.404 20.018-53.088 9.99-118.564 8.824-157.399 2.421.001 0 7.95 6.58 48.83 9.201"></path></svg>
</span>
<span>Java</span>
</div>
<div class="line"></div>
</div>
<!-- js -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- js -->
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="" aria-label="JavaScript" viewBox="0 0 512 512" id="javascript"><rect width="512" height="512" fill="#f7df1e" rx="15%"></rect><path d="m324,370c10,17 24,29 47,29 20,0 33,-10 33,-24 0,-16 -13,-22 -35,-32l-12,-5c-35,-15 -58,-33 -58,-72 0,-36 27,-64 70,-64 31,0 53,11 68,39l-37,24c-8,-15 -17,-21 -31,-21 -14,0 -23,9 -23,21 0,14 9,20 30,29l12,5c41,18 64,35 64,76 0,43 -34,67 -80,67 -45,0 -74,-21 -88,-49zm-170,4c8,13 14,25 31,25 16,0 26,-6 26,-30V203h48v164c0,50 -29,72 -72,72 -39,0 -61,-20 -72,-44z"></path></svg>
</span>
<span>JavaScript</span>
</div>
<div class="line"></div>
</div>
<!-- python -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- python -->
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 255" id="python"><defs><linearGradient id="a" x1="12.959%" x2="79.639%" y1="12.039%" y2="78.201%"><stop offset="0%" stop-color="#387EB8"></stop><stop offset="100%" stop-color="#366994"></stop></linearGradient><linearGradient id="b" x1="19.128%" x2="90.742%" y1="20.579%" y2="88.429%"><stop offset="0%" stop-color="#FFE052"></stop><stop offset="100%" stop-color="#FFC331"></stop></linearGradient></defs><path fill="url(#a)" d="M126.916.072c-64.832 0-60.784 28.115-60.784 28.115l.072 29.128h61.868v8.745H41.631S.145 61.355.145 126.77c0 65.417 36.21 63.097 36.21 63.097h21.61v-30.356s-1.165-36.21 35.632-36.21h61.362s34.475.557 34.475-33.319V33.97S194.67.072 126.916.072zM92.802 19.66a11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13 11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.13z"></path><path fill="url(#b)" d="M128.757 254.126c64.832 0 60.784-28.115 60.784-28.115l-.072-29.127H127.6v-8.745h86.441s41.486 4.705 41.486-60.712c0-65.416-36.21-63.096-36.21-63.096h-21.61v30.355s1.165 36.21-35.632 36.21h-61.362s-34.475-.557-34.475 33.32v56.013s-5.235 33.897 62.518 33.897zm34.114-19.586a11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.131 11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13z"></path></svg>
</span>
<span>Python</span>
</div>
<div class="line"></div>
</div>
<!-- cpp -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- cpp -->
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 288" id="c"><path fill="#5C8DBC" d="M255.569 84.72c-.002-4.83-1.035-9.098-3.124-12.761-2.052-3.602-5.125-6.621-9.247-9.008-34.025-19.619-68.083-39.178-102.097-58.817-9.17-5.294-18.061-5.101-27.163.269C100.395 12.39 32.59 51.237 12.385 62.94 4.064 67.757.015 75.129.013 84.711 0 124.166.013 163.62 0 203.076c.002 4.724.991 8.909 2.988 12.517 2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.269 34.015-19.64 68.075-39.198 102.105-58.817 4.217-2.44 7.333-5.544 9.386-9.252 1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345"></path><path fill="#1A4674" d="M128.182 143.509L2.988 215.593c2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.269 34.015-19.64 68.075-39.198 102.105-58.817 4.217-2.44 7.333-5.544 9.386-9.252l-124.413-72.074"></path><path fill="#1A4674" d="M91.101 164.861c7.285 12.718 20.98 21.296 36.69 21.296 15.807 0 29.58-8.687 36.828-21.541l-36.437-21.107-37.081 21.352"></path><path fill="#1B598E" d="M255.569 84.72c-.002-4.83-1.035-9.098-3.124-12.761l-124.263 71.55 124.413 72.074c1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345"></path><path fill="#FFF" d="M248.728 148.661h-9.722v9.724h-9.724v-9.724h-9.721v-9.721h9.721v-9.722h9.724v9.722h9.722v9.721M213.253 148.661h-9.721v9.724h-9.722v-9.724h-9.722v-9.721h9.722v-9.722h9.722v9.722h9.721v9.721"></path><path fill="#FFF" d="M164.619 164.616c-7.248 12.854-21.021 21.541-36.828 21.541-15.71 0-29.405-8.578-36.69-21.296a42.062 42.062 0 0 1-5.574-20.968c0-23.341 18.923-42.263 42.264-42.263 15.609 0 29.232 8.471 36.553 21.059l36.941-21.272c-14.683-25.346-42.096-42.398-73.494-42.398-46.876 0-84.875 38-84.875 84.874 0 15.378 4.091 29.799 11.241 42.238 14.646 25.48 42.137 42.637 73.634 42.637 31.555 0 59.089-17.226 73.714-42.781l-36.886-21.371"></path></svg>
</span>
<span>C++</span>
</div>
<div class="line"></div>
</div>
<!-- c -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- c -->
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="" viewBox="0 0 128 128" id="c"><path fill="#659AD3" d="M115.4 30.7l-48.3-27.8c-.8-.5-1.9-.7-3.1-.7-1.2 0-2.3.3-3.1.7l-48 27.9c-1.7 1-2.9 3.5-2.9 5.4v55.7c0 1.1.2 2.4 1 3.5l106.8-62c-.6-1.2-1.5-2.1-2.4-2.7z"></path><path fill="#03599C" d="M10.7 95.3c.5.8 1.2 1.5 1.9 1.9l48.2 27.9c.8.5 1.9.7 3.1.7 1.2 0 2.3-.3 3.1-.7l48-27.9c1.7-1 2.9-3.5 2.9-5.4v-55.7c0-.9-.1-1.9-.6-2.8l-106.6 62z"></path><path fill="#fff" d="M85.3 76.1c-4.2 7.4-12.2 12.4-21.3 12.4-13.5 0-24.5-11-24.5-24.5s11-24.5 24.5-24.5c9.1 0 17.1 5 21.3 12.5l13-7.5c-6.8-11.9-19.6-20-34.3-20-21.8 0-39.5 17.7-39.5 39.5s17.7 39.5 39.5 39.5c14.6 0 27.4-8 34.2-19.8l-12.9-7.6z"></path></svg>
</span>
<span>C</span>
</div>
<div class="line"></div>
</div>
</div>
</div>
<!-- 2 -->
<div class="libraries tp" data-libra>
<div class="skills-header">
<div class="sk-icon"><i class="fa-duotone fa-brackets-curly"></i>{ }</div>
<div class="skills-text-p">
<h3 class="skills-heading">Libraries & Frameworks</h3>
<p class="skills-text">Libraries and Frameworks that I prefer to work with</p>
</div>
<button class="skills-btn">
<span class="sk-angle-down sk-angle-down-libra angleActive"><i class="fa-solid fa-angle-down"></i></span>
<span class="sk-angle-up sk-angle-up-libra"><i class="fa-solid fa-angle-up"></i></span>
</button>
</div>
<div class="skills-container sk-libra">
<!-- react -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- react -->
<svg xmlns="http://www.w3.org/2000/svg" width="40px" enable-background="new 0 0 128 128" viewBox="0 0 128 128" id="react"><g fill="#61DAFB"><circle cx="64" cy="64" r="11.4"></circle><path d="M107.3 45.2c-2.2-.8-4.5-1.6-6.9-2.3.6-2.4 1.1-4.8 1.5-7.1 2.1-13.2-.2-22.5-6.6-26.1-1.9-1.1-4-1.6-6.4-1.6-7 0-15.9 5.2-24.9 13.9-9-8.7-17.9-13.9-24.9-13.9-2.4 0-4.5.5-6.4 1.6-6.4 3.7-8.7 13-6.6 26.1.4 2.3.9 4.7 1.5 7.1-2.4.7-4.7 1.4-6.9 2.3-12.5 4.8-19.3 11.4-19.3 18.8s6.9 14 19.3 18.8c2.2.8 4.5 1.6 6.9 2.3-.6 2.4-1.1 4.8-1.5 7.1-2.1 13.2.2 22.5 6.6 26.1 1.9 1.1 4 1.6 6.4 1.6 7.1 0 16-5.2 24.9-13.9 9 8.7 17.9 13.9 24.9 13.9 2.4 0 4.5-.5 6.4-1.6 6.4-3.7 8.7-13 6.6-26.1-.4-2.3-.9-4.7-1.5-7.1 2.4-.7 4.7-1.4 6.9-2.3 12.5-4.8 19.3-11.4 19.3-18.8s-6.8-14-19.3-18.8zm-14.8-30.5c4.1 2.4 5.5 9.8 3.8 20.3-.3 2.1-.8 4.3-1.4 6.6-5.2-1.2-10.7-2-16.5-2.5-3.4-4.8-6.9-9.1-10.4-13 7.4-7.3 14.9-12.3 21-12.3 1.3 0 2.5.3 3.5.9zm-11.2 59.3c-1.8 3.2-3.9 6.4-6.1 9.6-3.7.3-7.4.4-11.2.4-3.9 0-7.6-.1-11.2-.4-2.2-3.2-4.2-6.4-6-9.6-1.9-3.3-3.7-6.7-5.3-10 1.6-3.3 3.4-6.7 5.3-10 1.8-3.2 3.9-6.4 6.1-9.6 3.7-.3 7.4-.4 11.2-.4 3.9 0 7.6.1 11.2.4 2.2 3.2 4.2 6.4 6 9.6 1.9 3.3 3.7 6.7 5.3 10-1.7 3.3-3.4 6.6-5.3 10zm8.3-3.3c1.5 3.5 2.7 6.9 3.8 10.3-3.4.8-7 1.4-10.8 1.9 1.2-1.9 2.5-3.9 3.6-6 1.2-2.1 2.3-4.2 3.4-6.2zm-25.6 27.1c-2.4-2.6-4.7-5.4-6.9-8.3 2.3.1 4.6.2 6.9.2 2.3 0 4.6-.1 6.9-.2-2.2 2.9-4.5 5.7-6.9 8.3zm-18.6-15c-3.8-.5-7.4-1.1-10.8-1.9 1.1-3.3 2.3-6.8 3.8-10.3 1.1 2 2.2 4.1 3.4 6.1 1.2 2.2 2.4 4.1 3.6 6.1zm-7-25.5c-1.5-3.5-2.7-6.9-3.8-10.3 3.4-.8 7-1.4 10.8-1.9-1.2 1.9-2.5 3.9-3.6 6-1.2 2.1-2.3 4.2-3.4 6.2zm25.6-27.1c2.4 2.6 4.7 5.4 6.9 8.3-2.3-.1-4.6-.2-6.9-.2-2.3 0-4.6.1-6.9.2 2.2-2.9 4.5-5.7 6.9-8.3zm22.2 21l-3.6-6c3.8.5 7.4 1.1 10.8 1.9-1.1 3.3-2.3 6.8-3.8 10.3-1.1-2.1-2.2-4.2-3.4-6.2zm-54.5-16.2c-1.7-10.5-.3-17.9 3.8-20.3 1-.6 2.2-.9 3.5-.9 6 0 13.5 4.9 21 12.3-3.5 3.8-7 8.2-10.4 13-5.8.5-11.3 1.4-16.5 2.5-.6-2.3-1-4.5-1.4-6.6zm-24.7 29c0-4.7 5.7-9.7 15.7-13.4 2-.8 4.2-1.5 6.4-2.1 1.6 5 3.6 10.3 6 15.6-2.4 5.3-4.5 10.5-6 15.5-13.8-4-22.1-10-22.1-15.6zm28.5 49.3c-4.1-2.4-5.5-9.8-3.8-20.3.3-2.1.8-4.3 1.4-6.6 5.2 1.2 10.7 2 16.5 2.5 3.4 4.8 6.9 9.1 10.4 13-7.4 7.3-14.9 12.3-21 12.3-1.3 0-2.5-.3-3.5-.9zm60.8-20.3c1.7 10.5.3 17.9-3.8 20.3-1 .6-2.2.9-3.5.9-6 0-13.5-4.9-21-12.3 3.5-3.8 7-8.2 10.4-13 5.8-.5 11.3-1.4 16.5-2.5.6 2.3 1 4.5 1.4 6.6zm9-15.6c-2 .8-4.2 1.5-6.4 2.1-1.6-5-3.6-10.3-6-15.6 2.4-5.3 4.5-10.5 6-15.5 13.8 4 22.1 10 22.1 15.6 0 4.7-5.8 9.7-15.7 13.4z"></path></g></svg>
</span>
<span>React</span>
</div>
<div class="line"></div>
</div>
<!-- tailwind -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- taiwind -->
<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" id="tailwind-css"><path d="M18.5 9.51a4.22 4.22 0 0 1-1.91-1.34A5.77 5.77 0 0 0 12 6a4.72 4.72 0 0 0-5 4 3.23 3.23 0 0 1 3.5-1.49 4.32 4.32 0 0 1 1.91 1.35A5.77 5.77 0 0 0 17 12a4.72 4.72 0 0 0 5-4 3.2 3.2 0 0 1-3.5 1.51zm-13 4.98a4.22 4.22 0 0 1 1.91 1.34A5.77 5.77 0 0 0 12 18a4.72 4.72 0 0 0 5-4 3.23 3.23 0 0 1-3.5 1.49 4.32 4.32 0 0 1-1.91-1.35A5.8 5.8 0 0 0 7 12a4.72 4.72 0 0 0-5 4 3.2 3.2 0 0 1 3.5-1.51z"></path></svg>
</span>
<span>Tailwind</span>
</div>
<div class="line"></div>
</div>
<!-- node -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- node -->
<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 512 314" id="nodejs"><defs><linearGradient id="b" x1="68.188%" x2="27.823%" y1="17.487%" y2="89.755%"><stop offset="0%" stop-color="#41873F"></stop><stop offset="32.88%" stop-color="#418B3D"></stop><stop offset="63.52%" stop-color="#419637"></stop><stop offset="93.19%" stop-color="#3FA92D"></stop><stop offset="100%" stop-color="#3FAE2A"></stop></linearGradient><linearGradient id="d" x1="43.277%" x2="159.245%" y1="55.169%" y2="-18.306%"><stop offset="13.76%" stop-color="#41873F"></stop><stop offset="40.32%" stop-color="#54A044"></stop><stop offset="71.36%" stop-color="#66B848"></stop><stop offset="90.81%" stop-color="#6CC04A"></stop></linearGradient><linearGradient id="e" x1="-4413.77%" x2="5327.93%" y1="13.43%" y2="13.43%"><stop offset="9.192%" stop-color="#6CC04A"></stop><stop offset="28.64%" stop-color="#66B848"></stop><stop offset="59.68%" stop-color="#54A044"></stop><stop offset="86.24%" stop-color="#41873F"></stop></linearGradient><linearGradient id="f" x1="-4.389%" x2="101.499%" y1="49.997%" y2="49.997%"><stop offset="9.192%" stop-color="#6CC04A"></stop><stop offset="28.64%" stop-color="#66B848"></stop><stop offset="59.68%" stop-color="#54A044"></stop><stop offset="86.24%" stop-color="#41873F"></stop></linearGradient><linearGradient id="g" x1="-9713.77%" x2="27.93%" y1="36.21%" y2="36.21%"><stop offset="9.192%" stop-color="#6CC04A"></stop><stop offset="28.64%" stop-color="#66B848"></stop><stop offset="59.68%" stop-color="#54A044"></stop><stop offset="86.24%" stop-color="#41873F"></stop></linearGradient><linearGradient id="h" x1="-103.861%" x2="100.797%" y1="50.275%" y2="50.275%"><stop offset="9.192%" stop-color="#6CC04A"></stop><stop offset="28.64%" stop-color="#66B848"></stop><stop offset="59.68%" stop-color="#54A044"></stop><stop offset="86.24%" stop-color="#41873F"></stop></linearGradient><linearGradient id="i" x1="130.613%" x2="4.393%" y1="-211.069%" y2="201.605%"><stop offset="0%" stop-color="#41873F"></stop><stop offset="32.88%" stop-color="#418B3D"></stop><stop offset="63.52%" stop-color="#419637"></stop><stop offset="93.19%" stop-color="#3FA92D"></stop><stop offset="100%" stop-color="#3FAE2A"></stop></linearGradient><path id="a" d="M57.903 1.85a5.957 5.957 0 0 0-5.894 0L3.352 29.933c-1.85 1.04-2.89 3.005-2.89 5.085v56.286c0 2.08 1.156 4.045 2.89 5.085l48.657 28.085a5.957 5.957 0 0 0 5.894 0l48.658-28.085c1.849-1.04 2.89-3.005 2.89-5.085V35.019c0-2.08-1.157-4.045-2.89-5.085L57.903 1.85z"></path></defs><g fill="none"><path fill="#539E43" d="M253.11 313.094c-1.733 0-3.351-.462-4.854-1.271l-15.371-9.13c-2.312-1.272-1.156-1.734-.462-1.965 3.12-1.04 3.698-1.272 6.934-3.12.347-.232.81-.116 1.156.115l11.789 7.05c.462.231 1.04.231 1.386 0l46.115-26.698c.462-.231.694-.694.694-1.271v-53.28c0-.579-.232-1.04-.694-1.272l-46.115-26.582c-.462-.232-1.04-.232-1.386 0l-46.115 26.582c-.462.231-.694.809-.694 1.271v53.28c0 .463.232 1.04.694 1.272l12.598 7.281c6.819 3.467 11.095-.578 11.095-4.623v-52.587c0-.693.578-1.387 1.387-1.387h5.894c.694 0 1.387.578 1.387 1.387v52.587c0 9.13-4.97 14.447-13.638 14.447-2.658 0-4.738 0-10.633-2.89l-12.135-6.934c-3.005-1.733-4.854-4.97-4.854-8.437v-53.28c0-3.467 1.849-6.704 4.854-8.437l46.114-26.698c2.89-1.618 6.82-1.618 9.709 0l46.114 26.698c3.005 1.733 4.855 4.97 4.855 8.437v53.28c0 3.467-1.85 6.704-4.855 8.437l-46.114 26.698c-1.503.694-3.236 1.04-4.854 1.04zm14.216-36.637c-20.225 0-24.386-9.246-24.386-17.105 0-.694.578-1.387 1.387-1.387h6.01c.693 0 1.271.462 1.271 1.156.925 6.125 3.583 9.13 15.834 9.13 9.708 0 13.87-2.196 13.87-7.397 0-3.005-1.157-5.2-16.297-6.703-12.598-1.272-20.457-4.045-20.457-14.1 0-9.362 7.86-14.91 21.035-14.91 14.793 0 22.075 5.086 23 16.18 0 .348-.116.694-.347 1.041-.232.231-.578.462-.925.462h-6.01c-.578 0-1.156-.462-1.271-1.04-1.387-6.356-4.97-8.437-14.447-8.437-10.633 0-11.905 3.699-11.905 6.472 0 3.352 1.503 4.392 15.834 6.241 14.216 1.85 20.92 4.508 20.92 14.447-.116 10.171-8.437 15.95-23.116 15.95z"></path><path fill="#333" d="M110.028 104.712c0-2.08-1.156-4.046-3.005-5.086l-49.004-28.2c-.81-.463-1.734-.694-2.658-.81h-.463c-.924 0-1.849.347-2.658.81l-49.004 28.2c-1.85 1.04-3.005 3.005-3.005 5.086l.116 75.817c0 1.04.578 2.08 1.502 2.543.925.578 2.08.578 2.89 0l29.125-16.643c1.849-1.04 3.005-3.005 3.005-5.085v-35.482c0-2.08 1.155-4.045 3.005-5.085l12.366-7.166c.925-.578 1.965-.81 3.005-.81 1.04 0 2.08.232 2.89.81l12.366 7.166c1.85 1.04 3.005 3.004 3.005 5.085v35.482c0 2.08 1.156 4.045 3.005 5.085l29.125 16.643c.925.578 2.08.578 3.005 0 .925-.463 1.503-1.503 1.503-2.543l-.116-75.817zM345.571.347c-.924-.463-2.08-.463-2.89 0-.924.578-1.502 1.502-1.502 2.542v75.125c0 .693-.346 1.386-1.04 1.849-.693.346-1.387.346-2.08 0l-12.251-7.05a5.957 5.957 0 0 0-5.895 0l-49.004 28.316c-1.849 1.04-3.005 3.005-3.005 5.085v56.516c0 2.08 1.156 4.046 3.005 5.086l49.004 28.316a5.957 5.957 0 0 0 5.895 0l49.004-28.316c1.849-1.04 3.005-3.005 3.005-5.086V21.844c0-2.196-1.156-4.16-3.005-5.201L345.572.347zm-4.507 143.776c0 .578-.231 1.04-.694 1.271l-16.758 9.708a1.714 1.714 0 0 1-1.503 0l-16.758-9.708c-.463-.231-.694-.809-.694-1.271v-19.417c0-.578.231-1.04.694-1.271l16.758-9.709a1.714 1.714 0 0 1 1.503 0l16.758 9.709c.463.23.694.809.694 1.271v19.417zM508.648 124.244c1.85-1.04 2.89-3.005 2.89-5.086v-13.753c0-2.08-1.156-4.045-2.89-5.085l-48.657-28.2a5.957 5.957 0 0 0-5.894 0l-49.004 28.315c-1.85 1.04-3.005 3.005-3.005 5.086v56.516c0 2.08 1.155 4.045 3.005 5.085l48.657 27.738c1.85 1.04 4.045 1.04 5.779 0L489 178.45c.925-.463 1.503-1.503 1.503-2.543 0-1.04-.578-2.08-1.503-2.543l-49.235-28.316c-.924-.577-1.502-1.502-1.502-2.542v-17.683c0-1.04.578-2.08 1.502-2.543l15.372-8.784a2.821 2.821 0 0 1 3.005 0l15.371 8.784c.925.578 1.503 1.502 1.503 2.543v13.869c0 1.04.578 2.08 1.502 2.542.925.578 2.08.578 3.005 0l29.125-16.99z"></path><path fill="#539E43" d="M456.293 121.586a1.05 1.05 0 0 1 1.155 0l9.362 5.432c.347.23.578.577.578 1.04v10.864c0 .462-.231.809-.578 1.04l-9.362 5.432a1.05 1.05 0 0 1-1.155 0l-9.362-5.432c-.347-.231-.578-.578-.578-1.04v-10.864c0-.463.231-.81.578-1.04l9.362-5.432z"></path><g transform="translate(134.068 70.501)"><mask id="c" fill="#fff"><use xlink:href="#a"></use></mask><use fill="url(#b)" xlink:href="#a"></use><g mask="url(#c)"><path d="M51.893 1.85L3.121 29.933C1.27 30.974 0 32.94 0 35.02v56.286c0 1.387.578 2.658 1.502 3.698L56.285 1.156c-1.387-.231-3.005-.116-4.392.693zM56.632 125.053c.462-.116.925-.347 1.387-.578l48.773-28.085c1.85-1.04 3.005-3.005 3.005-5.085V35.019c0-1.502-.694-3.005-1.734-4.045l-51.43 94.079z"></path><path fill="url(#d)" d="M106.676 29.934L57.788 1.85a8.025 8.025 0 0 0-1.503-.578L1.502 95.12a6.082 6.082 0 0 0 1.619 1.387l48.888 28.085c1.387.809 3.005 1.04 4.507.577l51.432-94.078c-.347-.462-.81-.81-1.272-1.156z"></path></g><g mask="url(#c)"><path d="M109.797 91.305V35.019c0-2.08-1.271-4.045-3.12-5.085L57.786 1.85a5.106 5.106 0 0 0-1.848-.693l53.511 91.42c.231-.347.347-.809.347-1.271zM3.12 29.934C1.272 30.974 0 32.94 0 35.02v56.286c0 2.08 1.387 4.045 3.12 5.085l48.889 28.085c1.156.693 2.427.925 3.814.693L3.467 29.818l-.346.116z"></path><path fill="url(#e)" fill-rule="evenodd" d="M50.391.809l-.693.347h.924l-.231-.347z" transform="translate(0 -9.246)"></path><path fill="url(#f)" fill-rule="evenodd" d="M106.792 105.636c1.387-.809 2.427-2.196 2.89-3.698L56.053 10.402c-1.387-.231-2.89-.116-4.16.693L3.351 39.065l52.355 95.465a8.057 8.057 0 0 0 2.196-.693l48.889-28.2z" transform="translate(0 -9.246)"></path><path fill="url(#g)" fill-rule="evenodd" d="M111.3 104.712l-.347-.578v.809l.346-.231z" transform="translate(0 -9.246)"></path><path fill="url(#h)" fill-rule="evenodd" d="M106.792 105.636l-48.773 28.085a6.973 6.973 0 0 1-2.196.693l.925 1.734 54.089-31.32v-.694l-1.387-2.312c-.231 1.618-1.271 3.005-2.658 3.814z" transform="translate(0 -9.246)"></path><path fill="url(#i)" fill-rule="evenodd" d="M106.792 105.636l-48.773 28.085a6.973 6.973 0 0 1-2.196.693l.925 1.734 54.089-31.32v-.694l-1.387-2.312c-.231 1.618-1.271 3.005-2.658 3.814z" transform="translate(0 -9.246)"></path></g></g></g></svg>
</span>
<span>NodeJS</span>
</div>
<div class="line"></div>
</div>
<!-- mysql -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- mysql -->
<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" data-name="Layer 1" id="mysql"><path d="M14.32 34.41h-1.44q-.08-3.64-.42-6.85l-2.19 6.85H9.16L7 27.56q-.24 3.07-.3 6.85H5.36c.08-3.06.29-5.92.63-8.6h1.79l2.07 6.32L12 25.81h1.71q.55 4.7.66 8.6m6.19-6.34A19.35 19.35 0 0 1 18.24 35a3.06 3.06 0 0 1-2.45 1.66 2.41 2.41 0 0 1-.88-.21v-.77a3.54 3.54 0 0 0 .6 0 1.48 1.48 0 0 0 1-.34 1.25 1.25 0 0 0 .46-1 6.3 6.3 0 0 0-.36-1.34L15 28.07h1.42l1.13 3.66a5 5 0 0 1 .32 1.75 24.2 24.2 0 0 0 1.3-5.41zM39.71 34.41h-4.08v-8.6H37v7.54h2.71v1.06z"></path><path fill-rule="evenodd" d="M34.56 34.62 33 33.84a2.87 2.87 0 0 0 .39-.39 5.28 5.28 0 0 0 1-3.5c0-2.84-1.12-4.27-3.35-4.27a3.14 3.14 0 0 0-2.56 1.09 5.26 5.26 0 0 0-1 3.49 5.11 5.11 0 0 0 .89 3.32 3.06 3.06 0 0 0 2.46 1 4 4 0 0 0 1.13-.15L34 35.58Zm-5.12-1.93a5.27 5.27 0 0 1-.53-2.7c0-2.17.66-3.25 2-3.25a1.64 1.64 0 0 1 1.51.78 5.19 5.19 0 0 1 .53 2.67c0 2.18-.66 3.28-2 3.28a1.64 1.64 0 0 1-1.51-.78"></path><path d="M26.86 32a2.27 2.27 0 0 1-.8 1.79 3.13 3.13 0 0 1-2.15.7 4.3 4.3 0 0 1-2.44-.8l.36-.74a4.21 4.21 0 0 0 1.85.51 2 2 0 0 0 1.22-.34 1.18 1.18 0 0 0 .46-1c0-.51-.35-.95-1-1.31l-1.81-1a2.05 2.05 0 0 1-1-1.83 2.13 2.13 0 0 1 .73-1.69 2.76 2.76 0 0 1 1.89-.64 4 4 0 0 1 2.18.63l-.33.74a4.2 4.2 0 0 0-1.66-.35 1.5 1.5 0 0 0-1 .31 1.08 1.08 0 0 0-.38.82c0 .51.36.95 1 1.32s1.85 1 1.85 1a2 2 0 0 1 1 1.82"></path><path fill-rule="evenodd" d="M41.44 22.93a4.82 4.82 0 0 0-2 .29c-.15.07-.4.07-.42.26s.09.22.16.34a3 3 0 0 0 .54.63c.22.17.44.33.67.48.4.25.86.39 1.26.64l.68.49c.12.08.19.22.33.27-.07-.1-.09-.23-.16-.34s-.21-.19-.31-.3a5.32 5.32 0 0 0-1.08-1c-.34-.23-1.06-.55-1.2-.93a3.59 3.59 0 0 0 .72-.17c.35-.09.67-.07 1-.16l.49-.15v-.18c-.18-.19-.32-.44-.51-.61a13.46 13.46 0 0 0-1.72-1.28c-.32-.21-.74-.34-1.08-.52-.12-.06-.33-.09-.4-.2a3.84 3.84 0 0 1-.43-.8c-.3-.57-.59-1.2-.85-1.81a11.44 11.44 0 0 0-.53-1.18 10.41 10.41 0 0 0-4-3.88 4.83 4.83 0 0 0-1.33-.43h-.78A4.29 4.29 0 0 1 30 12c-.59-.38-2.12-1.19-2.55-.12-.28.68.41 1.34.65 1.68a4.47 4.47 0 0 1 .53.78c.07.18.1.37.17.55a11.25 11.25 0 0 0 .54 1.4 6 6 0 0 0 .38.64c.09.11.23.16.26.35a3.56 3.56 0 0 0-.24.78 4.59 4.59 0 0 0 .3 3.49c.17.26.57.83 1.1.61s.36-.78.49-1.29c0-.13 0-.21.08-.3.14.29.29.57.42.86a6 6 0 0 0 1.35 1.39c.25.19.45.51.76.62-.06-.09-.16-.13-.24-.21a4.53 4.53 0 0 1-.54-.62 12.92 12.92 0 0 1-1.16-1.89c-.17-.32-.31-.68-.45-1-.06-.12-.06-.31-.17-.37a4 4 0 0 0-.49.7 5.7 5.7 0 0 0-.29 1.57h-.05c-.33-.08-.44-.42-.57-.71a4.53 4.53 0 0 1-.09-2.78c.07-.21.38-.9.26-1.11s-.27-.31-.39-.46a4.38 4.38 0 0 1-.37-.67c-.25-.58-.37-1.22-.64-1.81a6.84 6.84 0 0 0-.52-.8 4.35 4.35 0 0 1-.57-.81c-.06-.11-.13-.3-.05-.42a.19.19 0 0 1 .15-.14c.14-.11.52 0 .65.1a4.73 4.73 0 0 1 1 .52c.15.1.3.3.49.35h.22c.33.07.71 0 1 .11a6.64 6.64 0 0 1 1.49.72 9.24 9.24 0 0 1 3.24 3.55c.13.24.18.46.29.71.22.51.49 1 .71 1.53a7.38 7.38 0 0 0 .74 1.39c.15.21.78.33 1.06.44s.53.18.71.29c.36.22.71.47 1 .71.17.13.69.38.72.59"></path><path fill-rule="evenodd" d="M30.84 13.91a1.67 1.67 0 0 0-.42.05 3.5 3.5 0 0 0 .33.43c.09.16.16.33.24.49a.57.57 0 0 0 .22-.52 2.25 2.25 0 0 1-.12-.21c-.07-.11-.2-.16-.29-.24"></path><path d="M42.43 34.41h.21v-1.06h-.32l-.26.72-.29-.72h-.31v1.06h.2v-.8l.3.8h.16l.3-.8Zm-1.74 0h.23v-.88h.3v-.18h-.84v.18h.31Z"></path></svg>
</span>
<span>MySQL</span>
</div>
<div class="line"></div>
</div>
<!-- mongodb -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- mongodb -->
<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" viewBox="0 0 128 128" id="mongodb"><path fill="#94795D" fill-rule="evenodd" d="M87.259 100.139c.169-.325.331-.612.469-.909.087-.19.221-.228.41-.223 1.133.032 2.266.067 3.4.078.963.01 1.928-.008 2.892-.019 1.086-.013 2.172-.07 3.257-.039 1.445.042 2.853.325 4.16.968 1.561.769 2.742 1.94 3.547 3.483.514.985.812 2.03.931 3.14.172 1.608.059 3.179-.451 4.717-.632 1.906-1.832 3.365-3.499 4.458-1.283.841-2.69 1.338-4.198 1.622-1.596.301-3.197.204-4.798.209-1.756.007-3.511-.031-5.267-.051-.307-.003-.351-.061-.27-.354l.075-.27c.171-.538.263-.562.809-.652.378-.061.77-.203 1.087-.413.184-.122.26-.44.332-.685.062-.214.065-.449.067-.675.025-3.425.051-6.849.065-10.272.003-.865-.017-1.732-.065-2.596-.034-.605-.357-1.019-1.077-1.162-.56-.111-1.124-.197-1.687-.296l-.189-.059zm16.076 8.293c-.076-.682-.113-1.37-.235-2.042-.292-1.613-.998-3.018-2.238-4.119-2.005-1.779-4.419-2.053-6.949-1.841-.576.048-.7.245-.709.837-.014.84-.028 1.68-.029 2.52-.004 2.664-.004 5.328 0 7.992.001.758.009 1.516.031 2.272.024.774.305 1.429 1.063 1.729 1.195.473 2.452.529 3.706.336 2.003-.307 3.404-1.474 4.344-3.223.744-1.388.954-2.903 1.016-4.461zM108.204 117.503c-.024-.415.146-.758.356-1.073.057-.085.253-.081.388-.108l1.146-.227c.405-.086.618-.358.675-.755.038-.262.074-.527.077-.792.025-2.097.049-4.194.059-6.291.01-2.1.002-4.2.002-6.3l-.009-.401c-.041-.675-.367-1.025-1.037-1.124l-1.453-.221c-.179-.024-.244-.11-.179-.269.112-.271.219-.552.377-.796.059-.09.258-.125.392-.122.694.01 1.388.062 2.082.061l6.041-.036c1.164-.001 2.288.202 3.332.759 1.149.612 1.792 1.559 1.976 2.849.192 1.355-.219 2.497-1.209 3.404-.407.374-.934.618-1.406.922l-.154.096c.438.161.855.3 1.261.466 1.188.487 2.133 1.248 2.633 2.463.395.959.395 1.959.161 2.953-.364 1.556-1.389 2.591-2.722 3.374-1.251.735-2.605 1.163-4.047 1.235-1.33.067-2.666.042-3.999.057l-.772.004c-1.284-.029-2.569-.062-3.854-.096l-.117-.032zm5.537-6.089h.013c0 .658-.009 1.316.003 1.974.008.426-.007.864.085 1.274.138.613.418 1.166 1.106 1.342.929.239 1.878.287 2.818.124 1.177-.205 2.116-.795 2.631-1.916.382-.833.439-1.716.308-2.618-.174-1.188-.805-2.05-1.854-2.615-.688-.371-1.422-.598-2.204-.628-.876-.033-1.753-.035-2.629-.062-.246-.007-.28.118-.279.32.005.934.002 1.869.002 2.805zm1.865-4.475c.479-.024 1.021-.031 1.56-.085 1.032-.103 1.759-.622 2.138-1.609.193-.501.185-1.017.19-1.538.015-1.357-.777-2.469-2.066-2.929-.995-.355-2.021-.361-3.053-.333-.418.011-.605.194-.611.615l-.062 5.489c-.003.218.091.312.303.319l1.601.071z" clip-rule="evenodd"></path><path fill="#50382B" fill-rule="evenodd" d="M10.543 116.448l-.073.944c-.68 0-1.307-.005-1.934.002-1.181.012-2.362.031-3.544.048l-.114.007c-.169-.02-.476-.02-.484-.07-.05-.281-.034-.576-.021-.867.001-.033.116-.075.183-.091l.919-.205c.573-.149.775-.396.802-.988.031-.667.062-1.335.065-2.002.009-1.642-.001-3.282.006-4.924.001-.384-.132-.67-.49-.826-.426-.188-.854-.372-1.285-.546-.204-.082-.469-.127-.445-.401.024-.279.281-.352.523-.407 1.002-.229 2.005-.452 3.004-.696.322-.079.63-.212 1.015-.346.02.208.057.406.053.604l-.059.941c-.001.106.054.248.133.307.048.037.209-.03.289-.092.854-.65 1.758-1.211 2.789-1.538 1.597-.507 2.968-.037 3.928 1.34.338.485.339.485.808.146.805-.585 1.647-1.101 2.589-1.441 2.068-.747 4.055.201 4.774 2.284.262.756.362 1.537.36 2.335l-.019 5.298c-.001.437.144.686.56.822.467.153.951.258 1.477.396l-.122.911c-.598 0-1.148-.004-1.698.001-1.344.012-2.688.019-4.031.05-.234.006-.295-.052-.307-.271-.039-.701-.045-.7.615-.858l.222-.057c.645-.176.86-.374.865-1.028.015-1.878.054-3.761-.041-5.635-.099-1.944-1.642-2.979-3.526-2.481-.615.162-1.172.446-1.69.814-.175.125-.208.269-.194.488.053.828.086 1.657.093 2.486.012 1.451-.006 2.902 0 4.354.002.588.203.813.784.949l.863.199.16.036c.012.276.023.552.01.828-.008.173-.142.188-.292.185-.839-.021-1.679-.049-2.518-.047-1.021.002-2.041.031-3.061.049h-.24c0-.293-.014-.573.01-.852.005-.067.123-.161.204-.182l1.006-.213c.427-.105.631-.324.655-.758.114-2.01.196-4.021.007-6.03-.037-.39-.164-.786-.326-1.145-.515-1.138-1.674-1.613-3.011-1.271-.635.162-1.208.453-1.75.82-.256.174-.378.404-.378.695 0 2.005.007 4.01.013 6.014l.011.773c.012.539.241.823.776.939.344.078.692.131 1.082.203z" clip-rule="evenodd"></path><path fill="#4F382B" fill-rule="evenodd" d="M71.001 105.285c.155.754.152 1.432-.402 1.946-.55.511-1.246.339-1.925.225.063.358.133.662.167.97.247 2.289-.738 3.988-2.861 4.959-.802.366-1.653.502-2.522.572-.432.034-.81.364-.851.719-.042.36.184.73.636.838.533.127 1.089.163 1.636.226 1.174.134 2.361.195 3.521.405 1.754.316 2.733 1.847 2.424 3.609-.275 1.568-1.183 2.709-2.449 3.584-2.133 1.478-4.473 1.91-6.965 1.156-1.425-.432-2.43-1.369-2.777-2.885-.174-.759.011-1.446.582-1.961.679-.61 1.418-1.154 2.129-1.73l.23-.231-.264-.185c-.725-.344-1.305-.815-1.53-1.633-.077-.277.003-.459.238-.601.4-.241.798-.486 1.193-.735.186-.116.37-.236.543-.37.236-.18.215-.314-.067-.418-.656-.242-1.239-.593-1.691-1.133-.755-.901-.969-1.974-.907-3.107.097-1.77 1.058-2.936 2.62-3.686 1.857-.891 3.72-.947 5.613-.135.7.3 1.438.364 2.189.312.561-.04 1.051-.252 1.49-.711zm-6.843 12.681c-1.394-.012-1.831.16-2.649.993-.916.934-.911 2.229.003 3.167.694.711 1.56 1.044 2.523 1.144 1.125.116 2.233.069 3.255-.494 1.09-.603 1.632-1.723 1.387-2.851-.203-.931-.889-1.357-1.724-1.602-.95-.278-1.932-.331-2.795-.357zm-2.738-8.908c.051.387.072.779.158 1.158.223.982.65 1.845 1.627 2.282 1.147.515 2.612.294 3.114-1.316.344-1.103.302-2.198-.113-3.274-.185-.48-.483-.886-.91-1.184-.996-.695-2.793-.787-3.525.749-.238.499-.331 1.03-.351 1.585z" clip-rule="evenodd"></path><path fill="#4F372B" fill-rule="evenodd" d="M47.35 105.038c.037.171.111.365.113.56.003.371-.037.742-.058 1.113v.322l.314-.24c.86-.708 1.784-1.311 2.86-1.636 1.942-.585 3.882.478 4.515 2.456.24.752.335 1.525.344 2.311.02 1.746.032 3.492.05 5.238.006.627.078.739.671.92.336.103.683.175 1.03.229.191.03.273.105.263.292l.002.172c-.007.723-.057.756-.758.754-1.678-.003-3.355.007-5.033.021-.5.004-.501.019-.551-.475l-.01-.284c.031-.426.041-.422.46-.484.282-.042.562-.107.837-.179.283-.073.419-.282.457-.562.019-.142.044-.284.043-.426-.024-1.908.007-3.818-.097-5.723-.084-1.541-1.26-2.459-2.807-2.354-.759.053-1.445.306-2.071.743-.413.289-.496.706-.494 1.155.008 1.784.025 3.568.044 5.353.004.391.015.782.052 1.17.039.424.188.595.604.687.398.088.804.139 1.229.21l.036.328c.014.765-.066.822-.809.819-1.735-.007-3.47.004-5.204.023-.273.004-.389-.082-.382-.348l-.004-.114c-.045-.689-.025-.715.627-.827l.308-.062c.706-.159.887-.347.897-1.064.033-2.271.045-4.541.068-6.812.003-.326-.12-.579-.424-.714-.426-.188-.856-.367-1.287-.544-.238-.098-.51-.16-.519-.489-.006-.232.242-.437.581-.506.681-.138 1.368-.253 2.041-.422.67-.167 1.328-.391 2.062-.611z" clip-rule="evenodd"></path><path fill="#4F382B" fill-rule="evenodd" d="M84.865 110.97c-.032 2.121-.583 3.836-2.083 5.123-1.9 1.633-4.864 2.188-7.287.967-1.034-.521-1.794-1.32-2.289-2.357-.759-1.595-.949-3.272-.553-4.99.392-1.699 1.421-2.93 2.961-3.727 1.584-.819 3.252-1.139 5.011-.709 2.225.543 3.824 2.357 4.142 4.667.057.405.079.815.098 1.026zm-2.577 1.149l-.086-.01c0-.2.011-.4-.002-.6-.073-1.246-.353-2.433-1.075-3.476-.685-.988-1.618-1.571-2.832-1.656-1.359-.096-2.501.664-2.902 2.052-.602 2.084-.398 4.115.66 6.024.461.832 1.144 1.446 2.059 1.769 1.793.631 3.383-.186 3.85-2.022.172-.678.222-1.387.328-2.081z" clip-rule="evenodd"></path><path fill="#4F372B" fill-rule="evenodd" d="M40.819 111.134c-.037 1.522-.396 2.929-1.336 4.152-1.007 1.31-2.391 2.01-3.965 2.305-1.861.348-3.609.032-5.104-1.217-.71-.594-1.195-1.355-1.515-2.221-.525-1.42-.656-2.875-.333-4.358.345-1.587 1.241-2.8 2.63-3.614 1.606-.939 3.339-1.358 5.19-.936 2.38.544 3.754 2.095 4.262 4.443.102.474.116.964.171 1.446zm-2.606 1.004l-.069-.01v-.286c-.039-1.396-.312-2.726-1.145-3.886-.617-.861-1.443-1.401-2.502-1.552-1.726-.246-2.854.778-3.228 2.169-.488 1.817-.335 3.612.42 5.335.471 1.074 1.215 1.911 2.358 2.317 1.782.633 3.396-.205 3.847-2.034.166-.669.216-1.367.319-2.053z" clip-rule="evenodd"></path><path fill="#439934" fill-rule="evenodd" d="M82.362 33.544c1.227 3.547 2.109 7.168 2.4 10.92.36 4.656.196 9.28-.786 13.859l-.126.366c-.308.001-.622-.038-.923.009-2.543.4-5.083.814-7.624 1.226-2.627.426-5.256.835-7.878 1.289-.929.16-2.079-.031-2.454 1.253l-.18.061.127-7.678-.129-18.526 1.224-.21c2.001-.327 4.002-.66 6.006-.979 2.39-.379 4.782-.749 7.174-1.119 1.056-.162 2.113-.313 3.169-.471z" clip-rule="evenodd"></path><path fill="#45A538" fill-rule="evenodd" d="M62.265 84.911c-1.291-1.11-2.627-2.171-3.864-3.339-6.658-6.28-11.529-13.673-13.928-22.586-.661-2.452-1.101-4.945-1.243-7.479-.1-1.774-.243-3.563-.117-5.328.333-4.693 1.012-9.341 2.388-13.862l.076-.105c.134.178.326.336.394.537 1.344 3.956 2.677 7.916 4.004 11.879 4.169 12.451 8.333 24.905 12.509 37.354.082.243.293.442.445.661l-.664 2.268z" clip-rule="evenodd"></path><path fill="#46A037" fill-rule="evenodd" d="M82.362 33.544c-1.057.157-2.114.309-3.169.471-2.392.37-4.784.74-7.174 1.119-2.003.318-4.004.651-6.006.979l-1.224.21-.01-.798c-.041-.656-.109-1.312-.118-1.968l-.137-12.554c-.032-2.619-.08-5.238-.133-7.856-.033-1.627-.068-3.255-.141-4.88-.04-.873-.181-1.742-.237-2.615-.033-.502.011-1.008.022-1.512.624 1.209 1.235 2.427 1.876 3.627 1.013 1.897 2.628 3.295 4.083 4.82 5.746 6.031 9.825 13.039 12.368 20.957z" clip-rule="evenodd"></path><path fill="#409433" fill-rule="evenodd" d="M64.792 62.527l.18-.061c.375-1.284 1.525-1.093 2.454-1.253 2.622-.454 5.251-.863 7.878-1.289 2.541-.411 5.081-.825 7.624-1.226.301-.047.615-.008.923-.009-.475 1.696-.849 3.429-1.452 5.078-.685 1.87-1.513 3.696-2.392 5.486-1.314 2.675-2.951 5.171-4.853 7.458-1.466 1.762-3.1 3.393-4.737 5.002-.906.889-1.972 1.614-2.966 2.414l-.258-.176-.927-.792-.959-2.104c-.661-2.462-1.007-4.968-1.065-7.516l.018-.428.131-1.854c.043-.633.101-1.265.128-1.898.096-2.276.182-4.554.273-6.832z" clip-rule="evenodd"></path><path fill="#4FAA41" fill-rule="evenodd" d="M64.792 62.527c-.09 2.278-.176 4.557-.273 6.835-.027.634-.084 1.266-.128 1.898l-.584.221c-1.298-3.821-2.597-7.602-3.867-11.392-2.101-6.271-4.176-12.551-6.274-18.824-1.693-5.062-3.401-10.121-5.118-15.176-.081-.236-.311-.422-.471-.631l3.74-6.877c.129.223.298.432.379.672 1.73 5.12 3.457 10.241 5.169 15.367 2.228 6.67 4.441 13.343 6.667 20.014.089.266.235.512.375.811l.512-.596c-.043 2.56-.085 5.118-.127 7.678z" clip-rule="evenodd"></path><path fill="#4AA73C" fill-rule="evenodd" d="M48.076 25.458c.161.209.391.395.471.631 1.717 5.055 3.425 10.113 5.118 15.176 2.098 6.273 4.173 12.553 6.274 18.824 1.27 3.79 2.569 7.57 3.867 11.392l.584-.221-.131 1.854-.119.427c-.203 2.029-.374 4.062-.622 6.087-.124 1.015-.389 2.011-.59 3.015-.151-.219-.363-.418-.445-.661-4.177-12.449-8.34-24.903-12.509-37.354-1.327-3.963-2.661-7.923-4.004-11.879-.068-.201-.26-.359-.394-.537l2.5-6.754z" clip-rule="evenodd"></path><path fill="#57AE47" fill-rule="evenodd" d="M64.918 54.849l-.512.596c-.14-.299-.286-.545-.375-.811-2.226-6.671-4.439-13.344-6.667-20.014-1.712-5.126-3.439-10.247-5.169-15.367-.081-.24-.25-.449-.379-.672l4.625-6.084c.146.194.354.367.429.586 1.284 3.76 2.556 7.523 3.822 11.289 1.182 3.518 2.346 7.04 3.542 10.552.08.235.359.401.545.601l.01.798.129 18.526z" clip-rule="evenodd"></path><path fill="#60B24F" fill-rule="evenodd" d="M64.779 35.525c-.187-.199-.465-.365-.545-.601-1.195-3.512-2.36-7.034-3.542-10.552-1.266-3.766-2.538-7.529-3.822-11.289-.075-.219-.283-.392-.429-.586 1.504-1.473 2.961-2.999 4.526-4.404 1.391-1.248 2.509-2.586 2.561-4.559l.11-.393.396.998c-.01.504-.055 1.01-.022 1.512.057.873.198 1.742.237 2.615.073 1.625.108 3.253.141 4.88.053 2.618.101 5.237.133 7.856l.137 12.554c.01.657.079 1.313.119 1.969z" clip-rule="evenodd"></path><path fill="#A9AA88" fill-rule="evenodd" d="M62.929 82.642c.201-1.004.466-2 .59-3.015.248-2.024.419-4.058.622-6.087l.051-.008.05.009c.058 2.548.404 5.054 1.065 7.516-.135.178-.324.335-.396.535-.555 1.566-1.079 3.145-1.637 4.71-.076.214-.29.381-.439.568l-.571-1.96.665-2.268z" clip-rule="evenodd"></path><path fill="#B6B598" fill-rule="evenodd" d="M62.835 86.871c.149-.188.363-.354.439-.568.558-1.565 1.082-3.144 1.637-4.71.071-.2.261-.357.396-.535l.959 2.104c-.189.268-.451.511-.556.81l-1.836 5.392c-.076.217-.333.369-.507.552l-.532-3.045z" clip-rule="evenodd"></path><path fill="#C2C1A7" fill-rule="evenodd" d="M63.367 89.915c.173-.183.431-.335.507-.552l1.836-5.392c.104-.299.367-.542.556-.81l.928.791c-.448.443-.697.955-.547 1.602l-.282.923c-.128.158-.314.296-.377.477-.641 1.836-1.252 3.682-1.898 5.517-.082.232-.309.415-.468.621l-.255-3.177z" clip-rule="evenodd"></path><path fill="#CECDB7" fill-rule="evenodd" d="M63.621 93.091c.16-.206.387-.389.468-.621.646-1.835 1.258-3.681 1.898-5.517.063-.181.249-.318.377-.477l-.389 4.236c-.104.12-.254.225-.304.364l-1.294 3.708c-.091.253-.265.479-.401.716-.121-.158-.337-.311-.347-.475-.038-.642-.011-1.289-.008-1.934z" clip-rule="evenodd"></path><path fill="#DBDAC7" fill-rule="evenodd" d="M63.977 95.501c.136-.237.31-.463.401-.716l1.294-3.708c.05-.14.201-.244.304-.364l.01 2.78-.931 2.387-1.078-.379z" clip-rule="evenodd"></path><path fill="#EBE9DC" fill-rule="evenodd" d="M65.055 95.88l.931-2.387.192 2.824-1.123-.437z" clip-rule="evenodd"></path><path fill="#CECDB7" fill-rule="evenodd" d="M66.646 85.554c-.149-.646.099-1.158.547-1.602l.258.176-.805 1.426z" clip-rule="evenodd"></path><path fill="#4FAA41" fill-rule="evenodd" d="M64.242 73.542l-.05-.009-.051.008.119-.427-.018.428z" clip-rule="evenodd"></path></svg>
</span>
<span>MongoDB</span>
</div>
<div class="line"></div>
</div>
</div>
</div>
<!-- 3 -->
<div class="tools tp" data-tool>
<div class="skills-header">
<div class="sk-icon"><i class="fa-solid fa-screwdriver-wrench"></i></div>
<div class="skills-text-p">
<h3 class="skills-heading">Tools</h3>
<p class="skills-text">The Tools that I know and use on a daily basis</p>
</div>
<button class="skills-btn">
<span class="sk-angle-down sk-angle-down-tool angleActive"><i class="fa-solid fa-angle-down"></i></span>
<span class="sk-angle-up sk-angle-up-tool"><i class="fa-solid fa-angle-up"></i></span>
</button>
</div>
<div class="skills-container sk-tool">
<!-- git -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- git -->
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40px" viewBox="0 0 128 128" id="git"><path fill="#F34F29" d="M124.742 58.378l-55.117-55.114c-3.172-3.174-8.32-3.174-11.497 0l-11.443 11.446 14.518 14.518c3.375-1.139 7.243-.375 9.932 2.314 2.703 2.706 3.462 6.607 2.293 9.993l13.992 13.994c3.385-1.167 7.292-.413 9.994 2.295 3.78 3.777 3.78 9.9 0 13.679-3.78 3.78-9.901 3.78-13.683 0-2.842-2.844-3.545-7.019-2.105-10.521l-13.048-13.049-.002 34.341c.922.455 1.791 1.063 2.559 1.828 3.779 3.777 3.779 9.898 0 13.683-3.779 3.777-9.904 3.777-13.679 0-3.778-3.784-4.088-9.905-.311-13.683.934-.933 1.855-1.638 2.855-2.11v-34.659c-1-.472-1.92-1.172-2.856-2.111-2.861-2.86-3.396-7.06-1.928-10.576l-14.233-14.313-37.754 37.79c-3.175 3.177-3.155 8.325.02 11.5l55.126 55.114c3.173 3.174 8.325 3.174 11.503 0l54.86-54.858c3.175-3.176 3.178-8.327.004-11.501z"></path></svg>
</span>
<span>Git</span>
</div>
<div class="line"></div>
</div>
<!-- GitHub -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- GitHub -->
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40px" data-name="Layer 1" viewBox="0 0 24 24" id="github"><path d="M12,2.2467A10.00042,10.00042,0,0,0,8.83752,21.73419c.5.08752.6875-.21247.6875-.475,0-.23749-.01251-1.025-.01251-1.86249C7,19.85919,6.35,18.78423,6.15,18.22173A3.636,3.636,0,0,0,5.125,16.8092c-.35-.1875-.85-.65-.01251-.66248A2.00117,2.00117,0,0,1,6.65,17.17169a2.13742,2.13742,0,0,0,2.91248.825A2.10376,2.10376,0,0,1,10.2,16.65923c-2.225-.25-4.55-1.11254-4.55-4.9375a3.89187,3.89187,0,0,1,1.025-2.6875,3.59373,3.59373,0,0,1,.1-2.65s.83747-.26251,2.75,1.025a9.42747,9.42747,0,0,1,5,0c1.91248-1.3,2.75-1.025,2.75-1.025a3.59323,3.59323,0,0,1,.1,2.65,3.869,3.869,0,0,1,1.025,2.6875c0,3.83747-2.33752,4.6875-4.5625,4.9375a2.36814,2.36814,0,0,1,.675,1.85c0,1.33752-.01251,2.41248-.01251,2.75,0,.26251.1875.575.6875.475A10.0053,10.0053,0,0,0,12,2.2467Z"></path></svg>
</span>
<span>GitHub</span>
</div>
<div class="line"></div>
</div>
<!-- Vscode -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- vscdoe -->
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40px" viewBox="0 0 32 32" id="visual-studio-code"><path fill="#1F9CF0" d="m6.317 22.046-.629-.314 3.981-4.266.938 1.005-4.29 3.575zM20 25.602 5.688 10.268l.599-.299L20 22.54v3.062zm0-14.958-5.247 4.372-1.507-1.382L20 6.398v4.246zm6 13.189-4 2.4V5.766l4 2.4v15.667z"></path><path fill="#0065A9" d="m27.515 6.743-6-3.6c-.027-.016-.057-.024-.086-.037-.397-.238-.91-.195-1.239.157l-8.419 9.021-4.64-4.254a1.003 1.003 0 0 0-1.123-.157L3.597 9.078a1.001 1.001 0 0 0-.284 1.576L8.302 16l-4.989 5.346a.999.999 0 0 0 .284 1.576l2.411 1.206a.997.997 0 0 0 1.088-.127l4.879-4.066 8.215 8.802a.998.998 0 0 0 .731.318.994.994 0 0 0 .52-.167c.024-.012.05-.017.073-.031l6-3.6A1 1 0 0 0 28 24.4V7.6a1 1 0 0 0-.485-.857zM6.317 22.046l-.629-.314 3.981-4.266.938 1.005-4.29 3.575zM20 25.602 5.688 10.268l.599-.299L20 22.54v3.062zm0-5.776-3.759-3.446L20 13.248v6.578zm0-9.182-5.247 4.372-1.507-1.382L20 6.398v4.246zm6 13.189-4 2.4V5.766l4 2.4v15.667z"></path></svg>
</span>
<span>VS Code</span>
</div>
<div class="line"></div>
</div>
<!-- Eclipse -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- Eclipse -->
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40px" viewBox="0 0 24 24" id="eclipse"><path d="m5.145 19.513-.006-.008-.008-.009z"></path><path fill="#2C2255" d="M6.605 15.1h-3.68c.487 1.671 1.391 3.169 2.715 4.493 2.11 2.111 4.648 3.164 7.615 3.164.593 0 1.168-.044 1.726-.128 2.235-.337 4.192-1.348 5.869-3.036 1.332-1.324 2.243-2.822 2.734-4.493H6.605zm-2.029-4.998H2.654c-.072.429-.118.862-.14 1.296h21.485c-.022-.442-.07-.873-.141-1.296H4.576zm-2.062 2.499c.022.442.069.874.14 1.296h21.205c.072-.429.119-.861.141-1.296H2.514zm21.071-3.702c-.491-1.676-1.401-3.181-2.734-4.514-1.672-1.672-3.624-2.676-5.852-3.013a11.562 11.562 0 0 0-1.743-.13c-2.967 0-5.505 1.048-7.615 3.144-1.325 1.332-2.23 2.837-2.716 4.513h20.66z"></path><path fill="#F7941E" d="M1.875 12c0-5.676 4.263-10.392 9.808-11.221-.138-.005-.276-.011-.415-.011C5.045.769 0 5.797 0 12c0 6.203 5.045 11.231 11.268 11.231.139 0 .278-.005.416-.01C6.137 22.392 1.875 17.676 1.875 12z"></path><linearGradient id="a" x1="-268.222" x2="-268.222" y1="517.796" y2="517.916" gradientTransform="matrix(1518.0859 0 0 -134.5215 407197.75 69678.883)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"></stop><stop offset=".872" stop-color="#2c2255"></stop></linearGradient><path fill="url(#a)" d="M20.568 11.398a7.395 7.395 0 0 0-.222-1.296H6.167a7.38 7.38 0 0 0-.223 1.296h14.624z"></path><linearGradient id="b" x1="-268.222" x2="-268.222" y1="519.724" y2="519.844" gradientTransform="matrix(1518.0664 0 0 -134.5313 407192.563 69943.313)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"></stop><stop offset=".872" stop-color="#2c2255"></stop></linearGradient><path fill="url(#b)" d="M20.568 12.601H5.945c.035.438.109.871.222 1.296h14.178a7.29 7.29 0 0 0 .223-1.296z"></path><linearGradient id="c" x1="-268.294" x2="-268.294" y1="512.175" y2="512.212" gradientTransform="matrix(1380.9766 0 0 -439.9219 370521.031 225341.203)" gradientUnits="userSpaceOnUse"><stop offset=".303" stop-color="#473788"></stop><stop offset=".863" stop-color="#2c2255"></stop></linearGradient><path fill="url(#c)" d="M13.256 19.338a7.338 7.338 0 0 0 6.651-4.238H6.605a7.338 7.338 0 0 0 6.651 4.238z"></path><path fill="#FFF" d="M4.861 12.601h19.123a10.783 10.783 0 0 0-.004-1.203H2.514a10.783 10.783 0 0 0-.004 1.203h2.351zm1.701-3.702H2.924c-.12.392-.197.794-.271 1.204H23.79c-.073-.406-.17-.808-.289-1.204H6.562zm15.846 4.998H2.653c.072.409.154.811.272 1.204h20.646c.118-.395.213-.797.284-1.204h-1.447z"></path></svg>
</span>
<span>Eclipse</span>
</div>
<div class="line"></div>
</div>
<!-- jupyter -->
<div class="sk">
<div class="sk-text-logo">
<span>
<!-- jupyter -->
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40px" viewBox="0 0 24 24" id="jupyter"><path fill="#EC7424" d="M17.925 3.731c-1.737-1.21-3.677-1.815-5.618-1.815A9.966 9.966 0 0 0 6.689 3.63c-1.634 1.21-2.86 2.723-3.575 4.639 1.839-2.118 5.21-3.428 9.194-3.428 3.882 0 7.355 1.412 9.194 3.428-.717-1.815-1.943-3.429-3.577-4.538zm0 15.529c1.634-1.109 2.86-2.723 3.575-4.538-1.839 2.017-5.312 3.429-9.194 3.429-3.882 0-7.355-1.412-9.194-3.429.715 1.815 1.941 3.429 3.575 4.538s3.575 1.714 5.618 1.714 3.985-.604 5.62-1.714z"></path><ellipse cx="3.522" cy="3.227" fill="#737374" rx="1.022" ry="1.008"></ellipse><ellipse cx="5.054" cy="22.185" fill="#737374" rx="1.839" ry="1.815"></ellipse><ellipse cx="19.457" cy="1.412" fill="#737374" rx="1.43" ry="1.412"></ellipse></svg>
</span>
<span>Jupyter Notebook</span>
</div>
<div class="line"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- skills sections ends -->
<!-- qualifications section starts -->
<section id="qualifications">
<div class="content my-qualifications">
<!-- qualifications heading -->
<div class="headi">
<h1 class="content-heading">Qualifications</span></h1>
<p class="content-text">My <span class="meabt">Educational</span> Qualification & <span class="meabt">Work</span> Experience</p>
</div>
<div class="btn-container">
<button data-edu class="activeBtn">
<i class="fa-solid fa-graduation-cap"></i>
Education
</button>
<button data-work>
<i class="fa-solid fa-briefcase"></i>
Work
</button>
</div>
<div class="quali-container">
<!-- education -->
<div id="education" class="education">
<!-- 1 -->
<div class="ed1">
<div class="ed2">
<p class="text-degree">
B. Tech Computer Engineering
</p>
<p class="text-institution">
R. C. Patel Institute of Technology, Shirpur
</p>
</div>
<!-- date -->
<p class="gr-date">
<i class="fa fa-calendar"></i>
<span>2020 - 2024</span>
</p>
</div>
<!-- 2 -->
<div class="quali-line">
<!-- circle -->
<div class="circle">
</div>
<!-- line -->
<div class="line-cir"></div>
</div>
<!-- 3 -->
<div></div>
<!-- 4 -->
<div></div>
<!-- 5 -->
<div class="quali-line">
<!-- circle -->
<div class="circle">
</div>
<!-- line -->
<div class="line-cir"></div>
</div>
<!-- 5 -->
<div class="ed1">
<div class="ed2">
<p class="text-degree">
Higher Secondary School (HSC)
</p>
<p class="text-institution">
V. N. Junior College, Shahada
</p>
</div>
<!-- date -->
<p class="gr-date">
<i class="fa fa-calendar"></i>
<span>2018 - 2020</span>
</p>
</div>
<!-- 6 -->
<div class="ed1">
<div class="ed2">
<p class="text-degree">
Secondary School (SSC)
</p>
<p class="text-institution">
V. M. Vidhyalaya, Purushottam Nagar
</p>
</div>
<!-- date -->
<p class="gr-date">
<i class="fa fa-calendar"></i>
<span>2012 - 2018</span>
</p>
</div>
<!-- 7 -->
<div class="quali-line">
<!-- circle -->
<div class="circle">
</div>
<!-- line -->
<div class="line-cir"></div>
<!-- circle -->
<div class="circle">
</div>
</div>
<div></div>
</div>
<!-- work -->
<div id="work" class="education noVisible">
<!-- 1 -->
<div class="ed1">
<div class="ed2">
<p class="text-degree">
Java Developer Intern
</p>
<p class="text-institution">
R3 Systems India Pvt. Ltd., Nashik
</p>
</div>
<!-- date -->
<p class="gr-date">
<i class="fa fa-calendar"></i>
<span>Jul 2022 - Aug 2022</span>
</p>
</div>
<!-- 2 -->
<div class="quali-line">
<!-- circle -->
<div class="circle">
</div>
<!-- line -->
<div class="line-cir"></div>
<!-- circle -->
<div class="circle">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- qualifications section ends -->
<!-- under construction -->
<footer id="construction" class="content">
<img src="./assets/images/under-construction.jpg" width="100%" alt="">
</footer>
<!-- for background particles -->
<script src="./assets/particles/particles.js"></script>
<script src="./assets/particles/app.js"></script>
<!-- for my script -->
<script src="./assets/js/script.js"></script>
</body>
</html>