-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1540 lines (1509 loc) · 102 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" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png" />
<link rel="manifest" href="./assets/favicon/site.webmanifest" />
<link rel="mask-icon" href="./assets/favicon/safari-pinned-tab.svg" color="#da532c" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
<title>Anlisha Maharjan</title>
<!-- Font -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;700&display=swap" rel="stylesheet" />
<link
href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/themes/splide-default.min.css"
rel="stylesheet"
/>
<!-- Theme style -->
<link rel="stylesheet" href="./assets/css/tailwind.css" />
<link rel="stylesheet" href="./assets/css/main.css" />
</head>
<body class="text-base leading-normal bg-body text-default font-body">
<!-- Start Header -->
<header
class="absolute top-0 left-0 z-50 w-full h-16 px-6 py-4 lg:h-20 lg:fixed lg:px-12 backdrop-blur"
id="main-header"
>
<div class="container flex items-center justify-center lg:justify-between">
<!-- Mobile Logo -->
<a href="" class="block lg:hidden">
<svg version="1.1" viewBox="0 0 255.3 154" width="100%" height="40px" class="fill-primary-500">
<g>
<path
d="M4.9,148c0.1-0.9,0.4-1.7,1-2.3c1.2-1,3.5-5.3,6.9-13.1c1.7-4.1,2.7-6.7,3-8c0.3-1.4,0.5-3.4,0.5-6.3
c0-6.6-2-12.4-5.9-17.2c-0.4-0.6-0.7-1.1-1-1.7c-0.3-0.6-0.5-1.3-0.5-2.3c0-3.1,1.8-5.7,5.3-7.7c5.6-3.3,11.7-5.6,18.4-6.8L47.3,44
c4.7-11.8,8-19.6,9.7-23.3c0.6-2.1,2.2-4.8,4.8-8.3c0.2-0.2,0.8-0.6,2-1.1l0.4-0.1c0.1,0,0.2,0.1,0.3,0.1c0.2,0,0.3,0,0.4,0.1
c0.1,0,0.2,0.1,0.4,0.2l0.1-0.1c0.6,0.2,1.1,0.6,1.5,1c0.8,1.4,2.2,13.4,4.1,36c1.2,14.5,2,24.5,2.6,30.2c6.9,0,13.8,0.3,20.6,1
c0.2,0,0.4,0.1,0.4,0.3c0,0.3-0.2,0.5-0.4,0.5c-5.3-0.6-10.7-1-16-1l-4.5,0.1l2.4,26.1c0.7,9.8,1.9,19,3.7,27.3l0.1,0.2
c0.2-0.1,0.5-0.2,0.7-0.2c0.9,0.2,1.3,0.6,1.3,1.3l-0.1,0.5c-0.3,1.3-1,1.9-2.1,2.2c-0.1,0-0.2,0-0.2-0.1c-0.5,0-1-0.3-1.3-0.9
c-0.4-0.6-0.6-1.2-0.8-2c-1.6-8-2.7-16.3-3.3-24.7l-2.6-29.6c-6.2,0.1-12,0.4-17.2,0.9C48.9,81.1,43,82,36.5,83.3l-1,2.7
c-3,8.2-5.7,15.7-8,22.6c-3.4,10.4-7.7,21.6-12.5,33.4c-1.7,3.5-2.9,6-3.8,7.3c-0.1,0-0.2,0.1-0.3,0.2c-0.2,0.2-0.3,0.4-0.5,0.6
c-0.2,0-0.4,0.1-0.5,0.2c-0.4,0.4-1,0.6-1.8,0.7C5.9,150.8,4.9,149.9,4.9,148z M32,84.4c-6.1,1.4-11.6,3.6-16.7,6.6
c-1.1,0.7-2.1,1.6-2.9,2.6c-0.9,1-1.3,2.2-1.3,3.3c0,0.9,0.1,1.4,0.2,1.8c0.2,0.4,0.5,0.9,0.9,1.4c3.9,4.6,5.9,10.9,5.9,19
C24.8,103.7,29.4,92.1,32,84.4z M40.2,81.2c10.4-1.6,20.9-2.4,31.2-2.5l-2.1-24.5C67.7,36.5,66.1,24,64.4,17
c-1.3,1.9-2.5,4-3.6,6.2c-4.5,9.6-8.8,19.4-12.7,29.6c-4.8,12.1-8.4,21.8-11,29L40.2,81.2z"
/>
<path
d="M90.2,92.7c0-0.2,1.2-8,3.7-23.6c0.2-1.4,1-2,2.4-2c1.4,0,2.4,1,2.4,2.6c0,0.2,0,0.3-0.1,0.4l-3.3,14.7
c4.7-6.5,8-10.6,10-12.2c0.8-0.8,1.7-1.2,2.6-1.2c1.3,0.2,1.8,0.6,1.8,2.1c0,2.8,0.5,5.7,1.4,8.9c0.9,2.7,2.4,4.1,4.6,4.1
c3.6-0.1,7.8-2,12.8-5.8c0.2-0.1,0.2-0.1,0.4-0.1c0.2,0,0.2,0.1,0.3,0.2c0.1,0.2,0.1,0.3,0.1,0.4c-0.1,0.2-0.1,0.2-0.2,0.3
c-5.2,3.9-9.6,6-13.5,6.2c-4.1,0-6.7-4-7.7-12l-0.3-1.9c-2.1,1.2-8,9.2-14.4,19.7c-0.2,0.5-0.7,0.8-1.3,0.8
C91,94.2,90.2,93.5,90.2,92.7z"
/>
<path
d="M133.1,130.2c-3.9-7.1-5.8-20.7-5.8-40.8c0-15.3,1-30.9,3.1-46.9c2-16,4.3-27.5,6.8-34.4
c0.5-1.5,1.4-3,2.9-4.5c0.6-0.6,1.6-1,2.9-1.1c0.8,0,1.4,0.2,2,0.8c0.6,0.6,0.8,1.3,0.8,2c0,1.4-0.9,2.5-2.6,3l-0.3,0.1l-0.4,0.2
c-3.4,4.8-6.3,14.9-8.6,30.4c-2.3,15.5-3.5,31.6-3.5,48.1c0,16.6,1.4,28.7,4,36.3c0.7,1.8,1.3,3,1.8,3.7c0.6,0.7,0.8,1.4,0.8,1.9
c0,1.5-0.7,2.2-2.1,2.2C134.1,131.1,133.6,130.7,133.1,130.2z"
/>
<path
d="M138.4,96.4c0-5.6,0.3-10.5,0.8-14.9l1.7-13.6c0.2-1.4,1.4-2.2,2.6-2.2c1.5,0,2.7,1.2,2.7,2.6
c0,1-0.2,0.4-1.2,5c-1.7,6.9-3.7,18.4-3.7,25.4c0,5.9,0.9,8.9,2.8,8.9l0.7-0.2c2.2-1,4.1-2.6,5.9-4.7c4.1-4.6,8.2-10.4,12.2-17.2
c0.7-1,1.4-2.2,2.1-3.4c-0.9-0.6-1.1-1.8-1.1-2.6c0-2.9,3.3-7.4,4.9-8.9c0-0.5,0.5-0.6,1.2-0.9c0.3-0.2,0.6-0.2,0.8-0.2
c1.2,0,2.4,0.5,2.4,2.5c-0.1,0.6-0.2,1-0.2,1c0,0.6-0.6,1.4-1.8,3.3l-2,3.1c-0.2,0.2-0.4,0.5-0.6,0.6c3.8,1.9,5.9,3.8,6.9,7.3
l9.8-6.2c0.2,0,0.3,0,0.4,0.1c0,0.2-0.1,0.3-0.1,0.3c-0.2,0.2-3.9,2.4-10,6.9l0.1,1.3c0,4.7-3.2,10.8-8.9,13.3
c-0.2,0.1-0.6,0.1-0.9,0.1c-1.6,0-2.4-1-2.4-3.2c0.6-4.9,3.8-6.5,9.4-10.8c-0.5-3.2-3.3-5.6-6.8-6.5c-5.9,9.8-9,15.1-14.1,21.1
c-1.4,2.2-3.7,4-6.5,5.4c-0.4,0.2-0.9,0.3-1.4,0.3C140.3,109.6,138.4,105.2,138.4,96.4z M142.6,54.6l1.5-6.1c0.2-1,0.8-1.4,1.8-1.4
c1.4,0.2,2.1,0.6,2.1,1.9c0,0.4-1,2.4-3,6.1c-0.2,0.3-0.4,0.6-0.7,0.6C143.4,55.7,142.6,55.4,142.6,54.6z M172.9,90.6
c-3.8,3.2-7.4,6.3-7.7,9.5c0,0.4,0.1,0.8,0.2,1.1h0.4C168.6,100.6,172.6,95.3,172.9,90.6z"
/>
<path
d="M185.7,108.4c-0.3-0.3-0.5-0.6-0.5-0.7l-0.2-0.3l-0.2-1c-0.6-5.4-0.7-10.4-1-15.6c-0.3-12.7-0.5-25.3-0.5-36.7
c0-7.3,0.1-14.1,0.2-20.2c0.2-7.7,0.5-14.3,1-18.8c0.2-2.4,0.5-4.1,0.9-5.7c0.3-0.7,0.4-1.4,1.3-2.2c0.3-0.4,1.1-0.9,2.1-0.9
l0.6,0.1l0.2,0.1c1,0.3,1.8,1.4,1.8,2.4l-0.1,0.6c-0.2,0.6-0.6,1-1,1.4c-0.3,0.9-0.6,2.6-0.9,4.7c-0.5,4.4-1,10.8-1.3,18.5
c-0.4,10.3-0.7,22.9-0.7,36.2c0,6.7,0.1,13.6,0.2,20.5c0.1,3.7,0.2,7.7,0.4,11.4l0.7-1.4l2.9-6.8c1.9-4.5,3.7-8.8,6.1-12.8
c0.6-1,1.2-2,1.9-2.9l1.3-1.4c0.5-0.5,1.1-1,2.3-1.3h0.4c0.6,0,1.1,0.1,1.5,0.3c0.6,0.3,1,0.7,1.2,1c0.6,0.6,0.8,1.4,1,1.8
c0.4,1,0.7,1.9,1,2.9c0.6,1.8,1.1,3.6,1.7,5.2c0.6,1.6,1.3,3.1,2,4.1c0.3,0.6,0.8,0.8,1.3,0.8c1.2,0,2.7-1.4,3.7-2.5
c1.5-1.6,2.6-2.9,3.3-3.9c0.6-1,4.1-5.7,4.1-5.7c0.1-0.2,0.3-0.4,0.6-0.4c0.2,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.2
c0,0.2-0.2,0.5-0.3,0.7l-3.7,5.9c-0.6,1-1.6,2.6-3.1,4.4c-0.8,0.9-1.5,1.9-2.9,2.8c-0.6,0.4-1.4,0.8-2.4,0.8h-0.3
c-1.1-0.1-2.2-0.7-2.8-1.4c-1.4-1.4-2.1-2.9-2.9-4.6c-0.8-1.7-1.5-3.3-2.2-5.2c-0.3-0.9-0.7-1.8-1.1-2.6l-0.3-0.6
c-0.3,0.2-0.7,0.6-1,1c-0.6,0.7-1.2,1.6-1.8,2.6c-2.2,3.6-4.1,7.8-6.2,12.2c-1,2.2-2,4.5-3,6.7c-0.6,1.2-1,2.4-1.6,3.5
c-0.2,0.6-0.6,1.2-0.9,1.9l-0.4,0.6l-0.3,0.4c0,0-0.6,0.5-1,0.5l-0.4,0.1C186.5,108.8,186,108.5,185.7,108.4z"
/>
<path
d="M234.9,95c-1.4-1.4-2.2-3.9-2.2-7.4c0-1.5,0.1-2.9,0.2-4.2c-1.4,1.8-2.9,3.7-4.5,5.5c-1.6,1.7-3.2,2.6-4.7,2.9
c-0.2,0.1-0.3,0.1-0.6,0.1c-1.3,0-2.2-0.6-2.8-1.8c-0.4-0.8-0.6-1.7-0.6-2.9c0-2.2,0.8-4.2,2.3-6.1c2.4-3,5.2-4.7,8.4-5l1.4,0.1
c0.6,0,1.1,0.2,1.7,0.6l0.5-0.6v-0.1c0.3-0.5,0.8-0.7,1.4-0.7c0.2,0,0.6,0.2,0.8,0.3c0.5,0.4,0.7,0.8,0.7,1.4l-0.1,0.6
c-1.3,5-1.9,8.8-1.9,11.3c0,1,0.1,2,0.2,2.9c0.2,1.4,0.8,2.1,1.7,2.1l0.7-0.1c2.2-0.8,4.8-2.9,7.6-6.1c2.7-2.9,4.8-5.6,6.2-7.9
c0.2-0.2,0.3-0.3,0.6-0.3c0.1,0,0.2,0.1,0.3,0.2c0.1,0.1,0.2,0.2,0.2,0.5l-0.1,0.3l-2.3,2.9l-0.9,1.2c-2.8,3.5-5.1,6.1-6.8,7.7
c-1.2,1.2-2.6,2.2-4.4,3c-0.3,0.1-0.7,0.2-1.1,0.2C236.1,95.6,235.4,95.4,234.9,95z M225.8,86.2c0.8-0.7,2.1-2.2,3.9-4.5
c-0.8,0.1-1.8,0.4-2.8,1.1c-1.6,1.2-2.6,2.6-3,4.1c-0.1,0.4-0.2,0.7-0.2,1C224.3,87.6,225.1,87,225.8,86.2z"
/>
</g>
</svg>
</a>
<!-- Desktop Logo -->
<a href="" class="hidden lg:block">
<svg width="100%" height="40px" viewBox="0 0 119.1 154" class="fill-primary-500">
<g>
<path
d="M108.6,146L108.6,146c-2-7.5-4.6-26.2-7.9-56.4c-3.9-35.1-7.4-55.3-9-56.9c-0.8,0.8-1.6,2-2.2,3.6
c-2.4,5.3-5.2,13.5-8,24.2c-3.5,14.2-10.1,45.1-12.6,50.1c-0.6,0.8-1.2,1.2-1.7,1.2c-1,0-1.7-0.5-1.8-1.6
C59.4,78,55.2,58.2,52.6,50.7v0.1h-0.1c-1.1,2.6-2,5.5-2.7,8.6c0,0.1,0,0.1-0.1,0.1c-3.6,15.9-6.5,34.5-8.7,55.8
c-1,8.6-1.5,13.6-1.5,14.9c0.3,0,0.3,0,0.3,0.2c-1.5,2.9-0.9,2.7-2.1,3.8c-0.3,0.2-0.7,0.2-1.2,0.2c-0.7,0-1.8-1-1.8-1.2l-0.3-0.6
l-0.2-2c0-1,0.4-1.7,1.2-2.3c1.3-7,4.1-23.9,8.2-50.6c1.3-7.8,2.4-14,3.4-18.7c1-3.3,1.3-5.6,2.9-9.3c0.5-1.4,1.7-2.7,3.3-2.7
c1.3,0,1.4,0.7,1.9,1.2c0.3,0.6,0.4,0.9,0.6,1.3c0.6,1.6,1.1,3.1,1.6,4.7c3.2,12.1,6.7,28.5,10.5,49c2.4-8,4.5-16,6.4-23.7
c3.1-12.1,5-19,5.5-20.4c4.1-15.6,7.5-27.5,11.4-28.9c0.3-0.1,0.6-0.2,1-0.2c1.4,0.2,2.5,1.8,2.5,2.2c2.3,4,5.9,23.9,10.1,57.1
c3.2,23.3,4.7,35.4,7.4,49.4c0.7,3.8,1.3,6.2,1.8,7.3c1.7,0,3,1.1,3,2.6c0,0.5-0.3,0.9-0.3,1.2c0,0.1,0,0.1-0.1,0.1
c-0.3,1-1.6,2.4-3.1,2.4C110.1,152.2,109.2,148.6,108.6,146z"
/>
<path
d="M1.7,121.7c0.1-0.8,0.3-1.5,0.9-2c1-0.8,3.1-4.7,6-11.4c1.5-3.5,2.4-5.8,2.6-7c0.3-1.2,0.4-3,0.4-5.5
c0-5.8-1.7-10.8-5.2-15c-0.3-0.5-0.6-1-0.8-1.5c-0.3-0.5-0.4-1.1-0.4-2c0-2.7,1.5-5,4.6-6.8c4.9-2.9,10.2-4.9,16.1-5.9l12.9-33.7
c4.1-10.3,7-17.1,8.5-20.3c0.6-1.8,1.9-4.2,4.2-7.2c0.1-0.1,0.7-0.5,1.7-1l0.3-0.1c0.1,0,0.1,0.1,0.3,0.1c0.1,0,0.3,0,0.3,0.1
c0.1,0,0.2,0.1,0.3,0.1l0.1-0.1c0.6,0.2,1,0.5,1.3,0.9c0.7,1.2,1.9,11.7,3.5,31.5c1,12.7,1.7,21.4,2.2,26.4c6.1,0,12,0.3,18,0.8
c0.2,0,0.3,0.1,0.3,0.3c0,0.3-0.1,0.4-0.3,0.4c-4.7-0.6-9.3-0.8-14-0.8L61.7,62l2.1,22.8c0.6,8.6,1.7,16.6,3.2,23.9l0.1,0.1
c0.2-0.1,0.4-0.1,0.6-0.1c0.8,0.1,1.1,0.5,1.1,1.1l-0.1,0.4c-0.3,1.1-0.8,1.7-1.8,1.9c-0.1,0-0.1,0-0.2-0.1c-0.4,0-0.8-0.3-1.1-0.8
c-0.3-0.5-0.6-1-0.7-1.7c-1.4-7-2.4-14.2-2.9-21.6L59.8,62c-5.4,0.1-10.4,0.3-15,0.8c-4.7,0.5-9.8,1.3-15.4,2.4l-0.8,2.4
c-2.6,7.2-5,13.7-7,19.8c-3,9.1-6.7,18.9-10.9,29.2c-1.5,3.1-2.6,5.2-3.3,6.4c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.2-0.3,0.3-0.4,0.5
c-0.2,0-0.3,0.1-0.4,0.1c-0.3,0.3-0.9,0.6-1.6,0.6C2.6,124.1,1.7,123.3,1.7,121.7z M25.3,66.2C20,67.4,15.2,69.3,10.8,72
c-1,0.6-1.8,1.4-2.5,2.3c-0.8,0.9-1.1,1.9-1.1,2.9c0,0.8,0.1,1.3,0.2,1.6C7.5,79,7.8,79.5,8.2,80c3.4,4,5.2,9.5,5.2,16.6
C19.1,83,23.1,72.9,25.3,66.2z M32.5,63.3c9.1-1.4,18.2-2.1,27.2-2.2l-1.8-21.4c-1.4-15.5-2.8-26.4-4.2-32.6
c-1.1,1.7-2.2,3.5-3.1,5.4c-4,8.4-7.7,17-11.1,25.8c-4.2,10.6-7.4,19.1-9.6,25.3L32.5,63.3z"
/>
</g>
</svg>
</a>
<!-- Menu -->
<nav class="hidden lg:block">
<ul class="flex items-center justify-around list-none">
<li class="mx-4 my-0">
<a href="#about" class="relative no-underline group hover:text-primary-400"
>About Me
<hr
class="absolute bottom-0 w-0 transition-all duration-300 ease-in-out -translate-x-1/2 border-t-0 border-b border-l-0 border-r-0 border-solid left-1/2 border-primary-400 group-hover:w-full"
/>
</a>
</li>
<li class="mx-4 my-0">
<a href="#job" class="relative no-underline group hover:text-primary-400"
>Experience
<hr
class="absolute bottom-0 w-0 transition-all duration-300 ease-in-out -translate-x-1/2 border-t-0 border-b border-l-0 border-r-0 border-solid left-1/2 border-primary-400 group-hover:w-full"
/>
</a>
</li>
<li class="mx-4 my-0">
<a href="#project" class="relative no-underline group hover:text-primary-400"
>Explore Work
<hr
class="absolute bottom-0 w-0 transition-all duration-300 ease-in-out -translate-x-1/2 border-t-0 border-b border-l-0 border-r-0 border-solid left-1/2 border-primary-400 group-hover:w-full"
/>
</a>
</li>
<li class="mx-4 my-0">
<a href="https://anlisha.com.np/blog" class="relative no-underline group hover:text-primary-400"
>Blog
<hr
class="absolute bottom-0 w-0 transition-all duration-300 ease-in-out -translate-x-1/2 border-t-0 border-b border-l-0 border-r-0 border-solid left-1/2 border-primary-400 group-hover:w-full"
/>
</a>
</li>
<li class="mx-4 my-0">
<a href="#contact" class="relative no-underline group hover:text-primary-400"
>Contact
<hr
class="absolute bottom-0 w-0 transition-all duration-300 ease-in-out -translate-x-1/2 border-t-0 border-b border-l-0 border-r-0 border-solid left-1/2 border-primary-400 group-hover:w-full"
/>
</a>
</li>
<!-- Resume -->
<!-- <li class="mx-4 my-0">
<a
href="https://anlisha.com.np/resume.pdf"
target="_blank"
class="relative no-underline group hover:text-primary-400"
>Resume
<hr
class="absolute bottom-0 w-0 transition-all duration-300 ease-in-out -translate-x-1/2 border-t-0 border-b border-l-0 border-r-0 border-solid left-1/2 border-primary-400 group-hover:w-full"
/></a>
</li> -->
</ul>
</nav>
</div>
</header>
<!-- End Header -->
<!-- Mobile Menu -->
<nav
class="lg:hidden flex items-center justify-center gap-5 fixed bottom-8 left-1/2 px-8 py-3 border border-solid border-[#bbd3d94d] dropShadow-mobile rounded-[40px] bg-[#84929d70] backdrop-blur z-50 -translate-x-1/2"
x-data="{ activeMobileMenu : `${location.hash ? location.hash : '#hero'}`}"
>
<a
href="#about"
class="flex items-center justify-center p-2 rounded-full w-9 h-9"
x-bind:class="activeMobileMenu === '#about' ? 'shadow-lg shadow-secondary-400/50 bg-mobile' : ''"
@click="activeMobileMenu = '#about'"
><svg
x-bind:class="activeMobileMenu === '#about' ? 'stroke-white' : 'stroke-secondary-500'"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
</a>
<a
href="#job"
class="flex items-center justify-center p-2 rounded-full w-9 h-9"
x-bind:class="activeMobileMenu === '#job' ? 'shadow-lg shadow-secondary-400/50 bg-mobile' : ''"
@click="activeMobileMenu = '#job'"
>
<svg
x-bind:class="activeMobileMenu === '#job' ? 'stroke-white' : 'stroke-secondary-500'"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<polygon
points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
></polygon>
</svg>
</a>
<a
href="#project"
class="flex items-center justify-center p-2 rounded-full w-9 h-9"
x-bind:class="activeMobileMenu === '#project' ? 'shadow-lg shadow-secondary-400/50 bg-mobile' : ''"
@click="activeMobileMenu = '#project'"
>
<svg
x-bind:class="activeMobileMenu === '#project' ? 'stroke-white' : 'stroke-secondary-500'"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
<path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
</svg>
</a>
<a href="https://anlisha.com.np/blog" class="flex items-center justify-center p-2 rounded-full w-9 h-9">
<svg
class="stroke-secondary-500"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path>
<path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>
</svg>
</a>
<a
href="#contact"
class="flex items-center justify-center p-2 rounded-full w-9 h-9"
x-bind:class="activeMobileMenu === '#contact' ? 'shadow-lg shadow-secondary-400/50 bg-mobile' : ''"
@click="activeMobileMenu = '#contact'"
>
<svg
x-bind:class="activeMobileMenu === '#contact' ? 'stroke-white' : 'stroke-secondary-500'"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect>
<line x1="12" y1="18" x2="12.01" y2="18"></line>
</svg>
</a>
</nav>
<!-- Start Main -->
<main>
<!-- Start -->
<section id="hero" class="min-h-[100vh] flex flex-col items-start justify-center py-24">
<div id="particles-js"></div>
<div class="container grid grid-cols-12">
<div class="col-span-12 xl:col-span-7">
<h2
class="text-4xl md:text-6xl lg:text-7xl font-semibold mb-4 md:mb-6 lg:mb-8 !leading-normal !animate-[fadeInTop_1s_ease-in-out_200ms_forwards]"
>
Hello!
<span class="text-primary-400 block !animate-[fadeInTop_1s_ease-in-out_400ms_forwards]"
>I'm Anlisha Maharjan,</span
>
<span class="block !animate-[fadeInTop_1s_ease-in-out_600ms_forwards]">Full-Stack Engineer</span>
</h2>
<p class="text-lg md:text-xl max-w-xl !animate-[fadeInTop_1s_ease-in-out_800ms_forwards]">
I'm a software engineer specializing in both front-end and back-end web development, devoted to crafting
beautiful web experiences focused on simplicity and purpose.
</p>
<ul
class="hidden md:flex flex-wrap mt-12 lg:mt-14 list-none gap-4 lg:gap-5 !animate-[fadeInTop_1s_ease-in-out_900ms_forwards]"
>
<!-- JAVASCRIPT -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="48" height="48" viewBox="0 0 128 128">
<g>
<g>
<g>
<circle cx="64" cy="64" r="50" style="fill: #f0db4f" />
</g>
</g>
<g>
<g>
<g>
<path
d="M48.4,44.6h8.7v24.5c0,11-5.3,14.9-13.7,14.9c-2.1,0-4.7-0.3-6.4-0.9l1-7.1 c1.2,0.4,2.8,0.7,4.5,0.7c3.7,0,6-1.7,6-7.6L48.4,44.6L48.4,44.6z"
style="fill: #323330"
/>
<path
d="M64.8,74.4c2.3,1.2,6,2.4,9.7,2.4c4,0,6.1-1.7,6.1-4.3c0-2.4-1.8-3.8-6.5-5.4 c-6.4-2.3-10.7-5.9-10.7-11.6C63.4,49,69,44,78.1,44c4.4,0,7.6,0.9,9.9,2l-2,7c-1.5-0.7-4.3-1.8-8-1.8c-3.8,0-5.6,1.8-5.6,3.7 c0,2.5,2.1,3.6,7.2,5.5c6.8,2.5,10,6.1,10,11.6c0,6.5-4.9,12-15.6,12c-4.4,0-8.8-1.2-11-2.4L64.8,74.4z"
style="fill: #323330"
/>
</g>
</g>
</g>
</g>
</svg>
</li>
<!-- TYPESCRIPT -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="40" height="40" viewBox="0 0 128 128">
<path
fill="#007acc"
d="M2,63.91v62.5H127V1.41H2Zm100.73-5a15.56,15.56,0,0,1,7.82,4.5,20.58,20.58,0,0,1,3,4c0,.16-5.4,3.81-8.69,5.85-.12.08-.6-.44-1.13-1.23a7.09,7.09,0,0,0-5.87-3.53c-3.79-.26-6.23,1.73-6.21,5a4.58,4.58,0,0,0,.54,2.34c.83,1.73,2.38,2.76,7.24,4.86,8.95,3.85,12.78,6.39,15.16,10,2.66,4,3.25,10.46,1.45,15.24-2,5.2-6.9,8.73-13.83,9.9a38.32,38.32,0,0,1-9.52-.1A23,23,0,0,1,80,109.19c-1.15-1.27-3.39-4.58-3.25-4.82a9.34,9.34,0,0,1,1.15-.73L82.5,101l3.59-2.08.75,1.11a16.78,16.78,0,0,0,4.74,4.54c4,2.1,9.46,1.81,12.16-.62a5.43,5.43,0,0,0,.69-6.92c-1-1.39-3-2.56-8.59-5-6.45-2.78-9.23-4.5-11.77-7.24a16.48,16.48,0,0,1-3.43-6.25,25,25,0,0,1-.22-8c1.33-6.23,6-10.58,12.82-11.87A31.66,31.66,0,0,1,102.73,58.93ZM73.39,64.15l0,5.12H57.16V115.5H45.65V69.26H29.38v-5a49.19,49.19,0,0,1,.14-5.16c.06-.08,10-.12,22-.1L73.33,59Z"
/>
</svg>
</li>
<!-- REACT -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="40" height="40" viewBox="0 0 128 128">
<g transform="matrix(1.25305,0,0,1.25305,-16.3076,4.57191)">
<circle cx="64" cy="47.5" r="9.3" style="fill: rgb(97, 218, 251)" />
<path
d="M64,81.7C71.3,88.8 78.5,93 84.3,93C86.2,93 88,92.6 89.5,91.7C94.7,88.7 96.6,81.2 94.8,70.5C94.5,68.6 94.1,66.7 93.6,64.7C95.6,64.1 97.4,63.5 99.2,62.9C109.3,59 114.9,53.6 114.9,47.7C114.9,41.7 109.3,36.3 99.2,32.5C97.4,31.8 95.6,31.2 93.6,30.7C94.1,28.7 94.5,26.8 94.8,24.9C96.5,14 94.6,6.4 89.4,3.4C87.9,2.5 86.1,2.1 84.2,2.1C78.5,2.1 71.2,6.3 63.9,13.4C56.7,6.3 49.5,2.1 43.7,2.1C41.8,2.1 40,2.5 38.5,3.4C33.3,6.4 31.4,13.9 33.2,24.6C33.5,26.5 33.9,28.4 34.4,30.4C32.4,31 30.6,31.6 28.8,32.2C18.7,36.1 13.1,41.5 13.1,47.4C13.1,53.4 18.7,58.8 28.8,62.6C30.6,63.3 32.4,63.9 34.4,64.4C33.9,66.4 33.5,68.3 33.2,70.2C31.5,80.9 33.4,88.5 38.5,91.4C40,92.3 41.8,92.7 43.7,92.7C49.5,92.9 56.7,88.7 64,81.7ZM58.4,68.2C60.2,68.3 62.1,68.3 64,68.3C65.9,68.3 67.8,68.3 69.6,68.2C67.8,70.6 65.9,72.8 64,74.9C62.1,72.8 60.2,70.6 58.4,68.2ZM46,57.9C47,59.6 47.9,61.2 49,62.8C45.9,62.4 43,61.9 40.2,61.3C41.1,58.6 42.1,55.8 43.3,53C44.1,54.6 45,56.3 46,57.9ZM40.2,33.8C43,33.2 45.9,32.7 49,32.3C48,33.9 47,35.5 46,37.2C45,38.9 44.1,40.5 43.3,42.2C42,39.3 41,36.5 40.2,33.8ZM45.7,47.5C47,44.8 48.4,42.1 50,39.4C51.5,36.8 53.2,34.2 54.9,31.6C57.9,31.4 60.9,31.3 64,31.3C67.2,31.3 70.2,31.4 73.1,31.6C74.9,34.2 76.5,36.8 78,39.4C79.6,42.1 81,44.8 82.3,47.5C81,50.2 79.6,52.9 78,55.6C76.5,58.2 74.8,60.8 73.1,63.4C70.1,63.6 67.1,63.7 64,63.7C60.8,63.7 57.8,63.6 54.9,63.4C53.1,60.8 51.5,58.2 50,55.6C48.4,52.9 47,50.2 45.7,47.5ZM84.8,42.1L82.1,37.1C81.1,35.4 80.2,33.8 79.1,32.2C82.2,32.6 85.1,33.1 87.9,33.7C87,36.5 86,39.3 84.8,42.1ZM84.8,52.9C86,55.7 87,58.5 87.9,61.2C85.1,61.8 82.2,62.3 79.1,62.7C80.1,61.1 81.1,59.5 82.1,57.8C83,56.3 83.9,54.6 84.8,52.9ZM87.1,87.6C86.3,88.1 85.3,88.3 84.2,88.3C79.3,88.3 73.2,84.3 67.2,78.3C70.1,75.2 72.9,71.7 75.7,67.8C80.4,67.4 84.9,66.7 89.1,65.7C89.6,67.5 89.9,69.3 90.2,71.1C91.6,79.6 90.5,85.7 87.1,87.6ZM92.3,34.9C103.5,38.1 110.2,43 110.2,47.5C110.2,51.4 105.6,55.3 97.5,58.4C95.9,59 94.1,59.6 92.3,60.1C91,56 89.4,51.8 87.4,47.5C89.4,43.2 91.1,39 92.3,34.9ZM84.3,6.7C85.4,6.7 86.3,6.9 87.2,7.4C90.5,9.3 91.7,15.3 90.3,23.9C90,25.6 89.6,27.4 89.2,29.3C85,28.4 80.5,27.7 75.8,27.2C73.1,23.3 70.2,19.8 67.3,16.7C73.3,10.8 79.4,6.7 84.3,6.7ZM69.6,26.8C67.8,26.7 65.9,26.7 64,26.7C62.1,26.7 60.2,26.7 58.4,26.8C60.2,24.4 62.1,22.2 64,20.1C65.9,22.2 67.8,24.5 69.6,26.8ZM40.9,7.4C41.7,6.9 42.7,6.7 43.8,6.7C48.7,6.7 54.8,10.7 60.8,16.7C57.9,19.8 55.1,23.3 52.3,27.2C47.6,27.6 43.1,28.3 38.9,29.3C38.4,27.5 38.1,25.7 37.8,23.9C36.4,15.4 37.5,9.4 40.9,7.4ZM35.7,60.1C24.5,56.9 17.8,52 17.8,47.5C17.8,43.6 22.4,39.7 30.5,36.6C32.1,36 33.9,35.4 35.7,34.9C37,39 38.6,43.2 40.6,47.5C38.6,51.8 36.9,56.1 35.7,60.1ZM37.8,71.1C38.1,69.4 38.5,67.6 38.9,65.7C43.1,66.6 47.6,67.3 52.3,67.8C55,71.7 57.9,75.2 60.8,78.3C54.8,84.2 48.7,88.3 43.8,88.3C42.7,88.3 41.8,88.1 40.9,87.6C37.5,85.7 36.4,79.6 37.8,71.1Z"
style="fill: rgb(97, 218, 251); fill-rule: nonzero"
/>
</g>
</svg>
</li>
<!-- REDUX -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="40" height="40" viewBox="0 0 256 244">
<g>
<path
d="M177.380953,169.732752 C186.828305,168.755405 193.995262,160.610839 193.669491,150.83736 C193.34372,141.063881 185.199451,133.245097 175.426328,133.245097 L174.774787,133.245097 C164.675893,133.57088 156.857395,142.041229 157.183166,152.14049 C157.508937,157.02723 159.463561,161.262404 162.395498,164.194448 C151.319292,186.021884 134.379213,201.985233 108.969093,215.342321 C91.7032429,224.464235 73.7858511,227.722061 55.8684592,225.441583 C41.208775,223.486887 29.8067984,216.971234 22.6398417,206.220408 C12.2151773,190.257058 11.237865,172.990579 20.0336756,155.724099 C26.22332,143.344359 35.9964428,134.222445 42.1860873,129.661488 C40.8830043,125.426314 38.9283797,118.259096 37.9510674,113.046574 C-9.28569288,147.253751 -4.39913147,193.514885 9.934782,215.342321 C20.6852171,231.631453 42.5118581,241.730715 66.6188943,241.730715 C73.1343096,241.730715 79.6497248,241.079149 86.16514,239.450236 C127.863797,231.30567 159.463561,206.54619 177.380953,169.732752 Z M234.716607,129.335706 C209.958029,100.341051 173.471704,84.3777023 131.773046,84.3777023 L126.560714,84.3777023 C123.628777,78.5136149 117.439133,74.6042233 110.597947,74.6042233 L109.946406,74.6042233 C99.8475119,74.9300059 92.0290137,83.4003544 92.3547844,93.499616 C92.6805552,103.273095 100.824824,111.091878 110.597947,111.091878 L111.249489,111.091878 C118.416445,110.766096 124.60609,106.205139 127.212256,100.015269 L133.07613,100.015269 C157.834707,100.015269 181.290202,107.182487 202.465302,121.19114 C218.75384,131.941967 230.481587,145.95062 236.997002,162.891317 C242.535105,176.574188 242.209334,189.931276 236.345461,201.333668 C227.223879,218.600148 211.912654,228.047844 191.714866,228.047844 C178.684036,228.047844 166.304747,224.138452 159.789332,221.206409 C156.205854,224.464235 149.690438,229.676757 145.129648,232.934584 C159.13779,239.450236 173.471704,243.033845 187.154076,243.033845 C218.428069,243.033845 241.557793,225.767366 250.353603,208.500886 C259.800955,189.605493 259.149414,157.02723 234.716607,129.335706 Z M69.2250604,175.271057 C69.5508312,185.044536 77.6951002,192.86332 87.468223,192.86332 L88.1197645,192.86332 C98.2186581,192.537537 106.037156,184.067188 105.711386,173.967927 C105.385615,164.194448 97.2413458,156.375664 87.468223,156.375664 L86.8166815,156.375664 C86.16514,156.375664 85.1878277,156.375664 84.5362862,156.701447 C71.179685,134.548228 65.6415821,110.440313 67.5962066,84.3777023 C68.8992897,64.8307442 75.4147049,47.8900472 86.8166815,33.881394 C96.2640336,21.8274365 114.507196,15.9633491 126.886485,15.6375664 C161.418186,14.9860012 176.07787,57.9893089 177.055182,75.2557885 C181.290202,76.2331364 188.457159,78.5136149 193.34372,80.142528 C189.434471,27.3657413 156.857395,0 125.583402,0 C96.2640336,0 69.2250604,21.1758712 58.4746253,52.4510041 C43.4891703,94.1511813 53.2622932,134.222445 71.5054558,165.823361 C69.876602,168.103839 68.8992897,171.687448 69.2250604,175.271057 Z"
fill="#764ABC"
></path>
</g>
</svg>
</li>
<!-- NEXT -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="40" height="40" viewBox="0 0 506.68 306.34">
<path
d="M119.55,79.9h95.57v7.61H128.31V144.8h81.63v7.61H128.31v62.9h87.8v7.62H119.55Zm104.13,0h10.15l45,62.9,46-62.9L387.37,0,284.6,149.41l53,73.52H327L278.83,156l-48.38,66.91H220.1l53.35-73.52L223.68,79.9Zm117.66,7.61V79.9h108.9v7.61H400.07V222.92h-8.76V87.51h-50ZM0,79.9H11l151,226.44-62.4-83.41L9.16,90.71l-.4,132.22H0ZM449.36,213a3.19,3.19,0,1,1,3.13-3.18,3.1,3.1,0,0,1-3.13,3.18Zm8.61-8.38h4.69a4.28,4.28,0,0,0,4.64,4.26c3.05,0,4.78-1.84,4.78-5.28V181.8h4.77v21.83c0,6.2-3.58,9.77-9.5,9.77-5.56,0-9.38-3.46-9.38-8.77Zm25.12-.27h4.73c.41,2.92,3.26,4.78,7.37,4.78,3.84,0,6.65-2,6.65-4.72,0-2.35-1.79-3.76-5.86-4.72l-4-1c-5.56-1.31-8.1-4-8.1-8.54,0-5.49,4.47-9.15,11.18-9.15,6.25,0,10.81,3.66,11.09,8.85h-4.65c-.45-2.84-2.92-4.62-6.5-4.62-3.77,0-6.28,1.82-6.28,4.6,0,2.2,1.62,3.47,5.62,4.41l3.39.83c6.31,1.47,8.91,4,8.91,8.68,0,5.9-4.57,9.6-11.85,9.6-6.82,0-11.4-3.53-11.74-9.05Z"
/>
</svg>
</li>
<!-- ANGULAR -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="40" height="40" viewBox="0 0 250 250">
<g>
<polygon
fill="#dd0031"
points="125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2 "
/>
<polygon
fill="#c3002f"
points="125,30 125,52.2 125,52.1 125,153.4 125,153.4 125,230 125,230 203.9,186.3 218.1,63.2 125,30 "
/>
<path
fill="#ffffff"
d="M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1 L125,52.1z M142,135.4H108l17-40.9L142,135.4z"
/>
</g>
</svg>
</li>
<!-- PHP -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="40" height="40" viewBox="0 0 512 512">
<g>
<g>
<g>
<path
d="M256.001,147.109c123.192,0,217.923,51.893,217.923,108.89S379.12,364.89,256.001,364.89 c-123.194,0-217.925-51.894-217.925-108.891S132.878,147.109,256.001,147.109 M256.001,135.034 c-127.004,0-230,54.121-230,120.965s102.996,120.967,230,120.967c127.003,0,229.998-54.123,229.998-120.967 S383.004,135.034,256.001,135.034z M182.831,246.296c-5.677,29.109-25.73,26.09-50.384,26.09l9.847-50.744 C169.607,221.643,188.15,218.696,182.831,246.296L182.831,246.296z M96.007,323.776h26.378l6.254-32.199 c29.54,0,47.867,2.157,64.83-13.728c18.759-17.251,23.646-47.941,10.278-63.322c-6.971-8.05-18.185-12.003-33.421-12.003H119.51 L96.007,323.776z M229.478,170.253h26.235l-6.254,32.199c22.64,0,43.628-1.653,53.763,7.691 c10.638,9.775,5.535,22.281-5.966,81.291h-26.594c11.069-57.068,13.154-61.812,9.128-66.125 c-3.88-4.168-12.722-3.306-34.068-3.306l-13.513,69.431h-26.234L229.478,170.253L229.478,170.253z M388.969,246.296 c-5.751,29.542-26.379,26.09-50.385,26.09l9.847-50.744C375.887,221.643,394.287,218.696,388.969,246.296z M302.145,323.776 h26.449l6.254-32.199c31.049,0,48.227,1.796,64.83-13.728c18.759-17.251,23.646-47.941,10.279-63.322 c-6.974-8.05-18.186-12.003-33.423-12.003h-50.816L302.145,323.776z"
style="fill: #007aff"
/>
</g>
</g>
</g>
</svg>
</li>
<!-- SQL -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="40" height="40" viewBox="0 0 128 128">
<path
fill="#00618A"
d="M116.948 97.807c-6.863-.187-12.104.452-16.585 2.341-1.273.537-3.305.552-3.513 2.147.7.733.809 1.829 1.365 2.731 1.07 1.73 2.876 4.052 4.488 5.268 1.762 1.33 3.577 2.751 5.465 3.902 3.358 2.047 7.107 3.217 10.34 5.268 1.906 1.21 3.799 2.733 5.658 4.097.92.675 1.537 1.724 2.732 2.147v-.194c-.628-.8-.79-1.898-1.366-2.733l-2.537-2.537c-2.48-3.292-5.629-6.184-8.976-8.585-2.669-1.916-8.642-4.504-9.755-7.609l-.195-.195c1.892-.214 4.107-.898 5.854-1.367 2.934-.786 5.556-.583 8.585-1.365l4.097-1.171v-.78c-1.531-1.571-2.623-3.651-4.292-5.073-4.37-3.72-9.138-7.437-14.048-10.537-2.724-1.718-6.089-2.835-8.976-4.292-.971-.491-2.677-.746-3.318-1.562-1.517-1.932-2.342-4.382-3.511-6.633-2.449-4.717-4.854-9.868-7.024-14.831-1.48-3.384-2.447-6.72-4.293-9.756-8.86-14.567-18.396-23.358-33.169-32-3.144-1.838-6.929-2.563-10.929-3.513-2.145-.129-4.292-.26-6.438-.391-1.311-.546-2.673-2.149-3.902-2.927C17.811 4.565 5.257-2.16 1.633 6.682c-2.289 5.581 3.421 11.025 5.462 13.854 1.434 1.982 3.269 4.207 4.293 6.438.674 1.467.79 2.938 1.367 4.489 1.417 3.822 2.652 7.98 4.487 11.511.927 1.788 1.949 3.67 3.122 5.268.718.981 1.951 1.413 2.145 2.927-1.204 1.686-1.273 4.304-1.95 6.44-3.05 9.615-1.899 21.567 2.537 28.683 1.36 2.186 4.567 6.871 8.975 5.073 3.856-1.57 2.995-6.438 4.098-10.732.249-.973.096-1.689.585-2.341v.195l3.513 7.024c2.6 4.187 7.212 8.562 11.122 11.514 2.027 1.531 3.623 4.177 6.244 5.073v-.196h-.195c-.508-.791-1.303-1.119-1.951-1.755-1.527-1.497-3.225-3.358-4.487-5.073-3.556-4.827-6.698-10.11-9.561-15.609-1.368-2.627-2.557-5.523-3.709-8.196-.444-1.03-.438-2.589-1.364-3.122-1.263 1.958-3.122 3.542-4.098 5.854-1.561 3.696-1.762 8.204-2.341 12.878-.342.122-.19.038-.391.194-2.718-.655-3.672-3.452-4.683-5.853-2.554-6.07-3.029-15.842-.781-22.829.582-1.809 3.21-7.501 2.146-9.172-.508-1.666-2.184-2.63-3.121-3.903-1.161-1.574-2.319-3.646-3.124-5.464-2.09-4.731-3.066-10.044-5.267-14.828-1.053-2.287-2.832-4.602-4.293-6.634-1.617-2.253-3.429-3.912-4.683-6.635-.446-.968-1.051-2.518-.391-3.513.21-.671.508-.951 1.171-1.17 1.132-.873 4.284.29 5.462.779 3.129 1.3 5.741 2.538 8.392 4.294 1.271.844 2.559 2.475 4.097 2.927h1.756c2.747.631 5.824.195 8.391.975 4.536 1.378 8.601 3.523 12.292 5.854 11.246 7.102 20.442 17.21 26.732 29.269 1.012 1.942 1.45 3.794 2.341 5.854 1.798 4.153 4.063 8.426 5.852 12.488 1.786 4.052 3.526 8.141 6.05 11.513 1.327 1.772 6.451 2.723 8.781 3.708 1.632.689 4.307 1.409 5.854 2.34 2.953 1.782 5.815 3.903 8.586 5.855 1.383.975 5.64 3.116 5.852 4.879zM29.729 23.466c-1.431-.027-2.443.156-3.513.389v.195h.195c.683 1.402 1.888 2.306 2.731 3.513.65 1.367 1.301 2.732 1.952 4.097l.194-.193c1.209-.853 1.762-2.214 1.755-4.294-.484-.509-.555-1.147-.975-1.755-.556-.811-1.635-1.272-2.339-1.952z"
></path>
</svg>
</li>
<!-- SWAGGER -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="40" height="40" viewBox="0 0 256 256">
<path
d="m127.059657 255.996921c-68.2090026-.470449-127.51673062-57.078479-127.05700194-128.998618.44199434-69.2024402 57.94900474-127.46727058 129.10736494-126.99545745 69.157108.45954053 127.503089 57.86392555 126.885116 128.19135345.572955 69.689254-58.060868 128.29499-128.935479 127.802722zm0 0c-68.2090026-.470449-127.51673062-57.078479-127.05700194-128.998618.44199434-69.2024402 57.94900474-127.46727058 129.10736494-126.99545745 69.157108.45954053 127.503089 57.86392555 126.885116 128.19135345.572955 69.689254-58.060868 128.29499-128.935479 127.802722z"
fill="#fff"
/>
<path
d="m127.184644 238.997327c-59.1522675-.408056-110.5810349-49.498583-110.1823412-111.865899.3837257-60.0128327 50.2530972-110.5397174 111.9608142-110.1289408 59.971427.3985349 110.568788 50.1800369 110.032661 111.1667638.496666 60.43313-50.348348 111.255175-111.811134 110.828076zm0 0c-59.1522675-.408056-110.5810349-49.498583-110.1823412-111.865899.3837257-60.0128327 50.2530972-110.5397174 111.9608142-110.1289408 59.971427.3985349 110.568788 50.1800369 110.032661 111.1667638.496666 60.43313-50.348348 111.255175-111.811134 110.828076z"
fill="#49a32b"
/>
<path
d="m169.327319 127.956161c-.284596 5.290212-4.906213 9.683063-9.461106 8.916425-.021787 0-.044936 0-.068085 0-5.045107.006809-9.139745-4.078298-9.145192-9.123404.171575-5.058724 4.366979-9.045787 9.427064-8.96 5.045106.02451 9.51966 4.288 9.247319 9.166979zm-81.1261275 51.264c1.9022979.055829 3.8059574.014978 5.9996596.014978v13.785873c-13.6347234 2.305361-24.8660426-1.565958-27.6221277-13.091405-.9436596-4.237617-1.5237447-8.548766-1.7361702-12.885787-.292766-4.591659.2137872-9.235064-.1361702-13.818553-.9695319-12.612085-2.6035745-16.917787-14.706383-17.514213v-15.69634c.8674043-.202894 1.7470638-.352681 2.6321702-.452085 6.6355745-.326809 9.4325107-2.361192 10.916766-8.897362.6754042-3.672511 1.0757447-7.389958 1.1942127-11.1223831.5256171-7.2170212.3390639-14.5511489 1.5414468-21.6510638 1.737532-10.267234 8.1116596-15.2551489 18.6403405-15.8134468 2.9957447-.1606808 6.0010212-.0245106 9.3957447-.0245106v14.0908936c-1.3971064.0994042-2.6771064.3022979-3.9489362.2641702-8.5800851-.2628085-9.024 2.6594043-9.650383 9.7620426-.3908085 4.4541276.1484255 8.9845106-.155234 13.453617-.3172766 4.4473189-.9123405 8.8714889-1.7811064 13.2452769-1.2377873 6.338723-5.1349787 11.052936-10.5354894 15.053617 10.4837447 6.822127 11.6765958 17.422978 12.3574468 28.187234.3662979 5.78451.1988085 11.609872.7857022 17.365787.4575319 4.467745 2.1950638 5.607489 6.8085106 5.74366zm8.8360851-60.430979h.1620425c5.0124259.083064 9.0103829 4.213106 8.9273189 9.226893 0 .164766-.005447.328171-.014978.491575-.281873 4.899404-4.481362 8.641362-9.3807664 8.359489-.1974468.004085-.3935319 0-.5909787-.009532-4.9892766-.247829-8.8333617-4.493617-8.5855319-9.482893.2478298-4.989277 4.493617-8.833362 9.4828936-8.585532zm31.2360854 0c5.482212-.042213 9.123404 3.510468 9.152 8.930042.029957 5.565277-3.421958 9.126128-8.868766 9.149277-5.539405.024511-9.186043-3.479149-9.216-8.866043-.016341-.275063-.020426-.550127-.012256-.825191.153873-4.786383 4.158639-8.541958 8.945022-8.388085zm65.399829-6.865702c1.458383 5.446808 4.297532 7.361361 10.03166 7.622808.939575.043575 1.875064.202894 3.163234.345873v15.692255c-.697191.228766-1.412085.40034-2.137872.512-7.684085.477957-11.186383 3.630298-11.962553 11.334808-.49566 4.918468-.454809 9.891405-.795234 14.827575-.142979 5.419574-.635915 10.82417-1.476086 16.179745-1.960851 9.703489-8.019063 14.54434-18.028936 15.135319-3.221787.190638-6.466723.029957-9.940425.029957v-14.025532c1.869617-.115744 3.52-.275064 5.174468-.314553 5.980596-.142979 8.095319-2.071149 8.388085-8.010894.324085-6.525276.465702-13.058723.757106-19.585361.42349-9.433873 3.006639-17.861447 11.795064-23.745362-5.028766-3.585362-9.066213-7.92783-10.112-13.783149-1.265021-7.097191-1.673532-14.3509787-2.354383-21.5475744-.33634-3.597617-.32-7.2265532-.671319-10.8214468-.378553-3.8808511-3.044766-5.2234894-6.577021-5.3106383-2.02349-.0490213-4.055149-.0095319-6.642383-.0095319v-13.696c16.509276-2.7411064 27.913532 2.752 28.972936 18.5477446.443915 6.6328511.378553 13.2970213.803404 19.9298728.186553 3.60851.725787 7.189787 1.612255 10.692085z"
fill="#fff"
/>
</svg>
</li>
<!-- HTML -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="40" height="40" viewBox="0 0 512 512">
<g style="enable-background: new">
<g>
<g>
<polygon
points="93.063,116.909 122.719,449.542 255.8,486.486 389.249,449.489 418.938,116.909 "
style="fill-rule: evenodd; clip-rule: evenodd; fill: #e44d26"
/>
</g>
</g>
</g>
<g style="enable-background: new">
<g>
<g>
<path
d="M256,184.903H153.702l0.977,10.945l10.027,112.422H256 v-40.795h-53.984l-3.729-41.775H256V184.903z M210.386,361.206l-2.905-32.536h-40.953l5.716,64.056l83.568,23.198l0.188-0.052 v-42.445l-0.179,0.048L210.386,361.206z"
style="fill-rule: evenodd; clip-rule: evenodd; fill: #ebebeb"
/>
</g>
</g>
</g>
<g style="enable-background: new">
<g>
<g>
<polygon
points="256,144.106 256,458.208 363.832,428.313 389.203,144.106 "
style="fill-rule: evenodd; clip-rule: evenodd; fill: #f16529"
/>
</g>
</g>
</g>
<g style="enable-background: new">
<g>
<g>
<path
d="M255.858,308.271h50.236l-4.736,52.91l-45.5,12.281v42.442 l83.634-23.179l0.614-6.892l9.587-107.403l0.995-10.955h-94.83V308.271z M255.858,184.903V225.7H354.4l0.818-9.17l1.859-20.682 l0.975-10.945H255.858z"
style="fill-rule: evenodd; clip-rule: evenodd; fill: #ffffff"
/>
</g>
</g>
</g>
<g style="enable-background: new">
<g>
<g>
<path
d="M163.079,46.997h-18.965V26.514h-20.731v62.028h20.732V67.771h18.964 v20.771h20.732V26.514h-20.733V46.997z M192.824,47.083h18.252v41.459h20.733V47.083h18.26V26.514h-57.245V47.083z M294.07,48.309l-13.299-21.795h-21.617v62.028h20.285V57.797l14.273,22.055h0.357l14.263-22.055v30.745h20.646V26.514h-21.626 L294.07,48.309z M360.036,68.039V26.514h-20.738v62.028h49.894V68.039H360.036z"
style="fill-rule: evenodd; clip-rule: evenodd"
/>
</g>
</g>
</g>
</svg>
</li>
<!-- SASS -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="40" height="40" viewBox="0 0 512 512">
<g>
<g>
<g>
<path
d="M422.009,281.793c-16.096,0.071-30.035,3.952-41.675,9.701c-4.24-8.553-8.624-16.025-9.343-21.629 c-0.86-6.54-1.796-10.419-0.789-18.179c1.007-7.762,5.532-18.756,5.461-19.545c-0.071-0.79-1.006-4.743-10.275-4.815 c-9.269-0.071-17.244,1.796-18.179,4.239c-0.936,2.443-2.73,7.977-3.808,13.725c-1.653,8.407-18.54,38.443-28.097,54.107 c-3.161-6.106-5.819-11.497-6.395-15.808c-0.862-6.54-1.796-10.419-0.79-18.179c1.006-7.762,5.532-18.756,5.46-19.545 c-0.072-0.79-1.006-4.743-10.274-4.815c-9.27-0.071-17.244,1.796-18.18,4.24c-0.934,2.442-1.94,8.191-3.808,13.726 c-1.867,5.53-24.359,55.541-30.251,68.548c-3.019,6.609-5.604,11.927-7.473,15.521c-0.286,0.574-0.502,0.934-0.646,1.222 c0.215-0.359,0.36-0.72,0.36-0.574c-1.581,3.088-2.516,4.813-2.516,4.813v0.071c-1.222,2.299-2.587,4.382-3.233,4.382 c-0.432,0-1.365-6.034,0.216-14.298c3.376-17.389,11.352-44.404,11.28-45.34c-0.072-0.503,1.508-5.173-5.246-7.689 c-6.538-2.371-8.91,1.582-9.484,1.582s-1.006,1.438-1.006,1.438s7.258-30.467-13.94-30.467 c-13.221,0-31.615,14.516-40.668,27.665c-5.677,3.09-17.965,9.772-30.898,16.885c-4.958,2.731-10.06,5.532-14.874,8.192 c-0.359-0.361-0.647-0.72-1.006-1.079c-25.724-27.447-73.22-46.848-71.207-83.711c0.718-13.437,5.389-48.716,91.327-91.542 c70.418-35.065,126.751-25.436,136.453-4.024c13.938,30.539-30.109,87.376-103.256,95.566 c-27.88,3.09-42.537-7.688-46.202-11.711c-3.809-4.239-4.384-4.456-5.821-3.665c-2.372,1.293-0.862,5.03,0,7.257 c2.156,5.676,11.137,15.736,26.443,20.766c13.435,4.383,46.13,6.827,85.649-8.479c44.406-17.102,78.969-64.742,68.837-104.62 C303.809,85.2,236.625,71.906,173.034,94.468c-37.867,13.437-78.824,34.563-108.285,62.082 c-34.993,32.767-40.597,61.292-38.299,73.221c8.192,42.321,66.537,69.914,89.89,90.32c-1.15,0.647-2.228,1.222-3.233,1.797 c-11.712,5.819-56.19,29.1-67.328,53.677c-12.573,27.879,2.083,47.853,11.712,50.585c30.035,8.334,60.789-6.683,77.316-31.33 c16.525-24.645,14.514-56.836,6.898-71.495c-0.073-0.215-0.216-0.357-0.287-0.575c3.017-1.795,6.106-3.592,9.197-5.388 c5.963-3.521,11.784-6.756,16.885-9.556c-2.875,7.761-4.958,17.098-6.036,30.609c-1.293,15.807,5.246,36.286,13.725,44.334 c3.735,3.521,8.262,3.594,11.065,3.594c9.916,0,14.37-8.193,19.328-17.965c6.108-11.93,11.497-25.798,11.497-25.798 s-6.754,37.511,11.712,37.511c6.754,0,13.51-8.695,16.526-13.15v0.071c0,0,0.145-0.286,0.504-0.86 c0.718-1.079,1.077-1.726,1.077-1.726v-0.217c2.73-4.67,8.695-15.377,17.675-33.052c11.642-22.851,22.778-51.378,22.778-51.378 s1.006,6.972,4.457,18.54c2.011,6.826,6.25,14.299,9.627,21.557c-2.729,3.736-4.383,5.892-4.383,5.892s0,0.071,0.07,0.143 c-2.155,2.876-4.597,5.966-7.112,8.984c-9.198,10.921-20.12,23.425-21.556,27.017c-1.726,4.24-1.294,7.399,2.012,9.844 c2.442,1.869,6.754,2.155,11.28,1.797c8.264-0.577,14.084-2.587,16.886-3.883c4.454-1.578,9.629-4.095,14.515-7.615 c8.982-6.609,14.444-16.094,13.939-28.597c-0.287-6.898-2.516-13.797-5.246-20.262c0.791-1.151,1.654-2.374,2.444-3.593 c14.229-20.769,25.222-43.544,25.222-43.544s1.006,6.968,4.454,18.537c1.725,5.821,5.102,12.216,8.191,18.466 c-13.365,10.851-21.627,23.427-24.502,31.688c-5.318,15.306-1.15,22.202,6.682,23.786c3.521,0.718,8.551-0.936,12.288-2.517 c4.67-1.581,10.275-4.096,15.52-7.976c8.982-6.609,17.677-15.88,17.103-28.454c-0.217-5.677-1.797-11.353-3.881-16.814 c11.28-4.741,25.941-7.33,44.622-5.173c40.023,4.67,47.854,29.675,46.345,40.093c-1.507,10.492-9.914,16.241-12.717,17.965 c-2.804,1.725-3.665,2.372-3.448,3.665c0.358,1.868,1.651,1.797,4.022,1.364c3.307-0.574,20.982-8.479,21.771-27.808 C487.108,308.45,463.613,281.578,422.009,281.793L422.009,281.793z M113.538,385.766c-13.22,14.443-31.759,19.904-39.734,15.305 c-8.551-4.956-5.174-26.226,11.137-41.604c9.916-9.34,22.706-17.962,31.185-23.279c1.94-1.149,4.743-2.874,8.192-4.958 c0.575-0.357,0.862-0.502,0.862-0.502c0.646-0.433,1.365-0.791,2.084-1.223C133.226,351.349,127.478,370.605,113.538,385.766 L113.538,385.766z M210.111,320.091c-4.599,11.28-14.3,40.023-20.19,38.514c-5.03-1.294-8.121-23.209-1.006-44.764 c3.592-10.851,11.208-23.784,15.736-28.813c7.256-8.121,15.232-10.708,17.101-7.474 C224.266,281.793,212.984,313.05,210.111,320.091L210.111,320.091z M289.868,358.176c-1.939,1.005-3.736,1.651-4.598,1.148 c-0.646-0.359,0.791-1.725,0.791-1.725s9.986-10.706,13.939-15.594c2.299-2.873,4.957-6.251,7.832-9.986 c0,0.357,0.07,0.719,0.07,1.148C307.833,346.031,295.474,354.727,289.868,358.176z M351.377,344.163 c-1.437-1.006-1.223-4.383,3.592-14.875c1.869-4.096,6.181-10.993,13.652-17.604c0.863,2.73,1.365,5.316,1.365,7.759 C369.913,335.611,358.346,341.647,351.377,344.163L351.377,344.163z"
style="fill: #cf649a"
/>
</g>
</g>
</g>
</svg>
</li>
<!-- GIT -->
<li class="transition-all duration-300 ease-in-out hover:scale-[1.15]">
<svg width="40" height="40" viewBox="0 0 24 24">
<g>
<path
d="M23.5615234,10.9320221c-0.0009766,0-0.0009766-0.0004883-0.0009766-0.0004883L13.0615234,0.4256744 c-0.5664063-0.567749-1.5576172-0.5672607-2.1220703-0.0004883L0.4384766,10.9320221C0.15625,11.2158966,0,11.5926056,0,11.9927521 c0,0.4006348,0.15625,0.777771,0.4394531,1.0611572l10.4990234,10.5058594 C11.2216797,23.8436432,11.5986328,24.0000153,12,24.0000153s0.7783203-0.1563721,1.0605469-0.4397583l10.5-10.5063477 C23.84375,12.7705231,24,12.3933868,24,11.9927521C24,11.5926056,23.84375,11.2158966,23.5615234,10.9320221z"
fill="#EF473B"
/>
<path
d="M23.6809692,12.6898956l-10.609375,10.6157837 C12.786438,23.5919952,12.4055176,23.7500153,12,23.7500153s-0.786438-0.15802-1.0725708-0.4448242L0.3190308,12.6898956 c-0.1239624-0.1240845-0.218689-0.2683716-0.2921143-0.4222412c0.0545654,0.2959595,0.1953125,0.5689087,0.4125366,0.7862549 l10.4990234,10.5058594C11.2216797,23.8436432,11.5986328,24.0000153,12,24.0000153s0.7783203-0.1563721,1.0605469-0.4397583 l10.5-10.5063477c0.2172241-0.2173462,0.3580322-0.4902954,0.4125977-0.7862549 C23.8997192,12.421524,23.8049316,12.5658112,23.6809692,12.6898956z"
fill="#010101"
opacity="0.1"
/>
<path
d="M17,10.0000153c-0.3748779,0-0.7219849,0.1100464-1.0222168,0.2902832l-2.2680664-2.2680664 C13.8898926,7.7220612,14,7.3749542,14,7.0000153c0-1.1030273-0.8974609-2-2-2 c-0.369873,0-0.7122803,0.1077881-1.0098267,0.2835693L8.536438,2.8295441L7.8295898,3.5367584l2.4536743,2.4539795 C10.1077271,6.2881012,10,6.6303253,10,7.0000153c0,0.9293213,0.6400146,1.7053833,1.5,1.9289551v6.1420898 C10.6400146,15.294632,10,16.070694,10,17.0000153c0,1.1030273,0.8974609,2,2,2s2-0.8969727,2-2 c0-0.9293213-0.6400146-1.7053833-1.5-1.9289551V8.9289703c0.1767578-0.0459595,0.3425293-0.1158447,0.4968872-0.2055054 l2.2796631,2.2796631C15.1053467,11.2978058,15,11.6353302,15,12.0000153c0,1.1030273,0.8974609,2,2,2s2-0.8969727,2-2 S18.1025391,10.0000153,17,10.0000153z"
fill="#FFFFFF"
/>
<path
d="M0.4384766,11.1820221L10.9394531,0.6751862 c0.5644531-0.5667725,1.5556641-0.5672607,2.1220703,0.0004883l10.4990234,10.5058594c0,0,0,0.0004883,0.0009766,0.0004883 c0.2523193,0.2537842,0.3969727,0.583252,0.4262695,0.935791C23.991272,12.075943,24,12.0352325,24,11.9927521 c0-0.4001465-0.15625-0.7768555-0.4384766-1.06073c-0.0009766,0-0.0009766-0.0004883-0.0009766-0.0004883L13.0615234,0.4256744 c-0.5664063-0.567749-1.5576172-0.5672607-2.1220703-0.0004883L0.4384766,10.9320221C0.15625,11.2158966,0,11.5926056,0,11.9927521 c0,0.0424194,0.008728,0.0831299,0.012207,0.124939C0.0415649,11.765152,0.1862183,11.4357452,0.4384766,11.1820221z"
fill="#FFFFFF"
opacity="0.2"
/>
<linearGradient
gradientUnits="userSpaceOnUse"
id="SVGID_1_"
x1="9.6692657"
x2="18.3065948"
y1="9.6760864"
y2="18.3134155"
>
<stop offset="0" style="stop-color: #010101; stop-opacity: 0.1" />
<stop offset="1" style="stop-color: #010101; stop-opacity: 0" />
</linearGradient>
<path
d="M18.5488281,10.7503815C18.8265381,11.0938263,19,11.5248566,19,12.0000153 c0,1.1030273-0.8974609,2-2,2s-2-0.8969727-2-2c0-0.3646851,0.1053467-0.7022095,0.2765503-0.9968872L12.9968872,8.723465 C12.8425293,8.8131256,12.6767578,8.8830109,12.5,8.9289703v6.1420898c0.8599854,0.2235718,1.5,0.9996338,1.5,1.9289551 c0,1.1030273-0.8974609,2-2,2c-0.5114746,0-0.9738159-0.1986694-1.3278809-0.5157471l3.7318115,3.7318115l7.8029175-7.8076782 L18.5488281,10.7503815z M13.7097168,8.0222321l2.2680664,2.2680664C16.2780151,10.1100616,16.6251221,10.0000153,17,10.0000153 c0.4750977,0,0.90625,0.1735229,1.2498169,0.451355l-4.6776733-4.6777344L13.5697021,5.77565 C13.835144,6.1150665,14,6.5366364,14,7.0000153C14,7.3749542,13.8898926,7.7220612,13.7097168,8.0222321z"
fill="url(#SVGID_1_)"
/>
<linearGradient
gradientUnits="userSpaceOnUse"
id="SVGID_2_"
x1="2.0138185"
x2="21.983366"
y1="7.3399205"
y2="16.6518726"
>
<stop offset="0" style="stop-color: #ffffff; stop-opacity: 0.2" />
<stop offset="1" style="stop-color: #ffffff; stop-opacity: 0" />
</linearGradient>
<path
d="M23.5615234,10.9320221c-0.0009766,0-0.0009766-0.0004883-0.0009766-0.0004883L13.0615234,0.4256744 c-0.5664063-0.567749-1.5576172-0.5672607-2.1220703-0.0004883L0.4384766,10.9320221C0.15625,11.2158966,0,11.5926056,0,11.9927521 c0,0.4006348,0.15625,0.777771,0.4394531,1.0611572l10.4990234,10.5058594 C11.2216797,23.8436432,11.5986328,24.0000153,12,24.0000153s0.7783203-0.1563721,1.0605469-0.4397583l10.5-10.5063477 C23.84375,12.7705231,24,12.3933868,24,11.9927521C24,11.5926056,23.84375,11.2158966,23.5615234,10.9320221z"
fill="url(#SVGID_2_)"
/>
</g>
</svg>
</li>
</ul>
</div>
<div class="col-span-12 sm:col-span-8 xl:col-span-5">
<img src="./assets/image/me.jpg" class="banner-image !animate-[fadeInTop_1s_ease-in-out_800ms_forwards]" />
</div>
</div>
</section>
<!-- End -->
<!-- Start About Me -->
<section id="about" class="py-12 lg:py-24 js-show-on-scroll">
<div class="container">
<div class="items-center block grid-cols-3 gap-12 lg:grid">
<div class="max-w-2xl col-span-2">
<h4 class="relative flex items-center mb-8 text-2xl font-semibold lg:text-3xl md:mb-12">
<span class="block pr-4 bg-body">About Me</span>
<hr class="absolute w-full h-px border-primary-400 -z-10" />
</h4>
<p class="mb-4 text-lg md:text-xl md:mb-6">
I'm a self-taught passionate software engineer, with 6+ years of experience in building accessible and
high-quality digital experiences.
</p>
<p class="mb-4 text-lg md:text-xl md:mb-6">
In 2018, I graduated from St. Xavier's College with a focus on software development and with a mantra to
always stay curious. I can plan, build, launch, and maintain a web application myself—did I mention that
I build mobile apps too? I have worked on a handful of cross-platform iOS and Android apps with React
Native and Ionic.
</p>
<p class="mb-4 text-lg md:text-xl md:mb-6">
Fast forward to 2023 and I'm still learning and challenging myself. Everything I have done, small or
big, has been a vital stepping stone for where I am today. When I'm not coding, you'll find me trekking
some stunning landscapes.
</p>
</div>
<div class="col-span-1 mt-8 mx-auto w-[65%] md:w-[50%] lg:mt-0 lg:w-full">
<div
class="block relative shadow-md rounded-md w-full after:content-[''] after:absolute after:w-full after:h-full after:border-solid after:border-2 after:border-primary-400 after:top-4 after:left-4 after:-z-10 after:rounded-md"
>
<img class="relative w-full rounded-md" src="./assets/image/about-me.jpg" title="Anlisha" />
</div>
</div>
</div>
</div>
</section>
<!-- End About Me -->
<!-- Start Experience -->
<section id="job" class="py-12 lg:py-24 js-show-on-scroll">
<div class="container">
<h4 class="relative flex items-center w-full mb-8 text-2xl font-semibold lg:w-5/6 lg:text-3xl md:mb-12">
<span class="block pr-4 bg-body"> Experience</span>
<hr class="absolute w-full h-px border-primary-400 -z-10" />
</h4>
<div class="flex flex-row md:flex-col md:justify-center">
<div class="w-full md:mx-auto">
<div class="flex flex-col w-full space-y-8 md:flex-row md:max-w-4xl md:space-y-0" x-data="{tab: 1}">
<div
class="flex-col w-full space-x-4 space-y-0 overflow-auto md:flex md:w-1/4 md:justify-start md:space-y-4 md:space-x-0 whitespace-nowrap md:whitespace-normal"
>
<a
class="inline-block px-6 py-2 text-base tracking-wider md:text-lg whitespace-nowrap md:whitespace-normal"
:class="{'z-20 border-b-2 border-l-0 md:border-l-2 md:border-b-0 border-primary-400 font-bold': tab === 1, '': tab !== 1}"
href="#"
@click.prevent="tab = 1"
>
<span class="hidden md:block">Resimator Oy</span>
<span class="block md:hidden">Resimator Oy</span>
</a>
<a
class="inline-block px-6 py-2 text-base tracking-wider md:text-lg whitespace-nowrap md:whitespace-normal"
:class="{'z-20 border-b-2 border-l-0 md:border-l-2 md:border-b-0 border-primary-400 font-bold': tab === 2, '': tab !== 2}"
href="#"
@click.prevent="tab = 2"
>
<span class="hidden md:block">'We' for Change</span>
<span class="block md:hidden">'We' for Change</span>
</a>
<a
class="inline-block px-6 py-2 text-base tracking-wider md:text-lg whitespace-nowrap md:whitespace-normal"
:class="{'z-20 border-b-2 border-l-0 md:border-l-2 md:border-b-0 border-primary-400 font-bold': tab === 3, '': tab !== 3}"
href="#"
@click.prevent="tab = 3"
@click.prevent="tab = 3"
>
<span class="hidden md:block">Amnil Technologies</span>
<span class="block md:hidden">Amnil</span>
</a>
<a
class="inline-block px-6 py-2 text-base tracking-wider md:text-lg whitespace-nowrap md:whitespace-normal"
:class="{'z-20 border-b-2 border-l-0 md:border-l-2 md:border-b-0 border-primary-400 font-bold': tab === 4, '': tab !== 4}"
href="#"
@click.prevent="tab = 4"
@click.prevent="tab = 4"
>
<span class="hidden md:block">Improvement Company Nepal</span>
<span class="block md:hidden">ICN</span>
</a>
<a
class="inline-block px-6 py-2 text-base tracking-wider md:text-lg whitespace-nowrap md:whitespace-normal"
:class="{'z-20 border-b-2 border-l-0 md:border-l-2 md:border-b-0 border-primary-400 font-bold': tab === 5, '': tab !== 5}"
href="#"
@click.prevent="tab = 5"
@click.prevent="tab = 5"
>
<span class="hidden md:block">Grafi Offshore</span>
<span class="block md:hidden">Grafi</span>
</a>
</div>
<div class="w-full md:w-3/4">
<div class="space-y-3" x-show="tab === 1">
<h3 class="text-lg font-semibold leading-tight md:text-xl" x-show="tab === 1">
Senior Full Stack Engineer
<a class="text-primary-400" target="_blank" href="https://resimator.fi/en">@ Resimator Oy</a>
</h3>
<p class="tracking-wider md:text-lg" x-show="tab === 1">Jan 2019 - Present</p>
<ul class="list-none">
<li
class="text-lg md:text-xl mb-4 pl-6 relative before:content-['▹'] before:text-lg before:md:text-2xl before:text-primary-400 before:absolute before:left-0"
>
Led front-end development of Meeteo.io, a webinar and event management solution featuring a
JITSI-based webinar room, customizable widgets, and an intuitive operations dashboard.
</li>
<li
class="text-lg md:text-xl mb-4 pl-6 relative before:content-['▹'] before:text-lg before:md:text-2xl before:text-primary-400 before:absolute before:left-0"
>
Implemented a robust multi-tenancy architecture for Kioskcloud.io, enhancing the platform's
ability to serve multiple businesses simultaneously while maintaining data security and privacy.
</li>
<li
class="text-lg md:text-xl mb-4 pl-6 relative before:content-['▹'] before:text-lg before:md:text-2xl before:text-primary-400 before:absolute before:left-0"
>
Created scalable modules in Kioskcloud.io to manage smart screens and self-service kiosks,
including menu scheduling and product configuration.
</li>
<li
class="text-lg md:text-xl mb-4 pl-6 relative before:content-['▹'] before:text-lg before:md:text-2xl before:text-primary-400 before:absolute before:left-0"
>
Contributed to the full-stack development of Resimator’s property management platform, focusing
mainly on interactive inspection templates and ticketing system.
</li>
</ul>
</div>
<div class="space-y-3" x-show="tab === 2">
<h3 class="text-lg font-semibold leading-tight md:text-xl" x-show="tab === 2">
Project Lead (Voluntary)
<a class="text-primary-400" target="_blank" href="https://www.weforchange.org"
>@ 'We' for Change
</a>
</h3>
<p class="tracking-wider md:text-lg" x-show="tab === 2">Jan 2020 - Mar 2021</p>
<ul class="list-none">
<li
class="text-lg md:text-xl mb-4 pl-6 relative before:content-['▹'] before:text-lg before:md:text-2xl before:text-primary-400 before:absolute before:left-0"
>
Collaborated with the ‘We’ for Change team and UX designers to plan, build, and launch Let’s
Meditate, an interactive learning platform designed to promote mental well-being, attracting
over 100 users within the first three months.
</li>
</ul>
</div>
<div class="space-y-3" x-show="tab === 3">
<h3 class="text-lg font-semibold leading-tight md:text-xl" x-show="tab === 3">
Software Engineer
<a class="text-primary-400" target="_blank" href="https://amniltech.com/">@ Amnil Technologies</a>
</h3>
<p class="tracking-wider md:text-lg" x-show="tab === 3">Dec 2016 - Dec 2018</p>
<ul class="list-none">
<li
class="text-lg md:text-xl mb-4 pl-6 relative before:content-['▹'] before:text-lg before:md:text-2xl before:text-primary-400 before:absolute before:left-0"
>
Built and shipped multiple cross-platform mobile apps for Android and iOS, including Nabil
Invest and Prabasi Ko Saath, receiving an average 4.5-star rating and driving significant user
engagement and retention.
</li>
<li
class="text-lg md:text-xl mb-4 pl-6 relative before:content-['▹'] before:text-lg before:md:text-2xl before:text-primary-400 before:absolute before:left-0"
>
Worked on multiple CMS-driven websites for clients including Yamaha Nepal, Sipradi Companies,
Bank of Kathmandu, and others, delivering responsive designs and intuitive user experiences that
improved brand awareness, increased website traffic, and ultimately led to higher conversions.
</li>
</ul>
</div>
<div class="space-y-3" x-show="tab === 4">
<h3 class="text-lg font-semibold leading-tight md:text-xl" x-show="tab === 4">
Web Developer
<a class="text-primary-400" target="_blank" href="http://www.icn.com.np/"
>@ Improvement Company Nepal</a
>
</h3>
<p class="tracking-wider md:text-lg" x-show="tab === 4">June 2016 - Dec 2016</p>
<ul class="list-none">
<li
class="text-lg md:text-xl mb-4 pl-6 relative before:content-['▹'] before:text-lg before:md:text-2xl before:text-primary-400 before:absolute before:left-0"
>
Engineered key features of the LIMS (Laboratory Info Management System), including automated
report generation and access control, resulting in a 30% reduction in manual labor.
</li>
<li
class="text-lg md:text-xl mb-4 pl-6 relative before:content-['▹'] before:text-lg before:md:text-2xl before:text-primary-400 before:absolute before:left-0"
>
Facilitated user training sessions to ensure staffs were proficient in utilizing the LIMS module
to its full potential.
</li>
</ul>
</div>
<div class="space-y-3" x-show="tab === 5">
<h3 class="text-lg font-semibold leading-tight md:text-xl" x-show="tab === 5">
Software Development Studio Trainee
<a class="text-primary-400" target="_blank" href="https://grafioffshorenepal.com/"
>@ Grafi Offshore</a
>
</h3>
<p class="tracking-wider md:text-lg" x-show="tab === 5">Sep 2015 - June 2016</p>
<ul class="list-none">
<li
class="text-lg md:text-xl mb-4 pl-6 relative before:content-['▹'] before:text-lg before:md:text-2xl before:text-primary-400 before:absolute before:left-0"
>
Contributed to the implementation of new features for an in-house project, while ensuring strict
version control and actively participating in code reviews to enhance coding skills.
</li>
<li
class="text-lg md:text-xl mb-4 pl-6 relative before:content-['▹'] before:text-lg before:md:text-2xl before:text-primary-400 before:absolute before:left-0"
>
Engaged in comprehending a legacy codebase, which significantly boosted my debugging skills and
fostered a positive mindset toward limitless refactoring opportunities.o
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Experience -->
<!-- Start Project -->
<section id="project" class="py-12 text-center lg:py-24">
<div class="container" x-data="{ showMore: false }">
<h4 class="mb-2 text-2xl font-semibold md:text-3xl">Selected Works</h4>
<ul class="mt-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 list-none children:aspect-[4/3]">
<li class="project-1">
<div
class="relative flex flex-col items-center justify-center w-full h-full p-4 overflow-hidden transition-all duration-300 rounded-md shadow-md z-1 bg-gray-50 xl:hover:scale-110 xl:hover:z-10 group"
>
<img
src="./assets/image/shangrilachauffeurs.png"
class="absolute top-0 left-0 transition-all duration-1000 opacity-25 -z-1 xl:opacity-100 xl:group-hover:scale-110 xl:group-hover:opacity-25"
/>
<h4
class="mb-4 text-2xl font-semibold text-center text-secondary-500 xl:animate-slide-to-top xl:group-hover:animate-slide-from-top"
>
Shangri-La Chauffeurs
</h4>
<p
class="hidden text-center transition-all opacity-0 xl:block text-secondary-500 duration-800 z-1 xl:group-hover:opacity-100"
>
Web platform to book luxurious and comfortable rides in every major city of Australia.
</p>
<div
class="flex flex-wrap justify-center gap-1 mt-10 text-secondary-500 children:px-3 children:leading-6 children:border children:border-solid children:border-secondary-500 children:rounded children:text-sm children:xl:transition-all children:xl:duration-800 children:xl:opacity-0 children:xl:group-hover:opacity-100 children:xl:animate-slide-to-bottom children:xl:group-hover:animate-slide-from-bottom"
>
<span class="">React</span>
<span class="xl:delay-100">Material-UI</span>
<span class="xl:delay-200">Redux</span>
<span class="xl:delay-300">Square</span>
<span class="xl:delay-400">Laravel REST API</span>
</div>
</div>
</li>
<li class="project-1">
<div
class="relative flex flex-col items-center justify-center w-full h-full p-4 overflow-hidden transition-all duration-300 rounded-md shadow-md z-1 bg-gray-50 xl:hover:scale-110 xl:hover:z-10 group"
>
<img
src="./assets/image/andel.jpg"
class="absolute top-0 left-0 transition-all duration-1000 opacity-25 -z-1 xl:opacity-100 xl:group-hover:scale-110 xl:group-hover:opacity-25"
/>
<h4
class="mb-4 text-2xl font-semibold text-center text-secondary-500 xl:animate-slide-to-top xl:group-hover:animate-slide-from-top"
>
Andelskungen
</h4>
<p
class="hidden text-center transition-all opacity-0 xl:block text-secondary-500 duration-800 z-1 xl:group-hover:opacity-100"
>
Podcast with Trotting & Sports; a mobile application for Android & iOS that includes Firebase Cloud
Messaging & react-native-video component.
</p>
<div
class="flex flex-wrap justify-center gap-1 mt-10 text-secondary-500 children:px-3 children:leading-6 children:border children:border-solid children:border-secondary-500 children:rounded children:text-sm children:xl:transition-all children:xl:duration-800 children:xl:opacity-0 children:xl:group-hover:opacity-100 children:xl:animate-slide-to-bottom children:xl:group-hover:animate-slide-from-bottom"
>
<span class="">React Native</span>
<span class="xl:delay-100">Firebase Cloud Messaging</span>
<span class="xl:delay-200">SCSS</span>
</div>
</div>
</li>
<li class="project-1">
<div
class="relative flex flex-col items-center justify-center w-full h-full p-4 overflow-hidden transition-all duration-300 rounded-md shadow-md z-1 bg-gray-50 xl:hover:scale-110 xl:hover:z-10 group"
>
<img
src="./assets/image/dnpwc.png"
class="absolute top-0 left-0 transition-all duration-1000 opacity-25 -z-1 xl:opacity-100 xl:group-hover:scale-110 xl:group-hover:opacity-25"
/>
<h4
class="mb-4 text-2xl font-semibold text-center text-secondary-500 xl:animate-slide-to-top xl:group-hover:animate-slide-from-top"
>
DNPWC
</h4>
<p
class="hidden text-center transition-all opacity-0 xl:block text-secondary-500 duration-800 z-1 xl:group-hover:opacity-100"
>
A large-scale web application for the Department of National Parks and Wildlife Conservation under the
Ministry of Forest and Environment, to track monthly, quarterly, and annual progress reports of all
its subordinate offices.
</p>
<div
class="flex flex-wrap justify-center gap-1 mt-10 text-secondary-500 children:px-3 children:leading-6 children:border children:border-solid children:border-secondary-500 children:rounded children:text-sm children:xl:transition-all children:xl:duration-800 children:xl:opacity-0 children:xl:group-hover:opacity-100 children:xl:animate-slide-to-bottom children:xl:group-hover:animate-slide-from-bottom"
>
<span class="">Laravel 8</span>
<span class="xl:delay-100">HTML5</span>
<span class="xl:delay-200">SCSS</span>
</div>
</div>
</li>
<li class="project-2">
<div
class="relative flex flex-col items-center justify-center w-full h-full p-4 overflow-hidden transition-all duration-300 rounded-md shadow-md z-1 bg-gray-50 xl:hover:scale-110 xl:hover:z-10 group"
>
<img
src="./assets/image/weforchange.png"
class="absolute top-0 left-0 transition-all duration-1000 opacity-25 -z-1 xl:opacity-100 xl:group-hover:scale-110 xl:group-hover:opacity-25"
/>
<h4
class="mb-4 text-2xl font-semibold text-center text-secondary-500 xl:animate-slide-to-top xl:group-hover:animate-slide-from-top"
>
'We' for Change
</h4>
<p
class="hidden text-center transition-all opacity-0 xl:block text-secondary-500 duration-800 z-1 xl:group-hover:opacity-100"
>
‘We’ for Change, established in 2012, is a non-profit youth-led organization based in Kathmandu,
Nepal.
</p>
<div
class="flex flex-wrap justify-center gap-1 mt-10 text-secondary-500 children:px-3 children:leading-6 children:border children:border-solid children:border-secondary-500 children:rounded children:text-sm children:xl:transition-all children:xl:duration-800 children:xl:opacity-0 children:xl:group-hover:opacity-100 children:xl:animate-slide-to-bottom children:xl:group-hover:animate-slide-from-bottom"
>
<span class="">Wordpress</span>
<span class="xl:delay-100">SCSS</span>
</div>
</div>
</li>
<li class="project-2">
<div
class="relative flex flex-col items-center justify-center w-full h-full p-4 overflow-hidden transition-all duration-300 rounded-md shadow-md z-1 bg-gray-50 xl:hover:scale-110 xl:hover:z-10 group"
>
<img
src="./assets/image/hayk.jpg"
class="absolute top-0 left-0 transition-all duration-1000 opacity-25 -z-1 xl:opacity-100 xl:group-hover:scale-110 xl:group-hover:opacity-25"
/>
<h4
class="mb-4 text-2xl font-semibold text-center text-secondary-500 xl:animate-slide-to-top xl:group-hover:animate-slide-from-top"
>
Hayk
</h4>
<p
class="hidden text-center transition-all opacity-0 xl:block text-secondary-500 duration-800 z-1 xl:group-hover:opacity-100"
>
Hayk for Android & iOS provides easily accessible shared electric cars, making it easy to live a more
sustainable life!
</p>
<div
class="flex flex-wrap justify-center gap-1 mt-10 text-secondary-500 children:px-3 children:leading-6 children:border children:border-solid children:border-secondary-500 children:rounded children:text-sm children:xl:transition-all children:xl:duration-800 children:xl:opacity-0 children:xl:group-hover:opacity-100 children:xl:animate-slide-to-bottom children:xl:group-hover:animate-slide-from-bottom"
>
<span class="">Ionic</span>
<span class="xl:delay-100">Angular</span>
<span class="xl:delay-200">HTML5</span>
<span class="xl:delay-300">SCSS</span>
</div>
</div>
</li>
<li class="project-2">
<div
class="relative flex flex-col items-center justify-center w-full h-full p-4 overflow-hidden transition-all duration-300 rounded-md shadow-md z-1 bg-gray-50 xl:hover:scale-110 xl:hover:z-10 group"
>
<img
src="./assets/image/story.png"
class="absolute top-0 left-0 transition-all duration-1000 opacity-25 -z-1 xl:opacity-100 xl:group-hover:scale-110 xl:group-hover:opacity-25"
/>
<h4
class="mb-4 text-2xl font-semibold text-center text-secondary-500 xl:animate-slide-to-top xl:group-hover:animate-slide-from-top"
>
STORY TO SHARE
</h4>
<p
class="hidden text-center transition-all opacity-0 xl:block text-secondary-500 duration-800 z-1 xl:group-hover:opacity-100"
>
Story to Share is a storytelling platform where you can share your real-life stories anonymously by
sending your handwritten notes up to a maximum of one page.
</p>
<div
class="flex flex-wrap justify-center gap-1 mt-10 text-secondary-500 children:px-3 children:leading-6 children:border children:border-solid children:border-secondary-500 children:rounded children:text-sm children:xl:transition-all children:xl:duration-800 children:xl:opacity-0 children:xl:group-hover:opacity-100 children:xl:animate-slide-to-bottom children:xl:group-hover:animate-slide-from-bottom"
>
<span class="">Wordpress</span>
<span class="xl:delay-100">SCSS</span>
</div>
</div>
</li>
<li class="project-3" x-bind:class="! showMore ? 'hidden' : ''">
<div
class="relative flex flex-col items-center justify-center w-full h-full p-4 overflow-hidden transition-all duration-300 rounded-md shadow-md z-1 bg-gray-50 xl:hover:scale-110 xl:hover:z-10 group"
>
<img
src="./assets/image/nabil.jpg"
class="absolute top-0 left-0 transition-all duration-1000 opacity-25 -z-1 xl:opacity-100 xl:group-hover:scale-110 xl:group-hover:opacity-25"
/>
<h4
class="mb-4 text-2xl font-semibold text-center text-secondary-500 xl:animate-slide-to-top xl:group-hover:animate-slide-from-top"
>
Nabil Invest App
</h4>
<p
class="hidden text-center transition-all opacity-0 xl:block text-secondary-500 duration-800 z-1 xl:group-hover:opacity-100"
>
A cross-platform Android app to keep track of investments with access to Share Allotment, Mutual Fund,
and Today's Share Price.