-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1200 lines (1176 loc) · 94.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4HHP888F7Y"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-4HHP888F7Y");
</script>
<!-- Regular data -->
<meta charset="utf-8" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<!-- Description -->
<meta name="author" content="Chandan Singh" />
<meta name="description" content="Multidisciplinary software developer." />
<meta name="keywords"
content="chandan,singh,chandan singh,developer,portfolio,ux,ui,graphic,design,branding,experience,python,cpp,java,product,programmer,freelance,software" />
<meta name="Resource-type" content="Document" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Open Graph data -->
<meta property="og:site_name" content="Chandan Singh" />
<meta property="og:title" content="Portfolio" />
<meta property="og:description" content="Multidisciplinary software developer." />
<meta property="og:image" content="#" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://chandan-singh10.github.io/Portfolio/" />
<!-- Title -->
<title>Chandan Singh</title>
<!--
Twitter
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Aditya Prakash" />
<meta name="twitter:description" content="Multidisciplinary software developer." />
<meta name="twitter:url" content="https://aditya-prakash.me" />
<meta name="twitter:image"
content="https://raw.githubusercontent.com/AdityaPrakash-26/AdityaPrakash-26.github.io/main/assets/hero-bg.webp" /> -->
<!-- CSS -->
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- ICON -->
<link rel="icon" href="assets/icon.webp" type="image/x-icon" />
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
</head>
<body>
<i class="panel__zoom js-zoom fa fa-search-minus fa-4x" id="zoom-icon"></i>
<div class="site-wrap">
<div class="panel-wrap animate--none">
<!-- LANDING PANEL -->
<div class="panel" data-x-pos="0" data-y-pos="0" id="home_panel" onclick="javascript:changeState()">
<div class="background-image"></div>
<!-- <span class="panel__nav panel__nav--up js-up">Up</span> -->
<span class="panel__nav panel__nav--up js-up">Work</span>
<span class="panel__nav panel__nav--left-top js-up js-left">Skills</span>
<span class="panel__nav panel__nav--right-top js-up js-right">Projects</span>
<span class="panel__nav panel__nav--left js-left">About Me</span>
<span class="panel__nav panel__nav--right js-right">Education</span>
<span class="panel__nav panel__nav--left-down js-down js-left">Hobbies</span>
<span class="panel__nav panel__nav--right-down js-down js-right">Contact</span>
<span class="panel__nav panel__nav--down js-down">Testimonials</span>
<span class="panel__zoom js-zoom">View All</span>
<!-- for desktop -->
<h1 id="desktopHeader">
<a><span class="hello-red span-hello animate on-hover-40 js-up delay hide" id="span-hello-desktop"></span></a>
<br />
<a><span class="animate span-iam on-hover-40 js-down js-right delay4" id="span-iam-desktop"></span><br /></a>
<a><span class="animate span-aditya on-hover-40 js-left delay8" id="span-aditya-desktop"></span></a>
</h1>
<!-- for mobile -->
<h1 id="mobileHeader">
<div id="mobile-state-one">
<a><span class="hello-red span-hello animate on-hover-40 js-up delay hide"
id="span-hello-desktop"></span></a>
<br />
<a><span class="animate span-iam on-hover-40 js-down js-left-twice delay4"
id="span-iam-desktop"></span><br /></a>
<a><span class="animate span-aditya on-hover-40 js-left delay8" id="span-aditya-desktop"></span></a>
</div>
<div id="mobile-state-two" style="display: none">
<a><span class="hello-red animate on-hover-40 js-up delay hide" id="span-hello-mobile">Work</span></a>
<br />
<a><span class="animate on-hover-40 js-down js-right delay4" id="span-iam-mobile">Contact</span><br /></a>
<a><span class="animate on-hover-40 js-left delay8" id="span-aditya-mobile">About</span></a>
</div>
</h1>
<div class="tap-div">Tap to know more</div>
<div class="hover-div">Hover above to know more</div>
</div>
<!-- ABOUT PANEL -->
<div class="panel" data-x-pos="-1" data-y-pos="0" id="about_panel">
<span class="panel__nav panel__nav--up js-up">Skills</span>
<span class="panel__nav panel__nav--right-top js-right js-up">Work</span>
<span class="panel__nav panel__nav--right js-right">Home</span>
<span class="panel__nav panel__nav--down js-down">Hobbies</span>
<span class="panel__nav panel__nav--right-down js-right js-down">Testimonials</span>
<div class="paraHolder">
<h2>About Me</h2>
<br />
<strong><span class="strong-text">Hi, I am Chandan. Pleased to meet you.</span></strong>
<br />
I am a software engineer, with
<span class="strong-text">1 year and 5 months </span>of experience
from internships. I am currently pursuing the
<span class="strong-text">5th semester</span> of Bachelor of
Engineering in
<span class="strong-text">Computer Science </span>from College
of Engineering & Rural Technology, Meerut. I put my best into every
line of code I write, striving to solve problems through ingenuity
and diligence. I am naturally curious, confidently perseverant and
constantly working to improve my skill-set one software at a time.
<br />
<br />
<div class="about-intro-para">
<div class="about-intro-text">
I do not define myself by the work I have done, but rather that
which I want to do. Challenges drive me, and innovations inspire
me. I am an avid programmer, who likes to code things from
scratch and enjoy bringing ideas to life. I value diversity,
efficient collaboration, and thoughtful interactions. As a
Lifelong learner, I believe constantly improving my skills and
exploring new ideas is indispensable to my craft. I'm
passionate, expressive, and multi-talented with a natural
affinity to collaborate, help, and inspire. I'm never satisfied
to just come up with ideas, instead I have an almost impulsive
urge to bring them to life. My strong work ethics drive me to go
the extra mile to accomplish goals, whether on the keyboard or
beyond.
</div>
<img src="assets/about-me.png" alt="chandan" class="about-intro-img" />
</div>
<div>
<h5>Why programming?</h5>
<br />
<blockquote>
Programmers are not coders who solve problems. Programmers are
problem solvers who write code.
</blockquote>
<br />
I've wanted to become a software developer for as long as I can
remember. While growing up, I was obsessed with computers and
wanted to create my own one day. becoming a
software developer was the right career choice for me. Problem
solving is something which comes naturally to me. I have an innate
skill to look at any problem from different perspectives and come
up with ingenious solutions.
<br />
<br />
My vision is to
<span class="strong-text">contribute towards digitalising the world</span>
and help people connect with each other. I believe that the world
is a better place if we all pool together our knowledge and
skills.
</div>
</div>
</div>
<!-- EDUCATION PANEL -->
<div class="panel" data-x-pos="1" data-y-pos="0" id="education_panel">
<span class="panel__nav panel__nav--left-top js-left js-up">Work</span>
<span class="panel__nav panel__nav--up js-up">Projects</span>
<span class="panel__nav panel__nav--left js-left">Home</span>
<span class="panel__nav panel__nav--down js-down">Contact</span>
<span class="panel__nav panel__nav--left-down js-left js-down">Testimonials</span>
<div class="paraHolder">
<h2>Education</h2>
<ul class="education-list">
<li>
<strong><span class="strong-text">Bachelor of Technology in Computer Science</span></strong>
<br />
<span>College of Engineering & Rural Technology, Meerut</span>
<br />
<span>2024 - Present</span>
<br />
<br />
<span class="strong-text">Courses</span>
<ul class="two-column-list">
<li>Data Structures & Algorithms</li>
<li>Design and Analysis of Algorithms</li>
<li>Web Development</li>
<li>Artificial Intelligence</li>
</ul>
</li>
<br>
<li>
<strong><span class="strong-text">Intermediate(12th)</span></strong>
<br />
<span>D.N Inter College, Meerut</span>
<br />
<span>2020</span>
</li>
<br>
<li>
<strong><span class="strong-text">Matriculation(10th)</span></strong>
<br />
<span>Presidency Public School, Meerut</span>
<br />
<span>2018</span>
</li>
</ul>
</div>
</div>
<!-- CONTACT PANEL -->
<div class="panel" data-x-pos="1" data-y-pos="-1" id="contact_panel">
<span class="panel__nav panel__nav--up js-up">Education</span>
<span class="panel__nav panel__nav--left-top js-up js-left">Home</span>
<span class="panel__nav panel__nav--left js-left">Testimonials</span>
<div class="paraHolder">
<h2>Contact</h2>
<br />
Hey! Lets create something together :) Feel free to reach me on
these handles
<ul>
<li><a href="mailto:[email protected]"><span><i class="fa fa-envelope"
aria-hidden="true"></i></span> : <span class="hello-red"
style="text-decoration: underline;">Email</span></a></li>
<li>
<a href="https://github.com/Chandan-Singh10"><span><i class="fa fa-github-square"
aria-hidden="true"></i></span> :
<span class="hello-red" style="text-decoration: underline">
GitHub</span></a>
</li>
<li>
<a href="https://www.linkedin.com/in/Chandan-Singh10/"><span><i class="fa fa-linkedin-square"
aria-hidden="true"></i></span> :
<span class="hello-red" style="text-decoration: underline">
Linkedin</span></a>
</li>
<!-- <li><a href="https://leetcode.com/Chandan-Singh10/"><span><img class="contact-icon"
src="assets/leetcode.png" /></span> : <span class="hello-red" style="text-decoration: underline;">
Leetcode</span></a></li> -->
<li>
<a href="tel:+917983412706"><span><i class="fa fa-phone-square" aria-hidden="true"></i></span> :
<span class="hello-red" style="text-decoration: underline">
Phone</span></a>
</li>
</ul>
</div>
</div>
<!-- HOBBIES PANEL -->
<div class="panel" data-x-pos="-1" data-y-pos="-1" id="hobbies_panel">
<span class="panel__nav panel__nav--up js-up">About Me</span>
<span class="panel__nav panel__nav--right-top js-up js-right">Home</span>
<span class="panel__nav panel__nav--right js-right">Testimonials</span>
<div class="paraHolder">
<h2>Hobbies</h2>
<ul>
<li>
<span class="hello-red">Travelling:</span>
Traveling is a passion, a journey of discovery through new cultures and landscapes.
It's about exploring, learning, and creating memories that last a lifetime. Each trip offers a unique experience, broadening horizons and enriching the soul.
</li>
<br />
<li>
<span class="hello-red">Singing:</span>
Singing, a joyous expression of the heart through melody and rhythm. Whether alone or with others, it brings happiness and fulfillment. From shower tunes to stage performances, it's a hobby that uplifts spirits and creates lasting memories.
</li>
<br />
<li>
<span class="hello-red">Gardening:</span>
Gardening is a peaceful pastime, nurturing plants and creating beauty. Tending to flowers, herbs, or vegetables brings joy and satisfaction. Whether in a backyard or on a windowsill, it's a hobby that fosters growth and connection to nature.
</li>
</ul>
</div>
</div>
<!-- WORK PANEL -->
<div class="panel" data-x-pos="0" data-y-pos="1" id="work_panel">
<span class="panel__nav panel__nav--left js-left">Skills</span>
<span class="panel__nav panel__nav--down js-down">Home</span>
<span class="panel__nav panel__nav--right js-right">Projects</span>
<span class="panel__nav panel__nav--right-down js-down js-right">Education</span>
<span class="panel__nav panel__nav--left-down js-down js-left">About Me</span>
<div class="paraHolder">
<h2>Work</h2>
I'm proud to have worked with some notable firms and companies:
<h6>Hactoberfest Contributor</h6>
<p>As a contributor contribute in many open-source repository and learn lot of things about open-source,
contributing to open source can be a rewarding way to learn, teach, and build experience in just about any
skill you can imagine.</p>
<!-- <span class="hello-red">Software Development Intern at Rakuten Symphony</span>. I have about
<span class="strong-text">1 year and 5 months </span>of experience
working on live and production ready code. I have worked on a number
of projects, ranging from a simple website to a complex enterprise
software. I am proud to have collaborated with some awesome people
from amazing companies and spearheaded some great projects.
<br />
<br /> -->
<!-- <a class="btn draw-border" href="#" download="Chandan Singh.pdf">Download
Resume</a>
<br />
<br /> -->
<!-- <h5>Past Experience</h5>
<ul class="item-list-with-lines">
<li> -->
<!-- <h6 onclick="javascript:toggleDescription('workat-intern-desc')">
SDE Intern - workat.tech
<span id="workat-intern-desc-toggle-arrow-down">
<i class="fa fa-angle-down"></i>
</span>
<span id="workat-intern-desc-toggle-arrow-up" style="display: none">
<i class="fa fa-angle-up"></i>
</span>
</h6> -->
<!-- <div class="item-desc-text" id="workat-intern-desc">
I worked with
<a href="https://workat.tech" target="_blank" rel="noreferrer noopener"><span
class="hello-red">workat.tech</span></a>
as a Software Development Intern. My responsibilities include
programming backend APIs, creating optimised SQL queries,
developing the frontend, as well as implementing new features
and improve existing ones.
<br />
<a href="https://workat.tech" target="_blank" rel="noreferrer noopener">
<img src="assets/workattech-large.webp" alt="workat.tech" />
</a>
</div>
</li>
<li> -->
<!-- <h6 onclick="javascript:toggleDescription('theischool-freelance-desc')">
SDE Intern - eduMETA
<span id="theischool-freelance-desc-toggle-arrow-down">
<i class="fa fa-angle-down"></i>
</span>
<span id="theischool-freelance-desc-toggle-arrow-up" style="display: none">
<i class="fa fa-angle-up"></i>
</span>
</h6> -->
<div class="item-desc-text" id="theischool-freelance-desc">
I designed, developed, and deployed a full stack website for
eduMETA. Notably, I improved the website performance by 50%
over 3 months and increased user retention by 30%.
<br />
<a href="https://theischool.com/" target="_blank" rel="noreferrer noopener">
<span class="hello-red">Website</span>
</a>
<br />
<img src="assets/ischool.webp" alt="ischool" />
<br />
Additionally, I worked on developing a school management
system for the organization. The software is an android
application, and offers different login types for Parents and
Teachers, with their unique functionalities, and is fully
responsive. I closely worked with the school staff to add
features, address issues and provide the best possible and
most streamlined experience for the school.
<br />
<br />
The application has implementations for:
<ul class="normal-list">
<li>Different authentication types</li>
<li>Attendance</li>
<li>Fee payment</li>
<li>Parent-Teacher communication</li>
<li>Homework reminders (for parents)</li>
<li>Batch management (for teachers)</li>
<li>School-Wide Announcements (for admins)</li>
</ul>
<div class="row">
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- TESTIMONIALS PANEL -->
<div class="panel" data-x-pos="0" data-y-pos="-1" id="testimonials_panel">
<span class="panel__nav panel__nav--left js-left">Hobbies</span>
<span class="panel__nav panel__nav--left-top js-up js-left">About Me</span>
<span class="panel__nav panel__nav--up js-up">Home</span>
<span class="panel__nav panel__nav--right-top js-up js-right">Education</span>
<span class="panel__nav panel__nav--right js-right">Contact</span>
<div class="paraHolderNoScroll">
<h2>Testimonials</h2>
<!-- <blockquote>
<p>
<q>
Aditya worked with us as a fullstack engineering intern and
built our user public profile pages and picked up a few
smaller projects as well. He is a quick learner and a fast
executor. He started contributing from day 1 without any
background in React, Express, and MySQL before that. He is a
strong communicator and asks the right questions to get
unblocked and progress. I'm sure he would do impactful work
wherever he joins and would be a great addition to the
team/company.
</q>
</p>
<footer>
<figure style="margin-top: 0px">
<img src="assets/Gaurav.png" alt="gaurav" class="captionImg" />
<figcaption>
<cite>Gaurav Chandak, Co-Founder at workat.tech</cite>
</figcaption>
</figure>
</footer>
</blockquote>
<blockquote>
<p>
<q>
Aditya is a great Software Engineer. At workat.tech, he
distinguished himself by consistently developing exceptionally
well-engineered products. As an intern, he has worked on
developing the public profile page along with other projects.
He demonstrated exemplary problem-solving skills and was
always ready to pick up additional responsibilities. In
addition to being an excellent communicator, he is a fast
learner who displayed a keen eagerness to study new
technologies. From day 1, he showed this ability by
contributing and learning on the fly, even though he had no
prior experience in some of the frameworks we used. Aditya is
a pleasure to work with and I am positive that he would be a
great asset to any team. I would strongly recommend him.
</q>
</p>
<footer>
<figure style="margin-top: 0px">
<img src="assets/Ashhad.png" alt="ashhad" class="captionImg" />
<figcaption>
<cite>Mohammad Ashhad Imam, SDE-1 at workat.tech</cite>
</figcaption>
</figure>
</footer>
</blockquote> -->
<!-- <blockquote>
<p>
<q>
Aditya is an amazing person who is keen to learn and take up
all the challenges. While working with him, he has
demonstrated that he can learn and grow quickly beyond
expectations. He is also good at communicating relevant things
and makes sure that he is asking the right questions and that
they are answered. His style of work and his passion for the
same make him stand out from others. I can vouch for him any
day and would love to work with him in the future.
</q>
</p>
<footer>
<figure style="margin-top: 0px">
<img src="assets/Aravind.png" alt="aravind" class="captionImg" />
<figcaption>
<cite>Aravind Venugopal, Program Manager at workat.tech</cite>
</figcaption>
</figure>
</footer>
</blockquote> -->
<!-- <blockquote>
<p>
<q>
I am amazed by Aditya's ability to learn a new skill in such a
short span of time. He is a highly focused person who is full
of energy. His energy to make things happen is contagious and
it helps to achieve greater goals. The in-depth technical
knowledge he possesses is immense on C++, web development,
problem solving, Java and SQL. He spends his time on
understanding the system and its effects and always comes up
with the solution. He has a great attitude and is always eager
to learn. I am confident Aditya will be a great asset for any
team.
</q>
</p>
<footer>
<figure style="margin-top: 0px">
<img src="assets/bimal.webp" alt="bimal" class="captionImg" />
<figcaption>
<cite>Bimal Upadhyay, Technical Lead at Tata Consultancy
Services</cite>
</figcaption>
</figure>
</footer>
</blockquote> -->
<!-- <blockquote>
<p>
<q>Aditya is one of a gem, having a great knowledge of Data
structures and algorithm and outstanding in high level
languages especially C++, Java and python. He is really keen
to learn new things, bring up innovative ideas and does not
shy away from hardwork, will strongly recommend him.</q>
</p>
<footer>
<figure>
<img src="assets/mohit.webp" alt="mohit" class="captionImg" />
<figcaption>
<cite>Mohit Jain, Platform Architect at Intel Corporation</cite>
</figcaption>
</figure>
</footer>
</blockquote> -->
<!-- <blockquote>
<p>
<q>Mr. Prakash has in-depth technical knowledge and an attitude
to take on challenges, finding unique yet simple and intuitive
ways to solve complex problems. He is quite innovative. While
developing and designing our website, we relied heavily on his
inputs, ideas and solutions. He is extremely diligent and I am
impressed with his dedication to work, and his ability to
deliver under deadlines. He has shown professional competency
and exceeded my expectations while performing his role as a
software developer. <br /><br />
On top of this, Mr. Prakash is an exceptional communicator and
his skills, coupled with his perseverance have made him one of
the brightest developers we have worked with. I believe Mr.
Prakash will be a brilliant asset for any organization. I wish
him all the best for his future endeavours.
</q>
</p>
<footer>
<figure>
<img src="assets/nayan.webp" alt="nayan" class="captionImg" />
<figcaption>
<cite>Nayan Sharma, CEO at EduMeta</cite>
</figcaption>
</figure>
</footer>
</blockquote> -->
</div>
</div>
<!-- SKILLS PANEL -->
<div class="panel" data-x-pos="-1" data-y-pos="1" id="skills_panel">
<span class="panel__nav panel__nav--down js-down">About me</span>
<span class="panel__nav panel__nav--right-down js-right js-down">Home</span>
<span class="panel__nav panel__nav--right js-right">Work</span>
<div class="paraHolder">
<h2>Skills</h2>
<strong><span class="strong-text">Languages</span></strong>
<div class="skill-container">
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
128 128">
<path fill="#659AD3" d="M115.4 30.7L67.1
2.9c-.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 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.4V36.1c0-.9-.1-1.9-.6-2.8l-106.6 62z" />
<path fill="#fff" d="M85.3 76.1C81.1 83.5 73.1 88.5 64
88.5c-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" />
</svg>
<figcaption>C</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
128 128">
<path fill="#D26383" d="M115.4 30.7L67.1
2.9c-.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 fill="#9C033A" 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.4V36.1c0-.9-.1-1.9-.6-2.8l-106.6 62z" />
<path fill="#fff" d="M85.3 76.1C81.1 83.5 73.1 88.5 64
88.5c-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 d="M82.1
61.8h5.2v-5.3h4.4v5.3H97v4.4h-5.3v5.2h-4.4v-5.2h-5.2v-4.4zm18.5
0h5.2v-5.3h4.4v5.3h5.3v4.4h-5.3v5.2h-4.4v-5.2h-5.2v-4.4z" fill="#fff" />
</svg>
<figcaption>C++</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
128 128">
<path fill="#0074BD" d="M47.617
98.12s-4.767 2.774 3.397 3.71c9.892 1.13 14.947.968
25.845-1.092 0 0 2.871 1.795 6.873 3.351-24.439
10.47-55.308-.607-36.115-5.969zm-2.988-13.665s-5.348
3.959 2.823 4.805c10.567 1.091 18.91 1.18 33.354-1.6
0 0 1.993 2.025 5.132 3.131-29.542
8.64-62.446.68-41.309-6.336z" />
<path fill="#EA2D2E" d="M69.802 61.271c6.025 6.935-1.58 13.17-1.58
13.17s15.289-7.891
8.269-17.777c-6.559-9.215-11.587-13.792 15.635-29.58
0 .001-42.731 10.67-22.324 34.187z" />
<path fill="#0074BD" d="M102.123 108.229s3.529 2.91-3.888
5.159c-14.102 4.272-58.706
5.56-71.094.171-4.451-1.938 3.899-4.625 6.526-5.192
2.739-.593 4.303-.485 4.303-.485-4.953-3.487-32.013
6.85-13.743 9.815 49.821 8.076 90.817-3.637
77.896-9.468zM49.912 70.294s-22.686 5.389-8.033
7.348c6.188.828 18.518.638 30.011-.326 9.39-.789
18.813-2.474 18.813-2.474s-3.308 1.419-5.704
3.053c-23.042 6.061-67.544 3.238-54.731-2.958
10.832-5.239 19.644-4.643 19.644-4.643zm40.697
22.747c23.421-12.167 12.591-23.86
5.032-22.285-1.848.385-2.677.72-2.677.72s.688-1.079
2-1.543c14.953-5.255 26.451 15.503-4.823 23.725
0-.002.359-.327.468-.617z" />
<path fill="#EA2D2E" d="M76.491 1.587S89.459 14.563 64.188 34.51c-20.266
16.006-4.621 25.13-.007
35.559-11.831-10.673-20.509-20.07-14.688-28.815C58.041
28.42 81.722 22.195 76.491 1.587z" />
<path fill="#0074BD" d="M52.214 126.021c22.476 1.437 57-.8
57.817-11.436 0 0-1.571 4.032-18.577 7.231-19.186
3.612-42.854 3.191-56.887.874 0 .001 2.875 2.381
17.647 3.331z" />
</svg>
<figcaption>Java</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
128 128">
<linearGradient id="python-original-a" gradientUnits="userSpaceOnUse" x1="70.252" y1="1237.476"
x2="170.659" y2="1151.089" gradientTransform="matrix(.563 0 0 -.568 -29.215
707.817)">
<stop offset="0" stop-color="#5A9FD4" />
<stop offset="1" stop-color="#306998" />
</linearGradient>
<linearGradient id="python-original-b" gradientUnits="userSpaceOnUse" x1="209.474" y1="1098.811"
x2="173.62" y2="1149.537" gradientTransform="matrix(.563 0 0 -.568 -29.215
707.817)">
<stop offset="0" stop-color="#FFD43B" />
<stop offset="1" stop-color="#FFE873" />
</linearGradient>
<path fill="url(#python-original-a)" d="M63.391
1.988c-4.222.02-8.252.379-11.8 1.007-10.45
1.846-12.346 5.71-12.346
12.837v9.411h24.693v3.137H29.977c-7.176 0-13.46
4.313-15.426 12.521-2.268 9.405-2.368 15.275 0
25.096 1.755 7.311 5.947 12.519 13.124
12.519h8.491V67.234c0-8.151 7.051-15.34
15.426-15.34h24.665c6.866 0 12.346-5.654
12.346-12.548V15.833c0-6.693-5.646-11.72-12.346-12.837-4.244-.706-8.645-1.027-12.866-1.008zM50.037
9.557c2.55 0 4.634 2.117 4.634 4.721 0 2.593-2.083
4.69-4.634 4.69-2.56
0-4.633-2.097-4.633-4.69-.001-2.604 2.073-4.721
4.633-4.721z" transform="translate(0 10.26)" />
<path fill="url(#python-original-b)" d="M91.682
28.38v10.966c0 8.5-7.208 15.655-15.426
15.655H51.591c-6.756 0-12.346 5.783-12.346
12.549v23.515c0 6.691 5.818 10.628 12.346 12.547
7.816 2.297 15.312 2.713 24.665 0 6.216-1.801
12.346-5.423
12.346-12.547v-9.412H63.938v-3.138h37.012c7.176 0
9.852-5.005 12.348-12.519 2.578-7.735 2.467-15.174
0-25.096-1.774-7.145-5.161-12.521-12.348-12.521h-9.268zM77.809
87.927c2.561 0 4.634 2.097 4.634 4.692 0 2.602-2.074
4.719-4.634 4.719-2.55 0-4.633-2.117-4.633-4.719
0-2.595 2.083-4.692 4.633-4.692z" transform="translate(0 10.26)" />
<radialGradient id="python-original-c" cx="1825.678" cy="444.45" r="26.743" gradientTransform="matrix(0 -.24 -1.055 0
532.979 557.576)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#B8B8B8" stop-opacity=".498" />
<stop offset="1" stop-color="#7F7F7F" stop-opacity="0" />
</radialGradient>
<path opacity=".444" fill="url(#python-original-c)" d="M97.309 119.597c0 3.543-14.816 6.416-33.091
6.416-18.276 0-33.092-2.873-33.092-6.416 0-3.544
14.815-6.417 33.092-6.417 18.275 0 33.091 2.872
33.091 6.417z" />
</svg>
<figcaption>Python</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="#F0DB4F" d="M1.408 1.408h125.184v125.185H1.408z" />
<path fill="#323330"
d="M116.347 96.736c-.917-5.711-4.641-10.508-15.672-14.981-3.832-1.761-8.104-3.022-9.377-5.926-.452-1.69-.512-2.642-.226-3.665.821-3.32 4.784-4.355 7.925-3.403 2.023.678 3.938 2.237 5.093 4.724 5.402-3.498 5.391-3.475 9.163-5.879-1.381-2.141-2.118-3.129-3.022-4.045-3.249-3.629-7.676-5.498-14.756-5.355l-3.688.477c-3.534.893-6.902 2.748-8.877 5.235-5.926 6.724-4.236 18.492 2.975 23.335 7.104 5.332 17.54 6.545 18.873 11.531 1.297 6.104-4.486 8.08-10.234 7.378-4.236-.881-6.592-3.034-9.139-6.949-4.688 2.713-4.688 2.713-9.508 5.485 1.143 2.499 2.344 3.63 4.26 5.795 9.068 9.198 31.76 8.746 35.83-5.176.165-.478 1.261-3.666.38-8.581zM69.462 58.943H57.753l-.048 30.272c0 6.438.333 12.34-.714 14.149-1.713 3.558-6.152 3.117-8.175 2.427-2.059-1.012-3.106-2.451-4.319-4.485-.333-.584-.583-1.036-.667-1.071l-9.52 5.83c1.583 3.249 3.915 6.069 6.902 7.901 4.462 2.678 10.459 3.499 16.731 2.059 4.082-1.189 7.604-3.652 9.448-7.401 2.666-4.915 2.094-10.864 2.07-17.444.06-10.735.001-21.468.001-32.237z" />
</svg>
<figcaption>JavaScript</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
128 128">
<path fill="#1572B6" d="M18.814
114.123L8.76 1.352h110.48l-10.064 112.754-45.243
12.543-45.119-12.526z" />
<path fill="#33A9DC" d="M64.001 117.062l36.559-10.136
8.601-96.354h-45.16v106.49z" />
<path fill="#fff" d="M64.001
51.429h18.302l1.264-14.163H64.001V23.435h34.682l-.332
3.711-3.4 38.114h-30.95V51.429z" />
<path fill="#EBEBEB" d="M64.083
87.349l-.061.018-15.403-4.159-.985-11.031H33.752l1.937
21.717 28.331 7.863.063-.018v-14.39z" />
<path fill="#fff" d="M81.127 64.675l-1.666 18.522-15.426
4.164v14.39l28.354-7.858.208-2.337
2.406-26.881H81.127z" />
<path fill="#EBEBEB" d="M64.048
23.435v13.831H30.64l-.277-3.108-.63-7.012-.331-3.711h34.646zm-.047
27.996v13.831H48.792l-.277-3.108-.631-7.012-.33-3.711h16.447z" />
</svg>
<figcaption>CSS</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
128 128">
<path fill="#E44D26" d="M19.037
113.876L9.032 1.661h109.936l-10.016 112.198-45.019
12.48z" />
<path fill="#F16529" d="M64
116.8l36.378-10.086 8.559-95.878H64z" />
<path fill="#EBEBEB" d="M64 52.455H45.788L44.53
38.361H64V24.599H29.489l.33 3.692 3.382 37.927H64zm0
35.743l-.061.017-15.327-4.14-.979-10.975H33.816l1.928
21.609 28.193 7.826.063-.017z" />
<path fill="#fff" d="M63.952 52.455v13.763h16.947l-1.597 17.849-15.35
4.143v14.319l28.215-7.82.207-2.325
3.234-36.233.335-3.696h-3.708zm0-27.856v13.762h33.244l.276-3.092.628-6.978.329-3.692z" />
</svg>
<figcaption>HTML</figcaption>
</div>
</div>
<br />
<strong><span class="strong-text">Libraries & Frameworks</span></strong>
<!-- ROW NUMBER 1 -->
<div class="skill-container">
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path
d="M126.67 98.44c-4.56 1.16-7.38.05-9.91-3.75-5.68-8.51-11.95-16.63-18-24.9-.78-1.07-1.59-2.12-2.6-3.45C89 76 81.85 85.2 75.14 94.77c-2.4 3.42-4.92 4.91-9.4 3.7l26.92-36.13L67.6 29.71c4.31-.84 7.29-.41 9.93 3.45 5.83 8.52 12.26 16.63 18.67 25.21 6.45-8.55 12.8-16.67 18.8-25.11 2.41-3.42 5-4.72 9.33-3.46-3.28 4.35-6.49 8.63-9.72 12.88-4.36 5.73-8.64 11.53-13.16 17.14-1.61 2-1.35 3.3.09 5.19C109.9 76 118.16 87.1 126.67 98.44zM1.33 61.74c.72-3.61 1.2-7.29 2.2-10.83 6-21.43 30.6-30.34 47.5-17.06C60.93 41.64 63.39 52.62 62.9 65H7.1c-.84 22.21 15.15 35.62 35.53 28.78 7.15-2.4 11.36-8 13.47-15 1.07-3.51 2.84-4.06 6.14-3.06-1.69 8.76-5.52 16.08-13.52 20.66-12 6.86-29.13 4.64-38.14-4.89C5.26 85.89 3 78.92 2 71.39c-.15-1.2-.46-2.38-.7-3.57q.03-3.04.03-6.08zm5.87-1.49h50.43c-.33-16.06-10.33-27.47-24-27.57-15-.12-25.78 11.02-26.43 27.57z" />
</svg>
<figcaption>Express.js</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<g fill="#61DAFB">
<circle cx="64" cy="64" r="11.4" />
<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.3C8.2 50 1.4 56.6 1.4 64s6.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.8zM92.5 14.7c4.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.9zM81.3 74c-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.2zM64 97.8c-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.2zM64 30.2c2.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.2zM31.7 35c-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.6zM7 64c0-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.5C15.3 75.6 7 69.6 7 64zm28.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-.9zM96.3 93c1.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" />
</g>
</svg>
<figcaption>React.js</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="#83CD29"
d="M112.771 30.334L68.674 4.729c-2.781-1.584-6.402-1.584-9.205 0L14.901 30.334C12.031 31.985 10 35.088 10 38.407v51.142c0 3.319 2.084 6.423 4.954 8.083l11.775 6.688c5.628 2.772 7.617 2.772 10.178 2.772 8.333 0 13.093-5.039 13.093-13.828v-50.49c0-.713-.371-1.774-1.071-1.774h-5.623C42.594 41 41 42.061 41 42.773v50.49c0 3.896-3.524 7.773-10.11 4.48L18.723 90.73c-.424-.23-.723-.693-.723-1.181V38.407c0-.482.555-.966.982-1.213l44.424-25.561c.415-.235 1.025-.235 1.439 0l43.882 25.555c.42.253.272.722.272 1.219v51.142c0 .488.183.963-.232 1.198l-44.086 25.576c-.378.227-.847.227-1.261 0l-11.307-6.749c-.341-.198-.746-.269-1.073-.086-3.146 1.783-3.726 2.02-6.677 3.043-.726.253-1.797.692.41 1.929l14.798 8.754a9.294 9.294 0 004.647 1.246c1.642 0 3.25-.426 4.667-1.246l43.885-25.582c2.87-1.672 4.23-4.764 4.23-8.083V38.407c0-3.319-1.36-6.414-4.229-8.073zM77.91 81.445c-11.726 0-14.309-3.235-15.17-9.066-.1-.628-.633-1.379-1.272-1.379h-5.731c-.709 0-1.279.86-1.279 1.566 0 7.466 4.059 16.512 23.453 16.512 14.039 0 22.088-5.455 22.088-15.109 0-9.572-6.467-12.084-20.082-13.886-13.762-1.819-15.16-2.738-15.16-5.962 0-2.658 1.184-6.203 11.374-6.203 9.105 0 12.461 1.954 13.842 8.091.118.577.645.991 1.24.991h5.754c.354 0 .692-.143.94-.396.24-.272.367-.613.335-.979-.891-10.568-7.912-15.493-22.112-15.493-12.631 0-20.166 5.334-20.166 14.275 0 9.698 7.497 12.378 19.622 13.577 14.505 1.422 15.633 3.542 15.633 6.395 0 4.955-3.978 7.066-13.309 7.066z" />
</svg>
<figcaption>Node.js</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="none" d="M0 0h128v128H0z" />
<path
d="M88.69 88.11c-9 18.4-24.76 30.78-45.61 34.85a39.73 39.73 0 01-9.77 1.14c-12 0-23-5-28.34-13.19C-2.2 100-4.64 76.87 19 59.76c.48 2.61 1.46 6.19 2.11 8.31A38.24 38.24 0 0010 81.1c-4.4 8.64-3.91 17.27 1.3 25.25 3.6 5.38 9.3 8.65 16.63 9.65a44 44 0 0026.55-5c12.71-6.68 21.18-14.66 26.72-25.57a9.32 9.32 0 01-2.61-6A9.12 9.12 0 0187.37 70h.34a9.15 9.15 0 011 18.25zm28.67-20.2c12.21 13.84 12.54 30.13 7.82 39.58-4.4 8.63-16 17.27-31.6 17.27a50.48 50.48 0 01-21-5.05c2.29-1.63 5.54-4.24 7.33-5.87a41.54 41.54 0 0016 3.42c10.1 0 17.75-4.72 22.31-13.35 2.93-5.7 3.1-12.38.33-19.22a43.61 43.61 0 00-17.27-20.85 62 62 0 00-34.74-10.59h-2.93a9.21 9.21 0 01-8 5.54h-.31a9.13 9.13 0 01-.3-18.25h.33a9 9 0 018 4.89h2.61c20.8 0 39.06 7.98 51.42 22.48zm-82.75 23a7.31 7.31 0 011.14-4.73c-9.12-15.8-14-35.83-6.51-56.68C34.61 13.83 48.13 3.24 62.79 3.24c15.64 0 31.93 13.69 33.88 40.07-2.44-.81-6-2-8.14-2.44-.53-8.63-7.82-30.13-25.09-29.81-6.19.17-15.31 3.1-20 9.12a43.69 43.69 0 00-9.64 25.25 59.61 59.61 0 008.47 36.16 2.75 2.75 0 011.14-.16h.32a9.12 9.12 0 01.33 18.24h-.33a9.16 9.16 0 01-9.12-8.79z"
fill="#764abc" />
</svg>
<figcaption>Redux</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="#5a29e4"
d="m 34,43.977569 27.379067,-22.912155 0.0385,91.494586 -9.3189,7.74007 -0.15403,-76.091455 z" />
<path fill="#5a29e4"
d="M 96.961687,82.322502 69.582627,105.23466 69.544127,13.74007 78.863017,6 l 0.15403,76.091452 z" />
</svg>
<figcaption>Axios</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="#fff"
d="M21.012 91.125c-5.538.003-10.038-4.503-10.039-10.04l-.002-30.739c-.002-5.532 4.497-10.037 10.028-10.038 2.689-.002 5.207 1.041 7.105 2.937s2.942 4.418 2.944 7.099l-.003 30.74a9.924 9.924 0 01-2.931 7.094 9.962 9.962 0 01-7.102 2.947m-.008-48.12c-4.053-.002-7.338 3.291-7.339 7.341l.005 30.736a7.347 7.347 0 007.341 7.348 7.338 7.338 0 007.339-7.347V50.342a7.345 7.345 0 00-7.346-7.337" />
<path fill="#fff"
d="M99.742 44.527l-2.698-.001-66.119.009-2.699.001-.002-2.699c-.006-11.08 6.03-21.385 15.917-27.473l-3.844-7.017c-.47-.822-.588-1.863-.314-2.815a3.732 3.732 0 011.814-2.239 3.605 3.605 0 011.759-.447c1.362 0 2.609.739 3.267 1.933l4.023 7.329a37.842 37.842 0 0113.099-2.305c4.606-.002 9.023.777 13.204 2.311l4.017-7.341a3.711 3.711 0 013.263-1.932 3.712 3.712 0 011.761.438A3.706 3.706 0 0188 4.524a3.69 3.69 0 01-.318 2.832l-3.842 7.013c9.871 6.101 15.9 16.398 15.899 27.459l.003 2.699zM80.196 15.403l5.123-9.355a1.019 1.019 0 10-1.783-.981l-5.176 9.45c-4.354-1.934-9.229-3.021-14.382-3.016-5.142-.005-10.008 1.078-14.349 3.005l-5.181-9.429a1.009 1.009 0 00-1.379-.405c-.497.266-.68.891-.403 1.379l5.125 9.348c-10.07 5.194-16.874 15.084-16.868 26.439l66.118-.008c.003-11.351-6.789-21.221-16.845-26.427M48.94 29.86a2.772 2.772 0 01.003-5.545 2.78 2.78 0 012.775 2.774 2.775 2.775 0 01-2.778 2.771m30.107-.006a2.767 2.767 0 01-2.772-2.771 2.788 2.788 0 012.773-2.778 2.79 2.79 0 012.767 2.779 2.769 2.769 0 01-2.768 2.77m-27.336 96.305c-5.533-.001-10.036-4.501-10.037-10.038l-.002-13.567-2.638.003a10.453 10.453 0 01-7.448-3.082 10.437 10.437 0 01-3.083-7.452l-.01-47.627v-2.701h2.699l65.623-.01 2.7-.002v2.699l.007 47.633c.001 5.809-4.725 10.536-10.532 10.535l-2.654.002.003 13.562c0 5.534-4.502 10.039-10.033 10.039a9.933 9.933 0 01-7.098-2.937 9.952 9.952 0 01-2.947-7.096v-13.568H61.75v13.565c-.002 5.535-4.503 10.043-10.039 10.042" />
<path fill="#fff"
d="M31.205 92.022a7.82 7.82 0 007.831 7.837h5.333l.006 16.264c-.001 4.05 3.289 7.341 7.335 7.342a7.342 7.342 0 007.338-7.348l.001-16.259 9.909-.003-.001 16.263c.004 4.051 3.298 7.346 7.343 7.338 4.056.003 7.344-3.292 7.343-7.344l-.005-16.259 5.353-.001c4.319.001 7.832-3.508 7.832-7.837l-.009-47.635-65.621.012.012 47.63zm75.791-.91c-5.536.001-10.039-4.498-10.038-10.036l-.008-30.738c.002-5.537 4.498-10.041 10.031-10.041 5.54-.001 10.046 4.502 10.045 10.038l.003 30.736c.001 5.534-4.498 10.042-10.033 10.041m-.01-48.116c-4.053-.004-7.337 3.287-7.337 7.342l.003 30.737a7.336 7.336 0 007.342 7.34 7.338 7.338 0 007.338-7.343l-.008-30.736a7.335 7.335 0 00-7.338-7.34" />
<path fill="#A4C439"
d="M21.004 43.005c-4.053-.002-7.338 3.291-7.339 7.341l.005 30.736a7.338 7.338 0 007.342 7.343 7.33 7.33 0 007.338-7.342V50.342a7.345 7.345 0 00-7.346-7.337m59.192-27.602l5.123-9.355a1.023 1.023 0 00-.401-1.388 1.022 1.022 0 00-1.382.407l-5.175 9.453c-4.354-1.938-9.227-3.024-14.383-3.019-5.142-.005-10.013 1.078-14.349 3.005l-5.181-9.429a1.01 1.01 0 00-1.378-.406 1.007 1.007 0 00-.404 1.38l5.125 9.349c-10.07 5.193-16.874 15.083-16.868 26.438l66.118-.008c.003-11.351-6.789-21.221-16.845-26.427M48.94 29.86a2.772 2.772 0 01.003-5.545 2.78 2.78 0 012.775 2.774 2.775 2.775 0 01-2.778 2.771m30.107-.006a2.77 2.77 0 01-2.772-2.771 2.793 2.793 0 012.773-2.778 2.79 2.79 0 012.767 2.779 2.767 2.767 0 01-2.768 2.77M31.193 44.392l.011 47.635a7.822 7.822 0 007.832 7.831l5.333.002.006 16.264c-.001 4.05 3.291 7.342 7.335 7.342 4.056 0 7.342-3.295 7.343-7.347l-.004-16.26 9.909-.003.004 16.263c0 4.047 3.293 7.346 7.338 7.338 4.056.003 7.344-3.292 7.343-7.344l-.005-16.259 5.352-.004a7.835 7.835 0 007.836-7.834l-.009-47.635-65.624.011zm83.134 5.943a7.338 7.338 0 00-7.341-7.339c-4.053-.004-7.337 3.287-7.337 7.342l.006 30.738a7.334 7.334 0 007.339 7.339 7.337 7.337 0 007.338-7.343l-.005-30.737z" />
</svg>
<figcaption>Android</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path style="-inkscape-stroke: none"
d="M48.697 15.176h12.25v25.437h-12.25zm0 52.251h12.25v25.436h-12.25z" color="#000" fill="#130754" />
<path style="-inkscape-stroke: none" d="M48.697 48.037h12.25v12.001h-12.25z" color="#000"
fill="#ffca00" />
<path style="-inkscape-stroke: none"
d="M29.017 36.087h12.25v84.552h-12.25zM67.97 88.414h12.25v25.436H67.97zm0-52.297h12.25v25.437H67.97z"
color="#000" fill="#130754" />
<path style="-inkscape-stroke: none" d="M67.97 68.983h12.25v12.001H67.97z" color="#000"
fill="#e70488" />
<path style="-inkscape-stroke: none" d="M87.238 8.55h12.25v84.552h-12.25z" color="#000"
fill="#130754" />
</svg>
<figcaption>Pandas</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path
d="M24.5 50.5c-1.5 0-2.5 1.2-2.5 2.7v14.1l-15.9-16c-.8-.8-2.2-1-3.2-.6S1 52.1 1 53.2v20.7c0 1.5 1.5 2.7 3 2.7s3-1.2 3-2.7V59.8l16.1 16c.5.5 1.2.8 1.9.8.3 0 .4-.1.7-.2 1-.4 1.3-1.4 1.3-2.5V53.3c0-1.5-1-2.8-2.5-2.8zm19.7 11.8c-1.4 0-2.7 1.4-2.7 2.8s1.3 2.8 2.7 2.8l6.6.4-1.5 3.7h-8.5l-4.2-7.9 4.3-8.1H50l2.1 4h5.5L54 52.1l-.8-1.1H37.6l-.7 1.2L31 62.5l-.7 1.3.7 1.3 5.8 10.3.8 1.6h15.1l.7-1.7 4.3-9 1.9-4.3h-4.4l-11 .3zM65 50.5c-1.4 0-3 1.3-3 2.7V60h6v-6.7c0-1.5-1.6-2.8-3-2.8zm30.4.3c-1-.4-2.4-.2-3.1.6L76 67.4V53.3c0-1.5-1-2.7-2.5-2.7S71 51.8 71 53.3V74c0 1.1.7 2.1 1.7 2.5.3.1.7.2 1 .2.7 0 1.6-.3 2.1-.8l16.2-16V74c0 1.5 1 2.7 2.5 2.7S97 75.5 97 74V53.3c0-1.1-.6-2.1-1.6-2.5zm21.8 12.8l8.4-8.4c1.1-1.1 1.1-2.8 0-3.8-1.1-1.1-2.8-1.1-3.8 0l-8.4 8.4-8.4-8.4c-1.1-1.1-2.8-1.1-3.8 0-1.1 1.1-1.1 2.8 0 3.8l8.4 8.4-8.4 8.4c-1.1 1.1-1.1 2.8 0 3.8.5.5 1.2.8 1.9.8s1.4-.3 1.9-.8l8.4-8.4 8.4 8.4c.5.5 1.2.8 1.9.8s1.4-.3 1.9-.8c1.1-1.1 1.1-2.8 0-3.8l-8.4-8.4zM62 73.9c0 1.4 1.5 2.7 3 2.7 1.4 0 3-1.3 3-2.7V62h-6v11.9z"
fill="#090" />
</svg>
<figcaption>Nginx</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path
d="M112.871 66.602c9.004 5.277 15.055 15.027 15.074 26.191.032 16.805-13.617 30.453-30.48 30.48-16.863.032-30.559-13.57-30.59-30.375-.02-11.164 5.996-20.933 14.984-26.246l8.774 14.778c.219.37.094.847-.262 1.09-3.32 2.25-5.496 6.046-5.488 10.347.012 6.895 5.633 12.477 12.55 12.461 6.919-.012 12.516-5.61 12.504-12.504-.007-4.3-2.195-8.09-5.523-10.328-.355-.242-.484-.719-.266-1.09zm0 0"
fill="#128dff" />
<path
d="M45.477 66.422a30.495 30.495 0 00-14.907-3.867C13.703 62.555.035 76.18.035 92.985c0 16.804 13.668 30.43 30.535 30.43 16.946 0 30.95-14.337 30.524-31.212H43.906c-.453 0-.808.383-.812.832-.043 6.723-5.672 12.434-12.524 12.434-6.922 0-12.527-5.59-12.527-12.485 0-6.894 5.605-12.484 12.527-12.484 1.809 0 3.532.383 5.086 1.074.383.168.836.04 1.047-.316zm0 0"
fill="#8bda67" />
<path
d="M47.945 61.648c-8.992-5.293-15.027-15.054-15.027-26.218C32.918 18.625 46.59 5 63.453 5s30.535 13.625 30.535 30.43c0 11.164-6.035 20.925-15.027 26.218L70.21 46.86c-.219-.37-.094-.847.266-1.09 3.32-2.246 5.503-6.039 5.503-10.34 0-6.894-5.609-12.484-12.527-12.484-6.918 0-12.527 5.59-12.527 12.485 0 4.3 2.183 8.093 5.504 10.34.36.242.484.718.265 1.09zm0 0"
fill="#ff2a44" />
</svg>
<figcaption>OpenCV</figcaption>
</div>
</div>
<!-- ROW NUMBER 2 -->
<div class="skill-container">
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path
d="M54.32 27.164L33.304 16.559 10.226 28.071l21.594 10.84zM63.961 32.031L86 43.16 63.137 54.637 41.512 43.782zM93.398 16.715l22.645 11.355-20.254 10.168-22.082-11.141zM83.652 11.824L63.265 1.601 43.101 11.667l21.008 10.59zM67.715 99.605v27.816l24.695-12.324-.023-27.828zM92.375 77.555l-.027-27.535-24.633 12.246v27.547zM122.02 72.398v27.926l-21.066 10.508-.016-27.797zM122.02 62.633V35.266l-21.105 10.492.016 27.59z"
color="#000" fill="#4cabcf" style="-inkscape-stroke: none" />
<path
d="M58.996 62.266l-16.629-8.367v36.14S22.019 46.756 20.14 42.865c-.242-.504-1.242-1.051-1.496-1.188-3.668-1.914-14.355-7.324-14.355-7.324v63.871l14.785 7.926V72.75s20.129 38.676 20.336 39.102c.21.422 2.219 4.492 4.383 5.926 2.87 1.906 15.195 9.316 15.195 9.316z"
color="#000" fill="#4c75cf" style="-inkscape-stroke: none" />
</svg>
<figcaption>NumPy</figcaption>
</div>
<div class="skill-image-wrapper">
<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
<path
d="M17.576 17L-.242 34.688v76.226H110.39l17.816-17.687V17H115.86zm29.99 16.426c8.36 0 14.228 2.347 17.555 7.086 3.37 4.69 5.033 11.95 5.033 21.773 0 6.473-.7 11.688-2.054 15.645-1.403 3.996-3.634 7.039-6.787 9.125l6.83 10.91-8.364 3.867-7.222-11.777c-1.05.347-2.715.476-4.99.476-8.45 0-14.36-2.258-17.686-6.777-3.327-4.52-4.99-11.69-4.99-21.426 0-9.777 1.706-17.035 5.076-21.773 3.37-4.74 9.28-7.13 17.6-7.13zm33.926 3.172h8.805v11.691h11.207v7.477H90.297v17.773c0 3.305.258 5.477.74 6.563.482 1.086 1.75 1.609 3.723 1.609l6.652-.262.397 7.04c-3.634.694-6.393 1.042-8.317 1.042-4.599 0-7.753-1.043-9.459-3.129-1.707-2.086-2.584-6.039-2.584-11.863V55.811h-6.17v-7.522h6.213zm-33.88 4.695c-5.08 0-8.581 1.652-10.51 4.996-1.88 3.348-2.844 8.65-2.844 15.996 0 7.3.92 12.559 2.758 15.688 1.837 3.129 5.384 4.738 10.595 4.738 5.207 0 8.711-1.566 10.55-4.652 1.796-3.086 2.712-8.344 2.712-15.688 0-7.387-.917-12.734-2.8-16.082-1.88-3.344-5.342-4.996-10.462-4.996z"
transform="matrix(.9965 0 0 1.00092 .241 -.016)" stroke="null" fill="#41cd52" />
<path fill="none" stroke="#41cd52" stroke-width=".004" d="M-5.736-.453h141.434v136H-5.736z" />
</svg>
<figcaption>Qt</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="#1FA6CA" d="M.2 68.6V13.4L48 41v18.4L16.1 41v36.8L.2 68.6z" />
<path fill="#1C7FB6" d="M48 41l47.9-27.6v55.3L64 87l-16-9.2 32-18.4V41L48 59.4V41z" />
<path fill="#1FA6CA" d="M48 77.8v18.4l32 18.4V96.2L48 77.8z" />
<path fill="#1C7FB6"
d="M80 114.6L127.8 87V50.2l-16 9.2v18.4L80 96.2v18.4zM111.9 41V22.6l16-9.2v18.4l-16 9.2z" />
</svg>
<figcaption>Material UI</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="#f58220"
d="M27.35 80.52l10.68-68.44c.37-2.33 3.5-2.89 4.6-.8l11.48 21.48-26.76 47.76zm75.94 16.63L93.1 34.11c-.31-1.96-2.76-2.76-4.17-1.35L24.71 97.15l35.54 19.95a7.447 7.447 0 007.18 0l35.86-19.95zm-28.85-55L66.21 26.5c-.92-1.78-3.44-1.78-4.36 0L25.7 90.95l48.74-48.8z" />
</svg>
<figcaption>Firebase</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="#8080F2"
d="M39.5 49.2L63 35.6c.6-.3 1.3-.3 1.9 0l23.6 13.6c.6.3 1 1 1 1.6V78c0 .7-.4 1.3-1 1.7L65 93.3c-.6.3-1.3.3-1.9 0L39.5 79.7c-.6-.3-1-1-1-1.7V50.8c0-.6.4-1.3 1-1.6" />
<path fill="#4B32C3"
d="M125.2 61.6l-28.1-49c-1-1.8-2.9-3.1-5-3.1H35.9c-2 0-3.9 1.3-5 3.1L2.8 61.5c-1 1.8-1 4 0 5.8l28.1 48.6c1 1.8 2.9 2.7 5 2.7h56.3c2 0 3.9-.9 5-2.6l28.1-48.6c1-2 1-4.1-.1-5.8m-23.3 23.5c0 .7-.4 1.4-1.1 1.7L65 107.5c-.6.4-1.4.4-2 0L27.1 86.9c-.6-.4-1.1-1-1.1-1.7V43.7c0-.7.4-1.4 1.1-1.7L63 21.3c.6-.4 1.4-.4 2 0L100.9 42c.6.4 1.1 1 1.1 1.7v41.4z" />
</svg>
<figcaption>ESLint</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path
d="M114 13.9C114 7.3 108.7 2 102.1 2H25.9C19.3 2 14 7.3 14 13.9v100.3c0 6.6 5.3 11.9 11.9 11.9h76.3c6.6 0 11.9-5.3 11.9-11.9V13.9zm-4 .1v99.3c0 4.7-3.5 8.7-8.2 8.7H26.5c-4.7 0-8.5-4-8.5-8.7V14c0-4.7 3.9-8 8.5-8h75.2c4.7 0 8.4 3.6 8.4 8.3l-.1-.3zm-73 94.7l14.1-14.1L37 80.5zm14-60.9V18.4l-13.9.1s.1 45.9.2 45.7C80.1 47.5 77 59.4 77 59.4v49.4l-.1.2H90V59.5c0-27.1-39-11.7-39-11.7zM70 36h14.8c8-10 10.7-17 10.7-17H80.2S75.3 30 70 36z"
fill="#6762A6" />
</svg>
<figcaption>Heroku</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="#A41E11"
d="M121.8 93.1c-6.7 3.5-41.4 17.7-48.8 21.6-7.4 3.9-11.5 3.8-17.3 1S13 98.1 6.3 94.9c-3.3-1.6-5-2.9-5-4.2V78s48-10.5 55.8-13.2c7.8-2.8 10.4-2.9 17-.5s46.1 9.5 52.6 11.9v12.5c0 1.3-1.5 2.7-4.9 4.4z" />
<path fill="#D82C20"
d="M121.8 80.5C115.1 84 80.4 98.2 73 102.1c-7.4 3.9-11.5 3.8-17.3 1-5.8-2.8-42.7-17.7-49.4-20.9C-.3 79-.5 76.8 6 74.3c6.5-2.6 43.2-17 51-19.7 7.8-2.8 10.4-2.9 17-.5s41.1 16.1 47.6 18.5c6.7 2.4 6.9 4.4.2 7.9z" />
<path fill="#A41E11"
d="M121.8 72.5C115.1 76 80.4 90.2 73 94.1c-7.4 3.8-11.5 3.8-17.3 1C49.9 92.3 13 77.4 6.3 74.2c-3.3-1.6-5-2.9-5-4.2V57.3s48-10.5 55.8-13.2c7.8-2.8 10.4-2.9 17-.5s46.1 9.5 52.6 11.9V68c0 1.3-1.5 2.7-4.9 4.5z" />
<path fill="#D82C20"
d="M121.8 59.8c-6.7 3.5-41.4 17.7-48.8 21.6-7.4 3.8-11.5 3.8-17.3 1C49.9 79.6 13 64.7 6.3 61.5s-6.8-5.4-.3-7.9c6.5-2.6 43.2-17 51-19.7 7.8-2.8 10.4-2.9 17-.5s41.1 16.1 47.6 18.5c6.7 2.4 6.9 4.4.2 7.9z" />
<path fill="#A41E11"
d="M121.8 51c-6.7 3.5-41.4 17.7-48.8 21.6-7.4 3.8-11.5 3.8-17.3 1C49.9 70.9 13 56 6.3 52.8c-3.3-1.6-5.1-2.9-5.1-4.2V35.9s48-10.5 55.8-13.2c7.8-2.8 10.4-2.9 17-.5s46.1 9.5 52.6 11.9v12.5c.1 1.3-1.4 2.6-4.8 4.4z" />
<path fill="#D82C20"
d="M121.8 38.3C115.1 41.8 80.4 56 73 59.9c-7.4 3.8-11.5 3.8-17.3 1S13 43.3 6.3 40.1s-6.8-5.4-.3-7.9c6.5-2.6 43.2-17 51-19.7 7.8-2.8 10.4-2.9 17-.5s41.1 16.1 47.6 18.5c6.7 2.4 6.9 4.4.2 7.8z" />
<path fill="#fff"
d="M80.4 26.1l-10.8 1.2-2.5 5.8-3.9-6.5-12.5-1.1 9.3-3.4-2.8-5.2 8.8 3.4 8.2-2.7L72 23zM66.5 54.5l-20.3-8.4 29.1-4.4z" />
<ellipse fill="#fff" cx="38.4" cy="35.4" rx="15.5" ry="6" />
<path fill="#7A0C00" d="M93.3 27.7l17.2 6.8-17.2 6.8z" />
<path fill="#AD2115" d="M74.3 35.3l19-7.6v13.6l-1.9.8z" />
</svg>
<figcaption>Redis</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="#0acf83"
d="M45.5 129c11.9 0 21.5-9.6 21.5-21.5V86H45.5C33.6 86 24 95.6 24 107.5S33.6 129 45.5 129zm0 0" />
<path fill="#a259ff" d="M24 64.5C24 52.6 33.6 43 45.5 43H67v43H45.5C33.6 86 24 76.4 24 64.5zm0 0" />
<path fill="#f24e1e" d="M24 21.5C24 9.6 33.6 0 45.5 0H67v43H45.5C33.6 43 24 33.4 24 21.5zm0 0" />
<path fill="#ff7262" d="M67 0h21.5C100.4 0 110 9.6 110 21.5S100.4 43 88.5 43H67zm0 0" />
<path fill="#1abcfe"
d="M110 64.5c0 11.9-9.6 21.5-21.5 21.5S67 76.4 67 64.5 76.6 43 88.5 43 110 52.6 110 64.5zm0 0" />
</svg>
<figcaption>Figma</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="#F34F29"
d="M124.737 58.378L69.621 3.264c-3.172-3.174-8.32-3.174-11.497 0L46.68 14.71l14.518 14.518c3.375-1.139 7.243-.375 9.932 2.314 2.703 2.706 3.461 6.607 2.294 9.993l13.992 13.993c3.385-1.167 7.292-.413 9.994 2.295 3.78 3.777 3.78 9.9 0 13.679a9.673 9.673 0 01-13.683 0 9.677 9.677 0 01-2.105-10.521L68.574 47.933l-.002 34.341a9.708 9.708 0 012.559 1.828c3.778 3.777 3.778 9.898 0 13.683-3.779 3.777-9.904 3.777-13.679 0-3.778-3.784-3.778-9.905 0-13.683a9.65 9.65 0 013.167-2.11V47.333a9.581 9.581 0 01-3.167-2.111c-2.862-2.86-3.551-7.06-2.083-10.576L41.056 20.333 3.264 58.123a8.133 8.133 0 000 11.5l55.117 55.114c3.174 3.174 8.32 3.174 11.499 0l54.858-54.858a8.135 8.135 0 00-.001-11.501z" />
</svg>
<figcaption>Git</figcaption>
</div>
</div>
<!-- ROW NUMBER 3 -->
<div class="skill-container">
<div class="skill-image-wrapper">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/discordjs/discordjs-plain.svg"
class="skill-icon" alt="discordjs" width="64px" height="64px" />
<figcaption>Discord.js</figcaption>
</div>
<div class="skill-image-wrapper">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jquery/jquery-plain.svg" class="skill-icon"
alt="jquery" width="64px" height="64px" />
<figcaption>jQuery</figcaption>
</div>
<div class="skill-image-wrapper">
<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
<path style="
fill: #850000;
fill-opacity: 1;
fill-rule: nonzero;
stroke: none;
"
d="M69.953.309c-1.676.07-4.508.52-4.508.71 0 .079 1.996 1.079 2.149 1.079.14 0 2.457 1.156 2.972 1.476.672.43 1.153.82 1.012.82-.09 0-2.469-.921-3.371-1.308-.734-.309-3.785-1.219-5.27-1.57-.804-.188-1.144-.258-2.511-.508C58.41.64 56.039.618 55.008.957c-1.477.48-1.809 1.07-1.809 3.246 0 1.2.059 1.707.32 2.785.114.469.434 1.5.583 1.848.043.11.183.45.3.75.121.297.485 1.066.805 1.695 1.797 3.567 4.488 6.54 8.281 9.156 1.196.82 4.446 2.375 5.75 2.747.332.09.442.277.172.277-.3 0-3.05-.758-3.613-.996a9.982 9.982 0 0 0-.652-.262c-1.957-.789-4.457-2.414-6.524-4.262a21.38 21.38 0 0 1-5.312-7.257c-.793-1.79-1.332-3.875-1.465-5.692-.078-1.039-.16-1.289-.43-1.277-.09 0-.945-.031-1.887-.082-2.562-.11-6.062.172-9.527.77-6.625 1.128-13.773 3.734-21.129 7.706a94.93 94.93 0 0 0-3.625 2.067c-.14.082-.582.351-.984.601-.399.25-.871.528-1.043.637-.38.223-4.586 3.078-5.09 3.457-.188.137-.711.527-1.152.848C4.98 21.195.633 24.742.383 25.102c-.121.18.07.27.328.18.133-.052.473-.122.746-.16.281-.044 1.004-.231 1.605-.43.61-.192 1.266-.391 1.454-.442 1.488-.348 2.09-.469 2.96-.598.395-.05.977-.14 1.305-.191 4.078-.598 6.024-.746 7.84-.61 3.945.32 7.719.993 9.879 1.758 1.617.582 4.906 2.36 6.352 3.426.836.63 3.523 3.305 4.117 4.113.46.641.972 1.2 1.093 1.2.04 0 .09-2.04.102-4.524l.027-4.512 5.282-.03c4.156-.02 5.308.011 5.379.1.101.13.343.56 1.136 2.024.754 1.41 1.125 2.09 1.356 2.496.12.223.398.739.633 1.149.218.41.628 1.168.91 1.687.281.52.511.961.511.98 0 .09.414.63.485.63.039 0 .14-.153.21-.32.079-.18.29-.579.462-.88.18-.3.5-.886.722-1.296.223-.41.524-.98.684-1.25.441-.79.902-1.645 1.285-2.344A84.813 84.813 0 0 1 58.5 24.96c.129-.25.29-.512.34-.578.082-.09 1.265-.121 5.543-.102l5.43.031.03 8.817c.02 6.945.048 8.805.15 8.805.058-.012.46-.243.874-.532.582-.406.832-.656 1.102-1.117.613-1.047 2.351-2.695 3.515-3.336A16.556 16.556 0 0 1 80 35.254c1.605-.34 2.078-.39 5.723-.52 6.652-.23 7.636-.27 7.687-.32.031-.027-.058-.289-.191-.59-.14-.289-.38-.828-.551-1.187-.633-1.367-.633-1.825.031-2.496.45-.47 1.613-.88 3.613-1.278.329-.07.743-.16.91-.218.173-.051.383-.09.473-.09.254 0 2.25-.489 2.672-.649.29-.12 1.856-.46 3.723-.82.812-.16 2.922-.578 4.668-.93 1.105-.218 2.258-.449 2.558-.508.301-.058.735-.148.954-.187.222-.05.511-.113.652-.133.14-.027.844-.168 1.558-.316a33.704 33.704 0 0 1 1.614-.313c.504-.047 4.289-.957 5.16-1.238 1.387-.45 1.797-.629 2.672-1.215.941-.64 1.203-.988 2.136-2.848 1.036-2.066 1.184-2.414 1.477-3.285.45-1.386.422-1.914-.152-2.496-.403-.398-1.266-.808-1.895-.898-.472-.059-.535-.04-.765.21-.141.15-.262.329-.262.391 0 .09-.16.528-.61 1.606-.043.11-.132.379-.203.597-.058.223-.18.532-.25.7-.129.28-.14.23-.09-.547.051-.77.18-1.418.473-2.399.051-.187.121-.507.149-.707l.05-.36-1.043-.417c-1.085-.45-2.02-.84-2.558-1.082-.184-.066-.633-.246-1.004-.387-.383-.14-.844-.32-1.035-.41a23.9 23.9 0 0 0-1.055-.437c-.672-.262-3.02-1.059-5.02-1.688a458.117 458.117 0 0 0-4.011-1.21 36.162 36.162 0 0 1-1.406-.388c-.16-.043-.555-.152-.856-.23-1.766-.488-2.226-.61-2.86-.79a26.367 26.367 0 0 0-1.054-.28c-.191-.047-.71-.168-1.152-.278-.774-.191-4.016-.937-5.774-1.34l-1.254-.289c-.222-.05-.62-.129-.902-.18-.273-.05-.844-.16-1.258-.25-.41-.077-1.293-.25-1.957-.359-.66-.117-1.453-.257-1.754-.308-2.773-.5-2.96-.528-7.93-1.078-3.062-.348-7.18-.641-8.183-.59-.16 0-1.05.039-1.965.09zM58.348 5.23c2.652.86 5.23 2.028 6.996 3.168 1.406.907 3.152 2.356 3.625 3.004l.199.27-.379-.149c-.21-.09-.652-.28-.984-.441-1.766-.82-1.957-.887-1.957-.707 0 .047.41.707.902 1.445.504.75.902 1.41.902 1.47 0 .05-.187-.032-.422-.192-.902-.618-3.02-1.508-3.14-1.328-.031.05.62.878 1.457 1.847.82.969 1.504 1.797 1.504 1.86 0 .148-.16.128-.922-.153-.785-.277-.984-.308-.984-.117 0 .129 1.695 2.414 2.367 3.203.191.219.343.43.343.48 0 .239-2.351-1.288-4.015-2.605-2.38-1.898-4.68-4.445-5.89-6.55-.997-1.72-1.337-2.645-1.337-3.665 0-.597.028-.718.25-.93.13-.136.293-.25.352-.25.058 0 .562.153 1.133.34zm31.691 3.555c.961.172 2.277.399 2.91.512.633.11 1.406.238 1.707.289.301.059.73.137.953.187.22.051.653.141.954.211.992.22 1.234.27 2.859.649 1.746.41 2.129.488 2.66.597.453.09.902.262.902.34 0 .032-.328.223-.73.43-.824.41-.996.441-4.387.57-2.308.098-3.543.07-4.668-.11-2.27-.35-3.441-.987-4.355-2.366-.32-.469-.531-.61-1.266-.797-.27-.082-.683-.192-.902-.262-.223-.07-.602-.18-.844-.25-.723-.187-.312-.297 1.145-.297 1.003 0 1.707.067 3.062.297zm12.074 13.95a.54.54 0 0 1-.25 0c-.07-.032-.02-.051.121-.051.137 0 .188.02.13.05zm-.433.117c0 .05-.117.12-.27.152-.312.078-1.535.43-1.937.558-.141.051-.594.192-1.004.31-1.035.3-3.543 1.116-4.215 1.378-1.266.48-4.238 2.055-4.656 2.477-.625.609-.817 1.265-.723 2.523.027.531.098 1.2.16 1.488.121.63.05.801-.191.489-.242-.309-.754-1.426-.903-1.977-.082-.246-.171-.578-.222-.738-.18-.567-.11-1.239.172-1.645.379-.582 1.746-1.508 3.351-2.277.762-.371 2.98-1.13 5.02-1.727.41-.12.863-.261 1.004-.3 1.445-.489 4.414-.958 4.414-.711zm-31.746.671c-.032.028-.121.04-.192.008-.082-.027-.05-.058.059-.058.113-.012.172.02.133.05zm0 0"
transform="translate(0 39)" />
<path style="
fill: #850000;
fill-opacity: 1;
fill-rule: nonzero;
stroke: none;
"
d="M48.883 42.832v6.988h5c3.754 0 5.027-.03 5.117-.12.152-.15.184-13.856.031-13.856-.05 0-.12.078-.152.168-.04.09-1.133 1.797-2.438 3.793-2.066 3.156-2.64 3.925-2.64 3.535 0-.07-3.422-5.41-4.297-6.7a3.725 3.725 0 0 1-.309-.527c-.082-.152-.18-.27-.23-.27-.043 0-.082 3.145-.082 6.989zm0 0"
transform="translate(0 39)" />
</svg>
<figcaption>Mongoose</figcaption>
</div>
<div class="skill-image-wrapper">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/sass/sass-original.svg" class="skill-icon"
alt="sass" width="64px" height="64px" />
<figcaption>Sass</figcaption>
</div>
<div class="skill-image-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<mask id="a" width="128" height="128" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type: alpha">
<path fill="#fff" fill-rule="evenodd"
d="M90.767 127.126a7.968 7.968 0 0 0 6.35-.244l26.353-12.681a8 8 0 0 0 4.53-7.209V21.009a8 8 0 0 0-4.53-7.21L97.117 1.12a7.97 7.97 0 0 0-9.093 1.548l-50.45 46.026L15.6 32.013a5.328 5.328 0 0 0-6.807.302l-7.048 6.411a5.335 5.335 0 0 0-.006 7.888L20.796 64 1.74 81.387a5.336 5.336 0 0 0 .006 7.887l7.048 6.411a5.327 5.327 0 0 0 6.807.303l21.974-16.68 50.45 46.025a7.96 7.96 0 0 0 2.743 1.793Zm5.252-92.183L57.74 64l38.28 29.058V34.943Z"
clip-rule="evenodd" />
</mask>
<g mask="url(#a)">
<path fill="#0065A9"
d="M123.471 13.82 97.097 1.12A7.973 7.973 0 0 0 88 2.668L1.662 81.387a5.333 5.333 0 0 0 .006 7.887l7.052 6.411a5.333 5.333 0 0 0 6.811.303l103.971-78.875c3.488-2.646 8.498-.158 8.498 4.22v-.306a8.001 8.001 0 0 0-4.529-7.208Z" />
<g filter="url(#b)">
<path fill="#007ACC"
d="m123.471 114.181-26.374 12.698A7.973 7.973 0 0 1 88 125.333L1.662 46.613a5.333 5.333 0 0 1 .006-7.887l7.052-6.411a5.333 5.333 0 0 1 6.811-.303l103.971 78.874c3.488 2.647 8.498.159 8.498-4.219v.306a8.001 8.001 0 0 1-4.529 7.208Z" />
</g>
<g filter="url(#c)">
<path fill="#1F9CF0"
d="M97.098 126.882A7.977 7.977 0 0 1 88 125.333c2.952 2.952 8 .861 8-3.314V5.98c0-4.175-5.048-6.266-8-3.313a7.977 7.977 0 0 1 9.098-1.549L123.467 13.8A8 8 0 0 1 128 21.01v85.982a8 8 0 0 1-4.533 7.21l-26.369 12.681Z" />
</g>
<path fill="url(#d)" fill-rule="evenodd"
d="M90.69 127.126a7.968 7.968 0 0 0 6.349-.244l26.353-12.681a8 8 0 0 0 4.53-7.21V21.009a8 8 0 0 0-4.53-7.21L97.039 1.12a7.97 7.97 0 0 0-9.093 1.548l-50.45 46.026-21.974-16.68a5.328 5.328 0 0 0-6.807.302l-7.048 6.411a5.336 5.336 0 0 0-.006 7.888L20.718 64 1.662 81.386a5.335 5.335 0 0 0 .006 7.888l7.048 6.411a5.328 5.328 0 0 0 6.807.303l21.975-16.681 50.45 46.026a7.959 7.959 0 0 0 2.742 1.793Zm5.252-92.184L57.662 64l38.28 29.057V34.943Z"
clip-rule="evenodd" opacity="0.25" style="mix-blend-mode: overlay" />
</g>
<defs>
<filter id="b" width="144.744" height="113.408" x="-8.41115" y="22.5944"
color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" result="hardAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
<feOffset />
<feGaussianBlur stdDeviation="4.16667" />
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
<feBlend in2="BackgroundImageFix" mode="overlay" result="effect1_dropShadow_1_36" />
<feBlend in="SourceGraphic" in2="effect1_dropShadow_1_36" result="shape" />
</filter>