-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
851 lines (826 loc) · 78.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
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
<!DOCTYPE html>
<html lang='en'>
<head>
<!--[ home-title ]-->
<title>Rahul Rajput</title>
<!--[ meta ]-->
<meta charset='UTF-8' />
<meta content='width=device-width, initial-scale=1' name='viewport' />
<meta content='max-image-preview:large' name='robots' />
<meta name="robots" content="index, follow">
<meta name="keywords"
content="web development, portfolio, projects, HTML, CSS, JavaScript, Nextjs, React, Tailwindcss, Rahul, Rahul Lodhi, Rahul Lodhi Rajput, Rahul.eu.org, rahul.eu.org">
<meta content='A comprehensive showcase of my skills, projects, and experiences as a full stack developer.'
name='description' />
<!-- link canonical -->
<!-- css -->
<link rel="stylesheet" href="style.css">
<link href='https://rahul.eu.org' rel='canonical' />
<!--[ icon ]-->
<link href='/favicon/icon.png' rel='apple-touch-icon' />
<link href='/favicon/icon.png' rel='icon' type='image/png' />
<!--[ theme-color ]-->
<meta content='#fffdfc' name='theme-color' />
<meta content='#fffdfc' name='msapplication-navbutton-color' />
<meta content='#fffdfc' name='apple-mobile-web-app-status-bar-style' />
<meta content='true' name='apple-mobile-web-app-capable' />
<!--[ open-graph/twitter-card ]-->
<meta content='summary_large_image' name='twitter:card' />
<meta content='Rahul Rajput' property='og:title' />
<meta content='Rahul Rajput' name='twitter:title' />
<meta content='https://rahul.eu.org' property='og:url' />
<meta content='https://rahul.eu.org' name='twitter:url' />
<meta content='Rahul Rajput' property='og:site_name' />
<meta content='website' property='og:type' />
<meta content='A comprehensive showcase of my skills, projects, and experiences as a full stack developer.'
property='og:description' />
<meta content='A comprehensive showcase of my skills, projects, and experiences as a full stack developer.'
name='twitter:description' />
<meta name="google-site-verification" content="EFSdzs_6hBQrjWOJU2iM6EmzLT6ZPoSJD1S6dTQOuqw" />
</head>
<body class='noJS nB index home'>
<!--[ Element ]-->
<div class='maW flex column bgInherit' id='top'>
<!--[ Header ]-->
<header class='maH noPrint relative hdsr'>
<div class='max flex centerA'>
<input class='forM hidden' id='forMenu' type='checkbox' />
<input class='forB hidden' id='forBook' type='checkbox' />
<div class='maHT shrink cInherit notranslate noFilter section' id='header-title'>
<div class='widget Header' data-version='2' id='Header1'>
<h1 class='heN noMargin'>
<span class='heT flex centerA' title='Rahul Rajput'>
<h1 class="slgs">R<span>.</span></h1>
</span>
</h1>
</div>
</div>
<div class='maHR flex grow centerA relative section' id='header-menu'>
<div class='widget LinkList' data-version='2' id='LinkList00'>
<nav aria-label='main navigation'>
<ul class='maHM noList flexIn baseline cInherit fontD'>
<li>
<a class='relative a' href='#skills'>
Skills
</a>
</li>
<li>
<a class='relative a' href='#demo'>
Projects
</a>
</li>
</ul>
</nav>
</div>
<div class='widget TextList' data-version='2' id='TextList00'>
<div class='maHI flex centerA relative'>
<a class='button sh fontM' href='https://instagram.com/r.rah_ul' title='Hire Me'>Hire
Me!</a>
</div>
</div>
</div>
</div>
</header>
<section aria-label='landing page' class='maL'>
<div class='max'>
<div class='maLT flex centerA'>
<div class='in'>
<h2 class='t relative'>Hi I am <strong>Rahul Rajput</strong> a <strong>Full Stack</strong> <span
class='i relative'>Web Developer</span>.</h2>
<p class='d'>An extensive display of my full-stack development skills, experiences, and
projects, demonstrating my proficiency and commitment to coding.</p>
<!--[ link ]-->
<div class='ac flex column'>
<div class='l flex'>
<a class='button sh fontW-600 fontD fontH' href='#demo'
style='background-color:var(--btnBg)'>Explore</a>
<a class='button sh i18 fontD fontH' href='https://github.com/r2hu1'>
<svg fill="#1C2033" width="50" height="50" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<path
d="M32 1.7998C15 1.7998 1 15.5998 1 32.7998C1 46.3998 9.9 57.9998 22.3 62.1998C23.9 62.4998 24.4 61.4998 24.4 60.7998C24.4 60.0998 24.4 58.0998 24.3 55.3998C15.7 57.3998 13.9 51.1998 13.9 51.1998C12.5 47.6998 10.4 46.6998 10.4 46.6998C7.6 44.6998 10.5 44.6998 10.5 44.6998C13.6 44.7998 15.3 47.8998 15.3 47.8998C18 52.6998 22.6 51.2998 24.3 50.3998C24.6 48.3998 25.4 46.9998 26.3 46.1998C19.5 45.4998 12.2 42.7998 12.2 30.9998C12.2 27.5998 13.5 24.8998 15.4 22.7998C15.1 22.0998 14 18.8998 15.7 14.5998C15.7 14.5998 18.4 13.7998 24.3 17.7998C26.8 17.0998 29.4 16.6998 32.1 16.6998C34.8 16.6998 37.5 16.9998 39.9 17.7998C45.8 13.8998 48.4 14.5998 48.4 14.5998C50.1 18.7998 49.1 22.0998 48.7 22.7998C50.7 24.8998 51.9 27.6998 51.9 30.9998C51.9 42.7998 44.6 45.4998 37.8 46.1998C38.9 47.1998 39.9 49.1998 39.9 51.9998C39.9 56.1998 39.8 59.4998 39.8 60.4998C39.8 61.2998 40.4 62.1998 41.9 61.8998C54.1 57.7998 63 46.2998 63 32.5998C62.9 15.5998 49 1.7998 32 1.7998Z" />
</svg>
<span>Github</span>
</a>
</div>
<div class='m flexIn baseline colorDim fontM fontH cInherit u'>
<span><label>Updated On</label></span>
<span><a class='extL' href="https://github.com/r2hu1/s2lls">23/01/2024</a></span>
</div>
</div>
<!--[ testi ]-->
<div class='at relative hidden'>
<p class='fontD'>My company need a website to sell our products and Rahul coded it well and
deployed withn a week.</p>
<div class='w flex centerA'>
<span class='av' style='--b: #fdd834'>
<span class='avatar flex center shrink bgAlt'
style='background-image: url(https://lh3.googleusercontent.com/a/AGNmyxbI5mHQwE64pM7LeEqCa574TGg6Rb_F3WRXHkgkYmw=s30-c-mo)'></span>
</span>
<span class='n flex column cInherit u'>
<bdi class='fontW-600 fontD fontH ellips'>Tushar M.</bdi>
<span class='fontM colorDim ellips'>from <a class='extL' href='#' rel='noreferrer'
target='_blank'>Trustpilot</a></span>
</span>
</div>
</div>
</div>
<div class='im flex center relative'>
</div>
</div>
</div>
</section>
<section class='maS bgDim'>
<svg class='block' preserveAspectRatio='none' viewBox='0 0 1000 100'>
<path d='M738,99l262-93V0H0v5.6L738,99z'></path>
</svg>
</section>
<main aria-label='main content' class='maN bgDim' id='demo'>
<div class='max'>
<div class='maB'>
<div class='maD flex wrap section' id='demo-loop'>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nextjs<span>/</span>shadcn</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='MusicHub' class='i block relative colorDim fontMM fontH h-full'
href='https://musichubs.vercel.app/'>
<span class='lazy noscript'
data-style='background-image: url(https://i.postimg.cc/tJJRv7w7/Screenshot-2024-0125-143246.jpg)'></span>
<span
style='background-image: url(https://i.postimg.cc/tJJRv7w7/Screenshot-2024-0125-143246.jpg)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://musichubs.vercel.app/'>MusicHub</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nextjs<span>/</span>mongodb</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='ZenPay' class='i block relative colorDim fontMM fontH h-full'
href='https://zenpay.vercel.app/'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202024-01-20%20142852.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202024-01-20%20142852.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://zenpay.vercel.app/'>ZenPay</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nextjs<span>/</span>appwrite</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='Mysocials' class='i block relative colorDim fontMM fontH h-full'
href='https://mysocials-nine.vercel.app/'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202024-01-02%20235105.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202024-01-02%20235105.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://mysocials-nine.vercel.app/'>Mysocials</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nextjs<span>/</span>appwrite</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='CartJS' class='i block relative colorDim fontMM fontH h-full'
href='https://estorez.vercel.app/'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202024-01-01%20142513.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202024-01-01%20142513.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://estorez.vercel.app/'>E-Store</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nextjs<span>/</span>rapidapi</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='CartJS' class='i block relative colorDim fontMM fontH h-full'
href='https://car-showcase-two-kappa.vercel.app/'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-23%20221423.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-23%20221423.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://car-showcase-two-kappa.vercel.app/'>Car Showcase</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH' style="gap:5px">nextjs</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='CartJS' class='i block relative colorDim fontMM fontH'
href='https://nike-landing-page-smoky.vercel.app/'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-23%20144356.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-23%20144356.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://nike-landing-page-smoky.vercel.app/'>Nike's Website</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH' style="gap:5px">naxtjs</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='CartJS' class='i block relative colorDim fontMM fontH'
href='https://bytesstudio.vercel.app/'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-23%20144516.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-23%20144516.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://bytesstudio.vercel.app/'>Bytes Studio</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nextjs<span>/</span>rapidapi</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='CartJS' class='i block relative colorDim fontMM fontH'
href='https://fquotes.vercel.app'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-23%20144450.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-23%20144450.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://fquotes.vercel.app'>Fquotes</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nextjs<span>/</span>db<span>/</span>mongodb</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='CartJS' class='i block relative colorDim fontMM fontH'
href='https://srcimg.vercel.app'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-11%20133619.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-11%20133619.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://srcimg.vercel.app'>Srcimg</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nextjs<span>/</span>mongodb</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='CartJS' class='i block relative colorDim fontMM fontH'
href='https://sub4url.vercel.app'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-11%20134038.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-11%20134038.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://sub4url.vercel.app'>Sub4Url</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nextjs<span>/</span>uploadthings</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='CartJS' class='i block relative colorDim fontMM fontH'
href='https://sh2re.vercel.app'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-11%20134038.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-11%20133830.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://sh2re.vercel.app'>Sh2re</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'>module</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='CartJS' class='i block relative colorDim fontMM fontH'
href='https://github.com/r2hu1/cart.JS'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/cartjs.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/cartjs.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://github.com/r2hu1/cart.JS'>Cart.JS</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image2'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nextjs<span>/</span>canvajs</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='DrawIT' class='i block relative colorDim fontMM fontH'
href='https://draw-it-orcin.vercel.app/'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-05%20204746.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-05%20204746.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://draw-it-orcin.vercel.app/'>DrawIT</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image3'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nextjs<span>/</span>shadcn</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='E-Signature' class='i block relative colorDim fontMM fontH'
href='https://e-signature-chi.vercel.app/'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-05%20205033.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-05%20205033.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://e-signature-chi.vercel.app/'>E-Signature</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image3'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">html<span>/</span>css<span>/</span>js</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='BuyMeaTea Clone' class='i block relative colorDim fontMM fontH'
href='https://pay.rahul.eu.org'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-05%20205430.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-05%20205430.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://pay.rahul.eu.org'>BuyMeaTea Clone</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image3'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">html<span>/</span>css<span>/</span>js</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='Linktree Vanced' class='i block relative colorDim fontMM fontH'
href='https://profile.rahul.eu.org'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-05%20205518.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-05%20205518.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://profile.rahul.eu.org'>Linktree Vanced</a>
</h2>
</div>
</div>
</div>
<div class='widget Image' data-version='2' id='Image3'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'
style="gap:5px">nodejs<span>/</span>socket.io</span>
<div class='dg flex center cInherit noFilter'>
<a aria-label='E-Signature' class='i block relative colorDim fontMM fontH'
href='https://github.com/rahulblob/personal-chatroom'>
<span class='lazy noscript'
data-style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-05%20205736.png)'></span>
<span
style='background-image: url(https://raw.githubusercontent.com/r2hu1/s2lls/main/src/Screenshot%202023-12-05%20205736.png)'></span>
</a>
</div>
<div class='dt cInherit'>
<h2 class='t relative noMargin fontW-600'>
<a href='https://github.com/rahulblob/personal-chatroom'>Realtime Chat</a>
</h2>
</div>
</div>
</div>
<!-- <div class='widget Text' data-version='2' id='Text1'>
<div class='dp flex column'>
<span class='dh flex baseline fontDM fontH'>Projects</span>
<div class='dg flex center cInherit noFilter'>
<span class='i block relative colorDim fontM fontH'
data-text='And Counting..'></span>
</div>
<div class='dt cInherit'>
<h2 class="t relative noMargin fontW-600">
<a href='https://github.com/r2hu1'>Visit my github!</a>
</h2>
</div>
</div>
</div> -->
</div>
</div>
</div>
</main>
<section aria-label='main features' class='maM' id='skills'>
<div class='max'>
<div class='maB'>
<!--[ title ]-->
<div class='tt'>
<h2 class='noMargin fontW-600 fontA fontH'>My Skills</h2>
</div>
<!--[ content ]-->
<div class='section' id='feature-loop'>
<div class='widget LinkList' data-version='2' id='LinkList33'>
<div class='fp flex wrap'>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<path
d="M32.4991 47.3002C31.9991 47.3002 31.5991 47.2002 31.1991 47.0002L23.1991 43.8002C21.9991 43.3002 21.1991 42.3002 20.9991 41.1002L20.0991 36.1002C19.8991 34.9002 20.6991 33.7002 21.8991 33.5002C23.0991 33.3002 24.2991 34.1002 24.4991 35.3002L25.2991 39.8002L32.4991 42.7002L39.6991 39.7002L41.4991 30.8002H22.6991C20.9991 30.8002 19.4991 29.6002 19.1991 27.8002L17.7991 19.8002C17.5991 18.7002 17.8991 17.5002 18.5991 16.6002L18.6991 16.5002C19.4991 15.7002 20.4991 15.2002 21.6991 15.2002H44.8991C46.0991 15.2002 47.1991 16.2002 47.1991 17.5002C47.1991 18.8002 46.1991 19.8002 44.8991 19.8002H22.2991L23.4991 26.4002H42.6991C43.7991 26.4002 44.7991 26.9002 45.4991 27.7002C46.1991 28.5002 46.4991 29.6002 46.1991 30.7002L44.0991 41.0002C43.8991 42.2002 43.0991 43.2002 41.9991 43.6002L33.9991 46.9002C33.4991 47.2002 32.9991 47.3002 32.4991 47.3002Z" />
<path
d="M32 62.1998C31.4 62.1998 30.8 62.0998 30.2 61.9998L14.4 58.2998C11.3 57.5998 8.90002 54.8998 8.50002 51.6998L3.60002 10.3998C3.40002 8.1998 4.10002 5.9998 5.50002 4.2998C7.00002 2.6998 9.10002 1.7998 11.3 1.7998H52.7C54.9 1.7998 57 2.6998 58.5 4.3998C60 5.9998 60.7 8.2998 60.4 10.3998L55.5 51.6998C55.1 54.8998 52.7 57.5998 49.6 58.2998L33.8 61.9998C33.2 62.1998 32.6 62.1998 32 62.1998ZM11.3 6.2998C10.4 6.2998 9.50002 6.69981 8.90002 7.39981C8.30002 7.99981 8.00002 8.8998 8.10002 9.8998L13 51.1998C13.2 52.4998 14.1 53.5998 15.5 53.9998L31.3 57.6998C31.8 57.7998 32.3 57.7998 32.8 57.6998L48.5 53.9998C49.8 53.6998 50.8 52.5998 51 51.1998L55.9 9.8998C56 8.8998 55.7 7.9998 55.1 7.2998C54.5 6.5998 53.6 6.1998 52.7 6.1998H11.3V6.2998Z" />
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
HTML
</h3>
<p class='noMargin colorDim fontM'>Mastering the markup language that lays the
foundation of the web.</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<path
d="M48.4984 15.8C47.6984 14.9 46.5984 14.5 45.3984 14.5H16.6984C15.4984 14.5 14.3984 15.5 14.3984 16.8C14.3984 18.1 15.3984 19.1 16.6984 19.1H44.8984L43.7984 25.1H19.2984C18.0984 25.1 16.9984 26.1 16.9984 27.4C16.9984 28.7 17.9984 29.7 19.2984 29.7H43.0984L41.1984 40.4L32.5984 43.5L23.9984 40.2L22.8984 34.7C22.6984 33.5 21.4984 32.7 20.1984 32.9C18.9984 33.1 18.1984 34.3 18.3984 35.6L19.5984 41.6C19.7984 42.8 20.6984 43.8 21.8984 44.2L31.2984 47.6C31.6984 47.7 32.0984 47.8 32.4984 47.8C32.8984 47.8 33.2984 47.7 33.6984 47.6L43.0984 44.2C44.2984 43.8 45.1984 42.7 45.3984 41.5L49.3984 19.2C49.5984 18 49.2984 16.9 48.4984 15.9V15.8Z" />
<path
d="M58.4994 4.3002C56.9994 2.7002 54.8994 1.7002 52.6994 1.7002H11.2994C9.09944 1.8002 6.99944 2.7002 5.49944 4.3002C3.99944 5.9002 3.29944 8.2002 3.59944 10.3002L8.49944 51.6002C8.89944 54.8002 11.2994 57.5002 14.3994 58.2002L30.1994 62.0002C30.7994 62.1002 31.3994 62.2002 31.9994 62.2002C32.5994 62.2002 33.1994 62.1002 33.7994 62.0002L49.5994 58.3002C52.6994 57.6002 55.0994 54.9002 55.4994 51.7002L60.3994 10.4002C60.5994 8.2002 59.8994 6.0002 58.4994 4.3002ZM55.8994 9.9002L50.9994 51.2002C50.7994 52.5002 49.8994 53.6002 48.4994 54.0002L32.6994 57.7002C32.1994 57.8002 31.6994 57.8002 31.1994 57.7002L15.4994 54.0002C14.1994 53.7002 13.1994 52.6002 12.9994 51.2002L8.09944 9.9002C7.99944 8.9002 8.29944 8.0002 8.89944 7.3002C9.49944 6.6002 10.3994 6.2002 11.2994 6.2002H52.6994C53.5994 6.2002 54.4994 6.6002 55.0994 7.3002C55.6994 8.0002 55.9994 8.9002 55.8994 9.9002Z" />
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
CSS
</h3>
<p class='noMargin colorDim fontM'>Crafting beautiful and responsive designs with
Cascading Style Sheets.</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_412_9)">
<path
d="M31.9742 64C31.1484 64 30.2194 63.8968 29.4968 63.2774L21.6516 58.6323C20.5162 57.9097 21.0323 57.8064 21.5484 57.6C23.0968 57.1871 23.4065 56.8774 25.0581 56.0516C25.1613 55.9484 25.471 55.9484 25.6774 56.1548L31.6645 59.7677C31.7678 59.871 32.0774 59.871 32.3871 59.7677L55.8194 46.2452C55.9226 46.1419 56.2323 45.8323 56.2323 45.6258V18.4774C56.2323 18.1677 56.1291 18.0645 55.8194 17.8581L32.2839 4.54194C32.1807 4.43871 31.871 4.43871 31.5613 4.54194L8.23226 18.0645C8.12903 18.1677 7.81936 18.4774 7.81936 18.6839V45.6258C7.81936 45.9355 7.92258 46.0387 8.23226 46.2452L14.6323 49.8581C18.142 51.6129 20.3097 49.5484 20.3097 47.3806V20.9548C20.3097 20.5419 20.6194 20.2323 21.0323 20.2323H24.0258C24.4387 20.2323 24.7484 20.5419 24.7484 20.9548V47.5871C24.7484 52.2323 22.271 54.8129 17.9355 54.8129C16.4903 54.8129 15.6645 54.8129 12.5678 53.3677L6.47742 49.9613C5.03226 49.1355 4 47.4839 4 45.6258V18.4774C4 16.7226 4.82581 15.1742 6.47742 14.1419L29.7032 0.619355C31.1484 -0.206452 33.2129 -0.206452 34.6581 0.619355L58.0903 14.2452C59.5355 15.071 60.5678 16.7226 60.5678 18.5806V45.5226C60.5678 47.2774 59.742 48.8258 58.0903 49.8581L34.7613 63.2774C33.7291 63.8968 32.9033 64 31.9742 64ZM50.8645 37.3677C50.8645 32.3097 47.5613 30.9677 40.2323 29.9355C32.9033 28.9032 32.2839 28.4903 32.2839 26.7355C32.2839 25.2903 32.9032 23.4323 38.271 23.4323C43.0194 23.4323 44.7742 24.4645 45.4968 27.7677C45.6 28.0774 45.8065 28.1806 46.2194 28.1806H49.2129C49.3162 28.1806 49.6258 28.0774 49.6258 28.0774C49.6258 28.0774 49.7291 27.7677 49.7291 27.6645C49.3162 21.9871 45.4968 19.5097 38.1678 19.5097C31.4581 19.5097 27.4323 22.2968 27.4323 27.0452C27.4323 32.1032 31.4581 33.5484 37.7549 34.1677C45.3936 34.8903 46.0129 36.0258 46.0129 37.471C46.0129 40.0516 43.9484 41.0839 39.0968 41.0839C32.9032 41.0839 31.5613 39.5355 31.1484 36.4387C31.0452 36.129 30.8387 35.8194 30.4258 35.8194H27.6387C27.2258 35.8194 26.9162 36.129 26.9162 36.5419C26.9162 40.4645 28.9807 45.2129 39.2 45.2129C46.6323 45.4194 50.8645 42.529 50.8645 37.3677Z" />
</g>
<defs>
<clipPath id="clip0_412_9">
<rect width="64" height="64" fill="white" />
</clipPath>
</defs>
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
Javascript
</h3>
<p class='noMargin colorDim fontM'>Breathing life into static web pages with dynamic
and interactive elements using JavaScript.</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_412_15)">
<path
d="M29.9042 0.0172226C29.7666 0.029733 29.3286 0.0735193 28.9345 0.104795C19.8444 0.924225 11.3298 5.82829 5.93705 13.3658C2.93412 17.5568 1.01349 22.3107 0.287781 27.3461C0.0312805 29.1039 0 29.623 0 32.0063C0 34.3895 0.0312805 34.9087 0.287781 36.6664C2.02698 48.6826 10.5791 58.7785 22.1779 62.5191C24.2549 63.1884 26.4446 63.645 28.9345 63.9202C29.9042 64.0266 34.0958 64.0266 35.0655 63.9202C39.3634 63.4449 43.0045 62.3815 46.5955 60.5487C47.146 60.2672 47.2524 60.1922 47.1773 60.1296C47.1273 60.0921 44.7812 56.9457 41.966 53.1426L36.8485 46.2306L30.436 36.7414C26.9075 31.5246 24.0047 27.2586 23.9797 27.2586C23.9546 27.2523 23.9296 31.4683 23.9171 36.6163C23.8983 45.6301 23.8921 45.9929 23.7795 46.2055C23.6168 46.5121 23.4917 46.6372 23.2289 46.7748C23.0287 46.8749 22.8536 46.8936 21.9089 46.8936H20.8266L20.5388 46.7122C20.3511 46.5934 20.2135 46.437 20.1196 46.2556L19.9883 45.9741L20.0008 33.4324L20.0196 20.8845L20.2135 20.6406C20.3136 20.5092 20.5263 20.3403 20.6764 20.259C20.9329 20.1339 21.033 20.1214 22.1153 20.1214C23.3916 20.1214 23.6043 20.1714 23.9359 20.5342C24.0297 20.6343 27.5019 25.8637 31.6559 32.1626C35.81 38.4616 41.4905 47.0625 44.2807 51.2848L49.3482 58.9599L49.6047 58.791C51.8757 57.3148 54.278 55.213 56.1799 53.0237C60.2276 48.3761 62.8364 42.7089 63.7122 36.6664C63.9687 34.9087 64 34.3895 64 32.0063C64 29.623 63.9687 29.1039 63.7122 27.3461C61.973 15.3299 53.4209 5.23405 41.8221 1.49345C39.7763 0.830397 37.5992 0.373768 35.1593 0.0985401C34.5587 0.0359882 30.4235 -0.0328189 29.9042 0.0172226ZM43.0045 19.3708C43.3048 19.5209 43.5488 19.8086 43.6364 20.1089C43.6864 20.2715 43.6989 23.7494 43.6864 31.5872L43.6676 42.834L41.6845 39.794L39.695 36.754V28.5784C39.695 23.2928 39.72 20.3216 39.7576 20.1777C39.8577 19.8274 40.0766 19.5522 40.3769 19.3895C40.6334 19.2582 40.7273 19.2457 41.7095 19.2457C42.6354 19.2457 42.798 19.2582 43.0045 19.3708Z" />
</g>
<defs>
<clipPath id="clip0_412_15">
<rect width="64" height="64" fill="white" />
</clipPath>
</defs>
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
NextJS
</h3>
<p class='noMargin colorDim fontM'>Next.js has empowered me to build
high-performance, scalable applications.</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M13.3649 24.4573C13.5946 24.5896 13.7348 24.8341 13.7348 25.1003L13.723 34.5953C13.723 34.7269 13.6519 34.85 13.5395 34.9151C13.4258 34.983 13.2835 34.983 13.1692 34.9151L9.52861 32.8303C9.29975 32.6943 9.15752 32.4513 9.15752 32.1879V27.7517C9.15752 27.487 9.01661 27.2425 8.78709 27.1108L7.23694 26.2179C7.12497 26.1513 6.99563 26.1185 6.86889 26.1185C6.74013 26.1185 6.61368 26.1515 6.49853 26.218L4.94761 27.1113C4.71829 27.2429 4.57796 27.4874 4.57796 27.7521V32.1887C4.57796 32.4523 4.43763 32.6942 4.20759 32.831L0.564668 34.9173C0.451818 34.9867 0.310036 34.9867 0.197197 34.9173C0.0814565 34.8522 0.0134511 34.7291 0.0134511 34.5975L0 25.101C0 24.8349 0.142356 24.5903 0.370659 24.4573L6.49824 20.9315C6.60341 20.8707 6.71929 20.8389 6.83678 20.8345H6.90014C7.01762 20.8389 7.13351 20.8707 7.23694 20.9315L13.3649 24.4573ZM42.5582 30.2048C42.6157 30.172 42.6508 30.1109 42.6508 30.0447L42.6502 27.6148C42.6502 27.5485 42.6154 27.4874 42.5576 27.4542L40.4525 26.2389C40.3946 26.2057 40.3238 26.2057 40.2659 26.2389L38.1623 27.4542C38.1058 27.4874 38.0712 27.5485 38.0712 27.6148V30.0447C38.0712 30.1107 38.1059 30.1719 38.1638 30.2048L40.2688 31.418C40.3257 31.4508 40.3964 31.4508 40.4535 31.418L42.5582 30.2048ZM42.8514 12.0507C42.9647 11.9846 43.1046 11.9829 43.2194 12.0469L46.866 14.0823C47.1004 14.2135 47.2465 14.4605 47.2465 14.7289V32.3678C47.2465 32.6325 47.1047 32.8756 46.8761 33.0086L40.7462 36.5504C40.5166 36.682 40.2348 36.682 40.0058 36.5504L33.876 33.0101C33.647 32.877 33.5057 32.634 33.5057 32.3692V25.2917C33.5057 25.0284 33.647 24.7839 33.876 24.6522L40.0058 21.1145C40.2354 20.9823 40.5169 20.9823 40.7455 21.1145L42.2805 21.9987C42.3608 22.0449 42.4599 22.0449 42.5395 21.9987C42.6196 21.9523 42.6688 21.8669 42.6688 21.7743V12.3704C42.6688 12.2388 42.7385 12.1173 42.8514 12.0507ZM64 26.9111C64 27.1744 63.8599 27.4186 63.6321 27.5508L59.9553 29.6864C59.841 29.7529 59.6992 29.7529 59.585 29.6878C59.4707 29.6213 59.3997 29.4982 59.3997 29.3666V27.6218C59.3997 27.4902 59.3289 27.3673 59.2146 27.3022L57.2948 26.1953C57.1805 26.1288 57.0401 26.1288 56.9258 26.1953L55.0074 27.3022C54.8917 27.368 54.8223 27.4902 54.8223 27.6227V29.8421C54.8223 29.9737 54.8931 30.0966 55.0089 30.1617L61.175 33.7005C61.2907 33.7656 61.3615 33.8901 61.3615 34.0232C61.3615 34.1562 61.2877 34.2793 61.1721 34.3444L57.4886 36.3915C57.2615 36.5174 56.9866 36.516 56.7624 36.3872L50.673 32.9164C50.4429 32.7848 50.2997 32.5388 50.2997 32.2725V25.198C50.2997 24.9332 50.4401 24.6902 50.67 24.557L56.7985 21.0197C57.0285 20.8866 57.3107 20.8866 57.5406 21.0197L63.6316 24.5556C63.8596 24.6884 64 24.9318 64 25.1958V26.9111ZM31.6329 51.1967C31.4217 51.1967 31.2118 51.1413 31.0266 51.0346L29.0972 49.8923C28.8089 49.7311 28.9495 49.674 29.0446 49.6413C29.4289 49.5067 29.5069 49.4763 29.917 49.2434C29.9602 49.2187 30.0166 49.2275 30.0607 49.2535L31.5431 50.1332C31.5966 50.1621 31.6725 50.1621 31.7222 50.1332L37.5019 46.7969C37.5554 46.7665 37.5902 46.7043 37.5902 46.6406V39.9712C37.5902 39.9045 37.5554 39.8453 37.5008 39.812L31.7233 36.4787C31.6697 36.4469 31.5989 36.4469 31.5454 36.4787L25.769 39.812C25.713 39.8438 25.6775 39.9061 25.6775 39.9696V46.6392C25.6775 46.7029 25.7122 46.7637 25.7672 46.794L27.3498 47.7083C28.2092 48.138 28.7345 47.6317 28.7345 47.1224V40.5397C28.7345 40.4457 28.8083 40.3733 28.9023 40.3733H29.6343C29.7255 40.3733 29.8007 40.4457 29.8007 40.5397V47.1253C29.8007 48.2712 29.1757 48.9294 28.0892 48.9294C27.755 48.9294 27.4916 48.9294 26.7567 48.5677L25.2405 47.6939C24.8658 47.477 24.6344 47.0718 24.6344 46.6392V39.9696C24.6344 39.5357 24.8658 39.1306 25.2405 38.9164L31.0261 35.5788C31.3921 35.3719 31.8782 35.3719 32.2413 35.5788L38.0196 38.9179C38.3929 39.1334 38.6259 39.5371 38.6259 39.9712V46.6406C38.6259 47.0732 38.3929 47.477 38.0196 47.6939L32.2413 51.0316C32.0562 51.1386 31.8464 51.1936 31.6323 51.1936L31.6329 51.1967ZM33.4181 46.6008C30.8892 46.6008 30.359 45.44 30.359 44.4663C30.359 44.3737 30.4337 44.2999 30.5263 44.2999H31.2728C31.3554 44.2999 31.4248 44.3599 31.4378 44.4414C31.5507 45.2021 31.8863 45.5857 33.4155 45.5857C34.6337 45.5857 35.1517 45.3105 35.1517 44.6646C35.1517 44.2928 35.004 44.0164 33.1117 43.8313C31.5289 43.675 30.551 43.3263 30.551 42.0605C30.551 40.8944 31.5348 40.1999 33.1826 40.1999C35.0329 40.1999 35.9502 40.8424 36.066 42.2225C36.0703 42.2702 36.053 42.3166 36.0211 42.3513C35.9893 42.3845 35.9445 42.4048 35.8982 42.4048H35.1473C35.0691 42.4048 35.0012 42.3498 34.9853 42.2746C34.8044 41.4745 34.3674 41.2185 33.1797 41.2185C31.8502 41.2185 31.6953 41.6814 31.6953 42.0287C31.6953 42.4496 31.8776 42.5727 33.6716 42.8099C35.4482 43.0457 36.2916 43.3784 36.2916 44.627C36.2916 45.8857 35.2413 46.6077 33.4098 46.6077L33.4181 46.6008ZM40.4497 39.5344H40.6435C40.8026 39.5344 40.833 39.4231 40.833 39.358C40.833 39.1872 40.7158 39.1873 40.6507 39.1873H40.4511L40.4497 39.5344ZM40.2139 38.9876H40.6435C40.7911 38.9876 41.0804 38.9876 41.0804 39.3175C41.0804 39.5468 40.9336 39.5949 40.8454 39.6239C41.0129 39.6351 41.0276 39.7425 41.0496 39.8949L41.0515 39.9077L41.0528 39.9191C41.0645 40.0202 41.0831 40.1819 41.1166 40.2376H40.8519L40.8469 40.1981C40.8338 40.0943 40.8041 39.859 40.8041 39.8441C40.7868 39.7732 40.7622 39.7385 40.6739 39.7385H40.4554V40.239H40.2139V38.9876ZM39.6973 39.6097C39.6973 40.1277 40.1154 40.5472 40.6291 40.5472C41.1469 40.5472 41.5651 40.1189 41.5651 39.6097C41.5651 39.0903 41.1412 38.6779 40.6275 38.6779C40.1213 38.6779 39.6959 39.0846 39.6959 39.6083L39.6973 39.6097ZM41.7444 39.6126C41.7444 40.226 41.2425 40.7266 40.6305 40.7266C40.0228 40.7266 39.5165 40.2318 39.5165 39.6126C39.5165 38.9818 40.0344 38.4986 40.6305 38.4986C41.2309 38.4986 41.743 38.9833 41.743 39.6126H41.7444ZM57.0799 27.2195C57.1234 27.1939 57.1778 27.1939 57.2217 27.2195L58.398 27.898C58.4419 27.9235 58.4689 27.9704 58.4689 28.0211V29.3795C58.4689 29.4302 58.4419 29.4771 58.398 29.5025L57.2217 30.1811C57.1778 30.2067 57.1234 30.2067 57.0799 30.1811L55.9046 29.5025C55.8596 29.4771 55.8322 29.4302 55.8322 29.3795V28.0211C55.8322 27.9704 55.8582 27.9235 55.9031 27.898L57.0799 27.2195ZM24.1441 21.2171C23.9089 21.08 23.6178 21.08 23.3856 21.2171L17.0893 24.8493C16.8493 24.9857 16.71 25.2366 16.71 25.5076V32.7799C16.71 33.0509 16.857 33.3018 17.097 33.4382L23.3856 37.0704C23.6178 37.2075 23.9089 37.2075 24.1441 37.0704L30.4366 33.4382C30.6719 33.3018 30.8159 33.0509 30.8159 32.7799V25.5076C30.8159 25.2366 30.6719 24.9857 30.4366 24.8493L24.1441 21.2171Z" />
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
NodeJS
</h3>
<p class='noMargin colorDim fontM'>Node.js has revolutionized my approach to
building scalable applications.</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<path
d="M61.7 23.9996C60.6 19.7996 58.6 16.4996 54.4 16.4996H48.8V23.0996C48.8 28.1996 44.4 32.4996 39.7 32.4996H24.8C20.7 32.4996 17.5 35.9996 17.5 40.0996V54.1996C17.5 58.0996 21 60.4996 24.8 61.7996C29.4 63.1996 33.9 63.4996 39.6 61.7996C43.3 60.6996 46.9 58.5996 46.9 54.1996V48.5996H32.2V46.7996H54.4C58.6 46.7996 60.3 43.7996 61.7 39.2996C63.2 34.3996 63.2 29.8996 61.7 23.9996ZM40.5 51.9996C42 51.9996 43.3 53.2996 43.3 54.7996C43.3 56.2996 42 57.5996 40.5 57.5996C39 57.6996 37.7 56.2996 37.7 54.7996C37.6 53.2996 38.9 51.9996 40.5 51.9996ZM24.1 30.5996H38.9C43 30.5996 46.2 27.1996 46.2 22.9996V9.09961C46.2 5.19961 42.8 2.19961 38.9 1.49961C34 0.799609 28.6 0.799609 24.1 1.49961C17.8 2.59961 16.8 4.89961 16.8 9.09961V14.6996H31.6V16.4996H11.4C7.2 16.4996 3.4 19.1996 2.3 23.9996C0.9 29.5996 0.9 33.0996 2.3 38.8996C3.4 43.2996 5.8 46.3996 10.2 46.3996H15V39.6996C14.9 34.7996 19.2 30.5996 24.1 30.5996ZM23.2 10.8996C21.7 10.8996 20.4 9.59961 20.4 8.09961C20.4 6.59961 21.7 5.29961 23.2 5.29961C24.7 5.29961 26 6.59961 26 8.09961C26 9.59961 24.7 10.8996 23.2 10.8996Z" />
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
Python
</h3>
<p class='noMargin colorDim fontM'> It’s not just a skill, it’s a key to efficient
and effective coding.</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_412_99)">
<path
d="M37.5689 7.13889C34.8766 3.96174 32.5568 0.712429 32.0858 0.0456474C32.076 0.0315614 32.063 0.0200504 32.0478 0.0121008C32.0326 0.0041513 32.0157 -1.4679e-06 31.9986 3.8922e-10C31.9815 1.46867e-06 31.9646 0.0041563 31.9494 0.0121084C31.9342 0.0200606 31.9212 0.031573 31.9114 0.0456607C31.4405 0.712457 29.1213 3.96175 26.429 7.13889C3.35316 36.5365 30.0712 56.3707 30.0712 56.3707L30.2877 56.5212C30.4903 59.5899 30.9935 64 30.9935 64H33.0043C33.0043 64 33.5054 59.6088 33.7088 56.5411L33.9268 56.3707C33.9268 56.3707 60.6445 36.5366 37.5689 7.13889ZM31.999 55.9396C31.999 55.9396 30.8011 54.918 30.4778 54.4061L30.4748 54.351L31.9236 22.3454C31.9245 22.326 31.9328 22.3077 31.9468 22.2943C31.9609 22.2809 31.9795 22.2734 31.9989 22.2734C32.0183 22.2734 32.037 22.2809 32.051 22.2943C32.065 22.3077 32.0733 22.326 32.0742 22.3454L33.523 54.3509L33.5202 54.4059C33.1971 54.9177 31.999 55.9396 31.999 55.9396Z" />
</g>
<defs>
<clipPath id="clip0_412_99">
<rect width="64" height="64" fill="white" />
</clipPath>
</defs>
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
MongoDB
</h3>
<p class='noMargin colorDim fontM'>Leveraging the flexibility of this NoSQL database
to store data in a format that’s easy to read and write.</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M17.5857 26C19.5546 18.0003 24.4783 14 32.3549 14C44.1703 14 45.6472 23 51.5549 24.5C55.4936 25.5003 58.9395 24.0003 61.8934 20C59.9244 27.9997 55.0007 32 47.1241 32C35.3087 32 33.8318 23 27.9241 21.5C23.9854 20.4997 20.5395 21.9997 17.5857 26ZM2.81641 44C4.78532 36.0003 9.70902 32 17.5857 32C29.401 32 30.878 41 36.7857 42.5C40.7244 43.5003 44.1703 42.0003 47.1241 38C45.1552 45.9997 40.2315 50 32.3549 50C20.5395 50 19.0626 41 13.1549 39.5C9.21609 38.4997 5.77025 39.9997 2.81641 44Z" />
</svg>
</span>
<h3 class='t noMargin fontH fontW-60'>Tailwindcss
</h3>
<p class=' noMargin colorDim fontM'>Utilizing this utility-first CSS framework for
rapid UI development.
</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M62.9992 32.4237C62.9992 28.0826 60.8636 24.6572 56.7819 24.6572C52.6831 24.6572 50.2031 28.0826 50.2031 32.3898C50.2031 37.4939 53.1308 40.0714 57.3331 40.0714C59.3825 40.0714 60.9325 39.6135 62.1036 38.9692V35.5777C60.9325 36.1543 59.5892 36.5104 57.8842 36.5104C56.2136 36.5104 54.7325 35.9338 54.5431 33.9329H62.9647C62.9647 33.7124 62.9992 32.8306 62.9992 32.4237ZM54.4914 30.8127C54.4914 28.8966 55.6797 28.0995 56.7647 28.0995C57.8153 28.0995 58.9347 28.8966 58.9347 30.8127H54.4914Z" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M43.5564 24.6572C41.8686 24.6572 40.7836 25.4372 40.1808 25.98L39.9569 24.9286H36.168V44.7007L40.4736 43.802L40.4908 39.0031C41.1108 39.444 42.0236 40.0714 43.5392 40.0714C46.6219 40.0714 49.4292 37.6295 49.4292 32.2541C49.4119 27.3365 46.5703 24.6572 43.5564 24.6572ZM42.523 36.3408C41.5069 36.3408 40.9042 35.9847 40.4908 35.5438L40.4736 29.2526C40.9214 28.7609 41.5414 28.4218 42.523 28.4218C44.0903 28.4218 45.1753 30.1514 45.1753 32.3728C45.1753 34.6451 44.1075 36.3408 42.523 36.3408Z" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M30.2422 23.6568L34.565 22.7411V19.2988L30.2422 20.1976V23.6568Z" />
<path d="M34.565 24.9463H30.2422V39.7839H34.565V24.9463Z" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M25.6088 26.2006L25.3333 24.9457H21.6133V39.7834H25.9188V29.7277C26.935 28.422 28.6572 28.6594 29.1911 28.8459V24.9457C28.64 24.7423 26.625 24.3693 25.6088 26.2006Z" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M17.0008 21.2666L12.7986 22.1483L12.7812 35.7311C12.7812 38.2408 14.693 40.0892 17.2419 40.0892C18.6541 40.0892 19.6873 39.8348 20.2557 39.5295V36.0872C19.7046 36.3077 16.9836 37.0877 16.9836 34.578V28.5582H20.2557V24.9463H16.9836L17.0008 21.2666Z" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.35722 29.2526C5.35722 28.5914 5.90833 28.3369 6.82111 28.3369C8.13 28.3369 9.78333 28.727 11.0922 29.4223V25.4372C9.66278 24.8777 8.25056 24.6572 6.82111 24.6572C3.325 24.6572 1 26.4547 1 29.4561C1 34.1363 7.54444 33.3903 7.54444 35.4081C7.54444 36.1882 6.85556 36.4426 5.89111 36.4426C4.46167 36.4426 2.63611 35.866 1.18944 35.086V39.1218C2.79111 39.8001 4.41 40.0883 5.89111 40.0883C9.47333 40.0883 11.9361 38.3418 11.9361 35.3064C11.9189 30.2532 5.35722 31.1518 5.35722 29.2526Z" />
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
Stripe Payments API
</h3>
<p class='noMargin colorDim fontM'>Mastering the art of online payments with Stripe,
a leading online payment processing platform.
</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<path
d="M51.6 22.5996C50.9 22.4996 50.3 22.1996 49.6 21.9996C49.7 21.5996 49.7 21.1996 49.9 20.5996C51.3 13.3996 50.3 7.69964 47.1 5.69964C43.9 3.89964 38.7 5.79964 33.5 10.2996C33.1 10.6996 32.4 11.0996 32 11.6996C31.7 11.3996 31.3 11.0996 31 10.6996C25.5 5.79964 20.1 3.79964 16.7 5.69964C13.5 7.49964 12.5 12.9996 13.9 19.6996C14 20.3996 14.2 21.0996 14.3 21.6996C13.6 21.7996 12.8 22.0996 12.1 22.3996C5.6 24.6996 1 28.3996 1 31.8996C1 35.6996 5.9 39.4996 12.6 41.6996C13.2 41.7996 13.7 42.0996 14.3 42.0996C14.2 42.7996 13.9 43.4996 13.9 44.2996C12.6 50.8996 13.6 56.1996 16.8 57.9996C20 59.9996 25.6 57.9996 30.8 53.1996C31.2 52.7996 31.6 52.4996 32.1 52.0996C32.5 52.4996 33.2 53.0996 33.8 53.4996C38.8 57.9996 44 59.7996 47.3 57.9996C50.5 55.9996 51.6 50.3996 50.2 43.3996C50.1 42.9996 50.1 42.2996 49.8 41.6996C50.2 41.5996 50.5 41.5996 50.9 41.2996C57.9 39.1996 63 35.3996 63 31.5996C62.9 28.4996 58.1 24.8996 51.6 22.5996ZM35.2 12.3996C39.7 8.49964 43.9 7.09964 45.9 8.09964C47.9 9.19964 48.7 13.9996 47.4 20.2996C47.3 20.6996 47.3 20.9996 47.1 21.5996C44.4 20.9996 41.8 20.4996 39 20.2996C37.5 18.0996 35.8 15.7996 34 13.9996C34.4 13.1996 34.8 12.7996 35.2 12.3996ZM21.3 38.2996C21.9 39.3996 22.6 40.3996 23.3 41.3996C21.3 41.2996 19.5 40.9996 17.7 40.5996C18.1 38.8996 18.8 37.0996 19.7 35.2996C20.1 36.1996 20.8 37.3996 21.3 38.2996ZM17.7 23.8996C19.4 23.4996 21.2 23.1996 23.2 22.8996C22.5 23.8996 21.9 24.8996 21.4 25.9996C20.9 27.0996 20.3 27.9996 19.7 29.1996C18.8 27.2996 18.3 25.5996 17.7 23.8996ZM20.9 32.1996C21.6 30.4996 22.6 28.9996 23.6 27.2996C24.6 25.5996 25.6 24.0996 26.5 22.4996C28.3 22.3996 30.1 22.3996 32 22.3996C33.8 22.3996 35.8 22.4996 37.5 22.4996C38.6 23.9996 39.5 25.5996 40.4 27.0996C41.4 28.5996 42.2 30.2996 43.1 31.9996C42.4 33.6996 41.4 35.1996 40.4 36.8996C39.4 38.5996 38.4 40.0996 37.5 41.6996C35.7 41.7996 33.9 41.7996 31.9 41.7996C29.9 41.7996 28.1 41.6996 26.4 41.6996C25.3 40.1996 24.4 38.5996 23.5 36.8996C22.6 35.1996 21.8 33.8996 20.9 32.1996ZM42.7 38.2996C43.3 37.1996 43.8 36.1996 44.4 35.0996C45.1 36.7996 45.8 38.5996 46.4 40.3996C44.6 40.7996 42.6 41.0996 40.6 41.3996C41.4 40.3996 42.1 39.2996 42.7 38.2996ZM44.5 29.0996C43.9 27.9996 43.4 26.9996 42.8 25.8996C42.2 24.7996 41.5 23.8996 41 22.9996C43 23.2996 44.8 23.5996 46.5 23.9996C45.9 25.6996 45.2 27.3996 44.5 29.0996ZM32 15.5996C33.3 16.9996 34.4 18.3996 35.5 19.8996C33.1 19.7996 30.7 19.7996 28.3 19.8996C29.6 18.2996 30.9 16.8996 32 15.5996ZM18 8.19964C20 7.09964 24.6 8.59964 29.2 12.9996C29.5 13.2996 29.8 13.5996 30.2 13.7996C28.4 15.7996 26.7 17.9996 25 20.0996C22.3 20.3996 19.5 20.7996 16.9 21.3996C16.8 20.7996 16.6 20.0996 16.5 19.5996C15.4 13.6996 16.1 9.29964 18 8.19964ZM15.2 39.9996C14.8 39.8996 14.2 39.6996 13.7 39.5996C11 38.8996 8.2 37.4996 6 35.7996C4.6 34.7996 3.9 33.5996 3.6 32.1996C3.6 29.9996 7.5 27.1996 13 25.1996C13.7 24.8996 14.4 24.7996 15.1 24.4996C15.9 27.1996 16.9 29.6996 18 32.1996C17 34.6996 15.9 37.1996 15.2 39.9996ZM29.1 51.6996C27.1 53.4996 24.8 54.8996 22.2 55.8996C20.8 56.5996 19.3 56.5996 18 55.9996C16 54.8996 15.3 50.6996 16.3 44.8996C16.4 44.1996 16.6 43.4996 16.7 42.8996C19.4 43.4996 22.2 43.8996 24.8 43.9996C26.3 46.1996 28.2 48.4996 30 50.4996C29.9 51.0996 29.5 51.3996 29.1 51.6996ZM32.1 48.8996C30.8 47.4996 29.7 46.0996 28.5 44.5996C29.6 44.5996 30.7 44.6996 32 44.6996C33.3 44.6996 34.5 44.6996 35.6 44.5996C34.5 45.8996 33.4 47.2996 32.1 48.8996ZM47.9 52.3996C47.8 53.7996 47.1 55.2996 45.9 56.1996C43.9 57.2996 39.9 55.8996 35.5 51.9996C35.1 51.5996 34.5 51.1996 34 50.5996C35.8 48.5996 37.5 46.3996 39 44.0996C41.8 43.9996 44.5 43.3996 47.1 42.7996C47.2 43.1996 47.2 43.7996 47.4 44.1996C48.1 46.9996 48.1 49.7996 47.9 52.3996ZM50.1 39.4996C49.8 39.5996 49.4 39.5996 49 39.7996C48.2 37.0996 47 34.5996 45.9 32.0996C47 29.6996 48 27.0996 48.8 24.4996C49.5 24.5996 50.1 24.8996 50.6 25.0996C56.2 27.0996 60.1 29.8996 60.1 32.0996C60.2 34.3996 56.1 37.4996 50.1 39.4996ZM32 37.5996C35.1 37.5996 37.5 35.0996 37.5 32.0996C37.5 29.0996 35 26.5996 32 26.5996C29.1 26.5996 26.5 29.0996 26.5 32.0996C26.5 35.0996 28.9 37.5996 32 37.5996Z" />
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
ReactJS
</h3>
<p class='noMargin colorDim fontM'>Building interactive UIs with React, a JavaScript
library for building user interfaces.</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg fill="#1C2033" width="52" height="52" version="1.1" id="lni_lni-pagination"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;"
xml:space="preserve">
<g>
<path d="M61.4,30L51,19.5c-0.9-0.9-2.3-0.9-3.2,0c-0.9,0.9-0.9,2.3,0,3.2l9.3,9.3l-9.3,9.3c-0.9,0.9-0.9,2.3,0,3.2
c0.4,0.4,1,0.7,1.6,0.7c0.6,0,1.2-0.2,1.6-0.7L61.4,34C62.5,32.9,62.5,31.1,61.4,30z" />
<path d="M16.2,19.5c-0.9-0.9-2.3-0.9-3.2,0L2.6,30c-1.1,1.1-1.1,2.9,0,4.1L13,44.5c0.4,0.4,1,0.7,1.6,0.7c0.6,0,1.1-0.2,1.6-0.7
c0.9-0.9,0.9-2.3,0-3.2L6.9,32l9.3-9.3C17.1,21.8,17.1,20.3,16.2,19.5z" />
<path
d="M21.9,29.3c-1.5,0-2.7,1.2-2.7,2.7s1.2,2.7,2.7,2.7s2.7-1.2,2.7-2.7S23.4,29.3,21.9,29.3z" />
<circle cx="32.3" cy="32" r="2.7" />
<path
d="M42.9,29.3c-1.5,0-2.7,1.2-2.7,2.7s1.2,2.7,2.7,2.7c1.5,0,2.7-1.2,2.7-2.7S44.4,29.3,42.9,29.3z" />
</g>
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
Mongoose
</h3>
<p class='noMargin colorDim fontM'>Managing MongoDB database schemas with Mongoose,
an Object Data Modeling (ODM) library for MongoDB and Node.js.</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<path
d="M34.9986 29.9002H28.6987V24.1002H34.9986V29.9002ZM34.9986 10.2002H28.6987V16.1002H34.9986V10.2002ZM42.5986 24.3002H36.2986V30.0002H42.5986V24.3002ZM27.4986 17.2002H21.1987V23.0002H27.4986V17.2002ZM34.9986 17.2002H28.6987V23.0002H34.9986V17.2002ZM61.8987 26.9002C60.4987 25.9002 57.2987 25.6002 54.8987 26.1002C54.5987 23.7002 53.1986 21.7002 50.9986 19.9002L49.5986 19.1002L48.7986 20.5002C47.0986 23.2002 46.4987 27.7002 48.3987 30.6002C47.5987 31.0002 45.8986 31.7002 43.7986 31.7002H1.19865C0.398651 36.6002 1.79865 43.1002 5.39865 47.5002C8.89865 51.7002 14.3986 53.8002 21.3986 53.8002C36.5986 53.8002 47.9987 46.8002 53.1987 34.0002C55.1987 34.0002 59.7986 34.0002 62.0986 29.6002C62.1986 29.5002 62.7987 28.3002 62.8987 27.9002L61.8987 26.9002ZM12.3987 24.3002H5.99865V30.0002H12.2987V24.3002H12.3987ZM19.8986 24.3002H13.5987V30.0002H19.8986V24.3002ZM27.4986 24.3002H21.1987V30.0002H27.4986V24.3002ZM19.8986 17.2002H13.5987V23.0002H19.8986V17.2002Z" />
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
Docker
</h3>
<p class='noMargin colorDim fontM'>Streamlining app development and deployment with
Docker.</p>
</div>
<div class='b flex column relative' data-text='v2.0'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg fill="#1C2033" width="52" height="52" viewBox="0 0 64 64"
xmlns="http://www.w3.org/2000/svg">
<path
d="M42.3992 21.5C48.1992 21.5 52.7992 16.9 52.7992 11.1C52.7992 5.3 47.9992 1 42.3992 1H21.5992C15.7992 1 11.1992 5.6 11.1992 11.4C11.1992 17.2 15.7992 21.8 21.5992 21.8C15.7992 21.8 11.1992 26.4 11.1992 32.2C11.1992 38 15.7992 42.6 21.5992 42.6C15.7992 42.6 11.1992 47.2 11.1992 53C11.1992 58.8 15.8992 63 21.5992 63C27.2992 63 31.9992 58.4 31.9992 52.6V21.8H42.3992V21.5ZM42.3992 21.5C36.5992 21.5 31.9992 26.1 31.9992 31.9C31.9992 37.7 36.5992 42.3 42.3992 42.3C48.1992 42.3 52.7992 37.7 52.7992 31.9C52.4992 26.1 47.9992 21.5 42.3992 21.5Z" />
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
Figma
</h3>
<p class='noMargin colorDim fontM'>Designing digital products with Figma, a
collaborative interface design tool.</p>
</div>
<div class='b flex column relative'>
<span class='i i18 flex centerA fontW-600 fontM fontH'>
<svg class='line' viewBox='0 0 24 24'>
<path
d='M20 17.1862C18.843 18 17.2107 18 13.9462 18H9.96412C6.6996 18 5.06734 18 3.9103 17.1862C3.48223 16.8851 3.1099 16.5111 2.81017 16.0811C2 14.9188 2 13.2792 2 10C2 6.72077 2 5.08116 2.81017 3.91891C3.1099 3.48891 3.48223 3.1149 3.9103 2.81382C5.06734 2 6.6996 2 9.96412 2'>
</path>
<path d='M12 18V22'></path>
<path d='M8 22H16'></path>
<path
d='M18 2C19.8856 2 20.8284 2 21.4142 2.58579C22 3.17157 22 4.11438 22 6V10C22 11.8856 22 12.8284 21.4142 13.4142C20.8284 14 19.8856 14 18 14H17C15.1144 14 14.1716 14 13.5858 13.4142C13 12.8284 13 11.8856 13 10L13 6C13 4.11438 13 3.17157 13.5858 2.58579C14.1716 2 15.1144 2 17 2L18 2Z'>
</path>
<path d='M17.5 11.5H17.509'></path>
</svg>
</span>
<h3 class='t noMargin fontH fontW-600'>
Resonsive Design
</h3>
<p class='noMargin colorDim fontM'>Crafting interfaces that provide optimal viewing
and interaction experience across a wide range of devices.</p>
</div>
<div class='b flex column relative center m'>
<h3 class='t noMargin fontH fontW-400 fontD'>
And counting...
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--[ Footer ]-->
<footer class='maF noPrint' style="border-top:1px solid var(--coreBg-gray);margin-bottom: 8px;">
<div class='max flex baseline'>
<div class='maFC cInherit u fontH section' id='footer-credit'>
<div class='widget HTML' data-version='2' id='HTML88'>
<section aria-label='credit attribution' class='default'>
<div class='cr'>© <span class='y'>
<script>document.querySelector('.maFC .y').innerHTML = new Date().getFullYear();</script>
</span>
<bdi><a class='fontW-600' href='https://rahul.eu.org'>Rahul Rajput</a></bdi>.
</div>
</section>
</div>
</div>
<div class='maFM flex grow cInherit u fontM colorDim section' id='footer-menu'>
<div class='widget LinkList' data-version='2' id='LinkList81'>
<nav aria-label='footer navigation'>
<ul class='m flex baseline noList'>
<li>
<a href='https://instagram.com/r.rah_ul'>Instagram</a>
</li>
<li>
<a href='mailto:admin@rahul.eu.org'>Mail</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</footer>
</div>
<div class="backtotop backtotop-hidden" onClick="topFunction()">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-short"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5" />
</svg>
</div>
<script>
let mybutton = document.querySelector(".backtotop");
window.onscroll = function () { scrollFunction() };
function scrollFunction() {
if (document.body.scrollTop > 30 || document.documentElement.scrollTop > 30) {
mybutton.classList.remove("backtotop-hidden");
} else {
mybutton.classList.add("backtotop-hidden");
}
}
function topFunction() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>
</body>
</html>