-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1087 lines (1059 loc) · 105 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 id="amca" lang="en">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title> Sunny Sharma | Portfolio </title>
<link rel="canonical" href="https://20sunny.netlify.app">
<meta name="author" content="Sunny Sharma">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="20Sunny">
<meta name="twitter:description" content="Sunny Sharma Portfolio">
<meta name="twitter:image" content="./fav.png">
<meta property="og:title" content="Sunny Sharma">
<meta property="og:description" content="Portfolio, website">
<meta property="og:image" content="./fav.png">
<meta property="og:url" content="https://20sunny.netlify.app">
<!-- <link rel="shortcut icon" type="svg" href="fac.svg"> -->
<link rel="apple-touch-icon" sizes="180x180" href="fav.png">
<link rel="icon" type="image/png" sizes="32x32" href="fav.png">
<!-- ================CSS FILES================-->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="./name.css">
<!-- ==========color change====================-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style type="text/css" media="print">
BODY {
display: none;
visibility: hidden;
}
</style>
<style>
a {
cursor: none !important;
}
</style>
<style>
.loader {
position: fixed;
top: 0;
left: 0;
background: lightgray;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 99;
}
.loader iframe {
height: 100%;
width: 100%;
/* background: transparent; */
}
.disppear {
animation: vanish 1s forwards;
}
@keyframes vanish {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
visibility: hidden;
}
}
</style>
</head>
<body>
<div class="cursor"></div>
<div class="loader">
<iframe src="./alert.html"></iframe>
</div>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
<!-- ======MAIN CONTAINER START======== -->
<div class="main-container">
<!-- ======ASIDE START======== -->
<div class="aside">
<div class="logo">
<a onclick="content()">
<div style="height: 120px;">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="auto" height="auto" viewBox="0 0 200 200" style="overflow:hidden!important;">
<defs id="SvgjsDefs1007">
<radialGradient id="SvgjsRadialGradient2907" cx="100" cy="114" r="41" gradientUnits="userSpaceOnUse" class="svga-on-canvas-facehighlight-gradient-single-0">
<stop id="SvgjsStop2908" stop-opacity="0.5" stop-color="#ffe4d6" offset="0"/>
<stop id="SvgjsStop2909" stop-opacity="0" stop-color="#f0c7b1" offset="0.9"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient2911" cx="100" cy="54" r="37" gradientUnits="userSpaceOnUse" class="svga-on-canvas-facehighlight-gradient-single-1">
<stop id="SvgjsStop2912" stop-opacity="0.5" stop-color="#ffe4d6" offset="0"/>
<stop id="SvgjsStop2913" stop-opacity="0" stop-color="#f0c7b1" offset="0.9"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient3662" cx="125.861" cy="84.497" r="10.213" gradientTransform="matrix(-1 0 0 1 200 0)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesback-gradient-left-0">
<stop id="SvgjsStop3663" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3664" stop-opacity="1" stop-color="#fdfefe" offset="0.544"/>
<stop id="SvgjsStop3665" stop-opacity="1" stop-color="#f6f8f9" offset="0.74"/>
<stop id="SvgjsStop3666" stop-opacity="1" stop-color="#eaeff2" offset="0.879"/>
<stop id="SvgjsStop3667" stop-opacity="1" stop-color="#d9e3e8" offset="0.992"/>
<stop id="SvgjsStop3668" stop-opacity="1" stop-color="#d8e2e7" offset="1"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient3670" cx="125.861" cy="84.497" r="10.213" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesback-gradient-right-0">
<stop id="SvgjsStop3671" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3672" stop-opacity="1" stop-color="#fdfefe" offset="0.544"/>
<stop id="SvgjsStop3673" stop-opacity="1" stop-color="#f6f8f9" offset="0.74"/>
<stop id="SvgjsStop3674" stop-opacity="1" stop-color="#eaeff2" offset="0.879"/>
<stop id="SvgjsStop3675" stop-opacity="1" stop-color="#d9e3e8" offset="0.992"/>
<stop id="SvgjsStop3676" stop-opacity="1" stop-color="#d8e2e7" offset="1"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient3678" cx="125.861" cy="84.497" r="10.213" gradientTransform="matrix(-1 0 0 1 200 0)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-left-0">
<stop id="SvgjsStop3679" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3680" stop-opacity="1" stop-color="#fdfefe" offset="0.544"/>
<stop id="SvgjsStop3681" stop-opacity="1" stop-color="#f6f8f9" offset="0.74"/>
<stop id="SvgjsStop3682" stop-opacity="1" stop-color="#eaeff2" offset="0.879"/>
<stop id="SvgjsStop3683" stop-opacity="1" stop-color="#d9e3e8" offset="0.992"/>
<stop id="SvgjsStop3684" stop-opacity="1" stop-color="#d8e2e7" offset="1"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient3688" cx="123.755" cy="83.738" fx="136.189" fy="83.773" r="17.684" gradientTransform="matrix(0.9998 0.0208 0.0166 -0.7998 -48.8769 148.1393)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-left-3">
<stop id="SvgjsStop3689" stop-opacity="1" stop-color="#e1ac8f" offset="0"/>
<stop id="SvgjsStop3690" stop-opacity="0.3" stop-color="#e1ac8f" offset="0.7"/>
<stop id="SvgjsStop3691" stop-opacity="0" stop-color="#f0c7b1" offset="1"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient3693" cx="122.636" cy="100.958" r="25.824" gradientTransform="matrix(-0.8746 -0.4848 -0.3636 0.656 221.3328 94.1879)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-left-4">
<stop id="SvgjsStop3694" stop-opacity="0" stop-color="#000000" offset="0.94"/>
<stop id="SvgjsStop3695" stop-opacity="0.2" stop-color="#000000" offset="1"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient3699" cx="125.861" cy="84.497" r="10.213" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-right-0">
<stop id="SvgjsStop3700" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3701" stop-opacity="1" stop-color="#fdfefe" offset="0.544"/>
<stop id="SvgjsStop3702" stop-opacity="1" stop-color="#f6f8f9" offset="0.74"/>
<stop id="SvgjsStop3703" stop-opacity="1" stop-color="#eaeff2" offset="0.879"/>
<stop id="SvgjsStop3704" stop-opacity="1" stop-color="#d9e3e8" offset="0.992"/>
<stop id="SvgjsStop3705" stop-opacity="1" stop-color="#d8e2e7" offset="1"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient3709" cx="123.755" cy="83.738" fx="136.19" fy="83.773" r="17.685" gradientTransform="matrix(-0.9998 0.0208 -0.0166 -0.7998 248.8769 148.1393)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-right-3">
<stop id="SvgjsStop3710" stop-opacity="1" stop-color="#e1ac8f" offset="0"/>
<stop id="SvgjsStop3711" stop-opacity="0.3" stop-color="#e1ac8f" offset="0.7"/>
<stop id="SvgjsStop3712" stop-opacity="0" stop-color="#f0c7b1" offset="1"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient3714" cx="122.636" cy="100.958" r="25.824" gradientTransform="matrix(0.8746 -0.4848 0.3636 0.656 -21.3328 94.1879)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesfront-gradient-right-4">
<stop id="SvgjsStop3715" stop-opacity="0" stop-color="#000000" offset="0.94"/>
<stop id="SvgjsStop3716" stop-opacity="0.2" stop-color="#000000" offset="1"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient3721" cx="-568.659" cy="-521.042" r="59.751" gradientTransform="matrix(0.096 -0.0248 0.0245 0.0961 141.2814 119.9893)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-left-1">
<stop id="SvgjsStop3722" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3723" stop-opacity="0" stop-color="#ffffff" offset="1"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient3725" cx="-582.838" cy="-519.099" r="59.745" gradientTransform="matrix(0.0991 8.856319e-004 -0.0011 0.0991 131.1134 135.9855)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-left-2">
<stop id="SvgjsStop3726" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3727" stop-opacity="0" stop-color="#ffffff" offset="1"/>
</radialGradient>
<linearGradient id="SvgjsLinearGradient3731" x1="122.67" y1="88.268" x2="123.606" y2="87.152" gradientTransform="matrix(1 0 0 1 -52 0)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-left-5">
<stop id="SvgjsStop3732" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3733" stop-opacity="0" stop-color="#ffffff" offset="1"/>
</linearGradient>
<linearGradient id="SvgjsLinearGradient3735" x1="127.212" y1="82.296" x2="126.463" y2="83.189" gradientTransform="matrix(1 0 0 1 -52 0)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-left-6">
<stop id="SvgjsStop3736" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3737" stop-opacity="0" stop-color="#ffffff" offset="1"/>
</linearGradient>
<linearGradient id="SvgjsLinearGradient3739" x1="129.636" y1="79.822" x2="127.91" y2="81.879" gradientTransform="matrix(1 0 0 1 -52 0)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-left-7">
<stop id="SvgjsStop3740" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3741" stop-opacity="0" stop-color="#ffffff" offset="1"/>
</linearGradient>
<radialGradient id="SvgjsRadialGradient3744" cx="-568.654" cy="-521.042" r="59.752" gradientTransform="matrix(0.096 -0.0248 0.0245 0.0961 193.2804 119.9894)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-right-1">
<stop id="SvgjsStop3745" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3746" stop-opacity="0" stop-color="#ffffff" offset="1"/>
</radialGradient>
<radialGradient id="SvgjsRadialGradient3748" cx="-582.833" cy="-519.102" r="59.747" gradientTransform="matrix(0.0991 8.856319e-004 -0.0011 0.0991 183.1126 135.9856)" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-right-2">
<stop id="SvgjsStop3749" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3750" stop-opacity="0" stop-color="#ffffff" offset="1"/>
</radialGradient>
<linearGradient id="SvgjsLinearGradient3754" x1="122.67" y1="88.268" x2="123.606" y2="87.152" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-right-5">
<stop id="SvgjsStop3755" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3756" stop-opacity="0" stop-color="#ffffff" offset="1"/>
</linearGradient>
<linearGradient id="SvgjsLinearGradient3758" x1="127.212" y1="82.296" x2="126.463" y2="83.189" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-right-6">
<stop id="SvgjsStop3759" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3760" stop-opacity="0" stop-color="#ffffff" offset="1"/>
</linearGradient>
<linearGradient id="SvgjsLinearGradient3762" x1="129.636" y1="79.822" x2="127.91" y2="81.879" gradientUnits="userSpaceOnUse" class="svga-on-canvas-eyesiris-gradient-right-7">
<stop id="SvgjsStop3763" stop-opacity="1" stop-color="#ffffff" offset="0"/>
<stop id="SvgjsStop3764" stop-opacity="0" stop-color="#ffffff" offset="1"/>
</linearGradient>
<linearGradient id="SvgjsLinearGradient3869" x1="100" y1="171" x2="100" y2="130" gradientUnits="userSpaceOnUse" class="svga-on-canvas-chinshadow-gradient-single-0">
<stop id="SvgjsStop3870" stop-opacity="0.8" stop-color="#e1ac8f" offset="0"/>
<stop id="SvgjsStop3871" stop-opacity="1" stop-color="#c27b55" offset="0.7"/>
</linearGradient>
<linearGradient id="SvgjsLinearGradient3914" x1="100" y1="142" x2="100" y2="139" gradientUnits="userSpaceOnUse" class="svga-on-canvas-mouth-gradient-single-0">
<stop id="SvgjsStop3915" stop-opacity="1" stop-color="#e8b9a0" offset="0.1"/>
<stop id="SvgjsStop3916" stop-opacity="1" stop-color="#e1ac8f" offset="1"/>
</linearGradient>
</defs>
<g id="svga-group-wrapper">
<g id="svga-group-backs-single"/>
<g id="svga-group-humanwrap-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-humanwrap" transform="matrix(0.8499995000000001,0,0,0.8499995000000001,14.979301542071454,16.951495313237174)">
<g id="svga-group-hair-back-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-hair-back" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3801" d="M100.5,100.5h-1v-1h1V100.5z" fill="#2a232b" stroke-width="none" opacity="1"/>
</g>
</g>
<g id="svga-group-humanbody-single">
<path id="SvgjsPath2914" d="M195.417 199.778c-2.196-4.746-8.195-11.779-14.86-13.722 -8.239-2.403-26.837-5.308-33.733-6.923 -5.528-1.296-16.662-11.294-20.564-14.65 -0.7-0.6-1.273-1.839-1.287-2.76 -0.139-10.864 4.195-39.724 4.195-39.724H100 70.833c0 0 4.334 28.859 4.193 39.724 -0.011 0.921-0.587 2.16-1.285 2.76 -3.902 3.356-15.036 13.354-20.564 14.65 -6.897 1.615-25.495 4.619-33.733 7.022 -6.667 1.942-12.664 8.876-14.86 13.622 -3.708 8.008-4.584 22.5-4.584 35h100 100C200 222.278 199.123 207.786 195.417 199.778z" fill="#f0c7b1" stroke-width="none" opacity="1"/>
<path id="SvgjsPath2915" d="M159.156 184.058c24.342 3.542 34.586 8.708 37.794 50.721H200c0-12.5-0.877-26.992-4.583-35 -2.196-4.746-8.195-11.779-14.86-13.722 -8.239-2.403-26.837-5.308-33.733-6.923 -5.528-1.296-18.242-12.069-21.643-16.35 3.36 4.704 12.791 15.605 21.054 18.46C150.188 182.61 153.48 183.232 159.156 184.058zM53.766 181.244c8.263-2.854 17.693-13.756 21.054-18.46 -3.4 4.28-16.114 15.054-21.643 16.35 -6.896 1.615-25.494 4.619-33.733 7.022 -6.665 1.942-12.664 8.876-14.86 13.622 -3.706 8.008-4.583 22.5-4.583 35h3.05c3.188-41.744 13.475-47.183 37.794-50.721C46.52 183.232 49.813 182.61 53.766 181.244z" fill="#ffe4d6" stroke-width="none" opacity="1"/>
<path id="SvgjsPath2916" d="M95.646 197.62c0 0-5.074-1.609-7.083-2.379 -10.449-4.009-44.395-6.607-44.395-6.607s35.754 1.419 43.644 2.779c-0.458-4.767-3.017-20.004-3.017-20.004s5.149 16.815 6.409 21.057C91.878 194.734 95.646 197.62 95.646 197.62zM106.445 196.278c-0.089 0.073-0.191 0.168-0.302 0.268C106.256 196.461 106.358 196.372 106.445 196.278zM95.646 197.62c0 0 2.893 2.992 4.347 3.03 1.91 0.051 4.828-2.899 6.151-4.104 -1.265 0.957-4.159 1.391-5.31 1.436C99.504 198.033 95.646 197.62 95.646 197.62zM116.664 190.101c-1.545 0.248-4.386 0.789-4.386 0.789l2.287-14.89c-0.646 3.071-4.474 16.211-8.12 20.278 1.91-1.616 6.158-2.391 8.324-2.704 10.236-1.484 10.232-1.483 41.062-4.94C155.831 188.634 126.76 188.479 116.664 190.101z" fill="#e1ac8f" stroke-width="none" opacity="1"/>
<path id="SvgjsPath2917" d="M195.417 199.778c-2.196-4.746-8.195-11.779-14.86-13.722 -8.239-2.403-26.837-5.308-33.733-6.923 -5.528-1.296-16.662-11.294-20.564-14.65 -0.7-0.6-1.273-1.839-1.287-2.76 -0.139-10.864 4.195-39.724 4.195-39.724H100 70.833c0 0 4.334 28.859 4.193 39.724 -0.011 0.921-0.587 2.16-1.285 2.76 -3.902 3.356-15.036 13.354-20.564 14.65 -6.897 1.615-25.495 4.619-33.733 7.022 -6.667 1.942-12.664 8.876-14.86 13.622 -3.708 8.008-4.584 22.5-4.584 35h100 100C200 222.278 199.123 207.786 195.417 199.778z" fill="none" stroke="#c27b55" stroke-width="1.5" opacity="1"/>
</g>
<g id="svga-group-chinshadow-single">
<path id="SvgjsPath3868" d="M75.602 162.779c7.126 5.302 15.497 9.087 24.401 9.087 8.902 0 17.269-3.781 24.394-9.08 -0.104-0.358-0.17-0.718-0.175-1.053 -0.088-6.862 1.561-20.607 2.82-30.025 -15.654-1.97-38.431-1.97-54.084 0 1.26 9.419 2.908 23.163 2.819 30.024C75.773 162.063 75.707 162.42 75.602 162.779z" fill="url(#SvgjsLinearGradient3869)" opacity="1"/>
</g>
<g id="svga-group-clothes-single">
<path id="SvgjsPath3862" d="M-0.35 235.399c-5.397-68.442 34.095-42.726 62.751-62.455 0.43-2.869 2.012-4.49 4.209-6.688 8.539-8.537 3.556-12.475 6.837-16.225 0.061 0.682 0.121 1.609 0.203 2.609 14.335 15.54 41.122 21.975 52.534 1.957 0.057-1.388 0.281-4.84 0.455-6.532 2.596 1.968 2.467 4.504 2.671 7.165 0.952 12.423 8.132 15.523 9.356 18.519 29.112 18.84 64.362-8.488 61.582 61.22C190.104 235.4 82.543 236.083-0.35 235.399z" fill=var(--skin-color) stroke-width="none" opacity="1"/>
<path id="SvgjsPath3863" d="M200.249 234.97c-0.493 0.021-1.225 0.043-2.165 0.064C197.343 222.419 196.966 209.61 190 198c-10-16-30-10-46-18 -12.592-5.396-14.666-18.072-15.685-30.026 0.869 1.59 0.853 3.393 0.995 5.258 0.952 12.423 8.132 15.523 9.356 18.519C167.779 192.59 203.029 165.262 200.249 234.97zM12 194.805c11.883-11.718 38-5.801 51-20.801 2.369-5.019 8.619-7.769 9.354-21.899 -0.828 3.247 1.257 7.153-5.743 14.152 -2.197 2.197-3.779 3.818-4.209 6.688 -28.656 19.729-68.148-5.987-62.751 62.455 0.475 0.004 0.955 0.008 1.432 0.012C0.058 220.805 2.523 204.149 12 194.805zM73.869 166.735c14.154 9.8 28.403 14.222 47.5 6.75C98.572 180.314 85.85 173.819 73.869 166.735zM93.095 170.59c12.673 4 24.608 2.148 35.774-6.604C117.411 171.174 106.868 173.999 93.095 170.59zM67.786 176.957c11.886 10.565 44.754 17.908 69.083-1.222C111.67 193.004 79.525 186.392 67.786 176.957zM86.209 180.108c16.699 7.246 43.293-0.997 47.602-5.373C129.232 178.65 101.399 185.549 86.209 180.108z" fill=var(--skin-color) stroke-width="none" opacity="0.5"/>
<path id="SvgjsPath3864" d="M139.439 173.615h-0.011c-0.119-0.06-0.239-0.13-0.359-0.2 -0.018-0.054-0.39-0.846-0.851-1.3 -13.21-13.021-4.921-19.103-11.609-24.479 -0.035 0.62-0.531 4.908-0.62 6.819 -11.334 19.824-38.513 12.837-52.13-1.939 -0.045-0.542-0.211-2.664-0.29-3.221 -1.843 1.843-2.156 3.686-2.122 6.281 0.117 9.025-8.533 10.548-9.508 17.079 -28.303 19.487-68.409-6.355-62.75 63.24 84.796 0.705 195.013-0.026 201.541-0.45C203.572 167.624 173.061 191.379 139.439 173.615zM126.739 148.365c0.092 0.092 0.661 0.819 1.11 1.521 -0.366 1-0.638 2.347-1.53 3.93C126.651 149.852 126.667 149.771 126.739 148.365zM73.379 150.216c0.037 0.463 0.12 1.46 0.16 1.949 -0.29-0.31-0.57-0.6-0.82-0.88C72.919 150.905 73.129 150.545 73.379 150.216zM65.859 167.075c18.439 21.978 40.26 18.955 62.26 11.08 -30.612 9.414-44.329 5.81-61.99-11.37 7.46-6.32 5.691-8.829 6.35-15.01 20.39 23.21 50.375 17.96 55.81-1.13h0.01c1.958 11.071-2.637 8.336 10.301 23.06 -12.049 15.935-54.963 20.369-76.121-0.739C62.904 170.416 64.056 168.941 65.859 167.075zM0.109 234.838C0 165.37 32.869 196.235 62.059 173.204c18.395 20.038 59.684 22.314 76.89 0.892 24.883 17.816 61.965-6.61 60.533 60.223C140.951 233.913 65.786 234.118 0.109 234.838zM120.929 174.306c-5.603 3.779-29.402 8.238-44-5.38h-0.01l-0.07-0.061c0.235 0.061 0.513 0.131 0.73 0.46 -0.01-0.01-0.03-0.03-0.06-0.05 -0.085-0.105-0.354-0.32-0.5-0.32C103.716 186.869 130.316 168.975 120.929 174.306zM128.089 164.665c-17.654 15.185-38.134 9.989-54.24-3.34C89.656 172.72 108.896 177.796 128.089 164.665z" fill="#000000" stroke-width="none" opacity="0.5"/>
</g>
<g id="svga-group-head" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-ears-left-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-ears-left" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3935" d="M47.218 81.505c-0.967-2.487-8.082-6.002-11.21-5.447 -3.538 0.627-4.838 4.356-4.369 7.119 1.103 6.487 3.996 9.219 5.296 14.286 1.096 4.273 3.433 6.732 4.588 8.548 1.42 2.228 2.73 7.341 3.023 8.087 0.463 1.18 2.103 4.043 5.002 3.896 3.333-0.172 7.545-6.688 7.614-8.135C57.544 102.009 49.733 87.979 47.218 81.505z" fill="#f0c7b1" stroke="#c27b55" stroke-width="1.5" opacity="1"/>
<path id="SvgjsPath3936" d="M47.953 107.96c0 0 0.429-1.071-0.094-2.022 -0.672-1.223-2.423-3.468-2.821-4.811 -0.325-1.098-0.16-3.445-0.213-4.593 -0.094-2.03-1.492-3.42-1.927-4.585 -2.914-7.793-6.792-12.623-9-13.626 -1.633 3.989-0.339 6.907 1.94 13.045 -1.375-8.342-0.054-10.95-0.054-10.95s4.018 3.465 6.001 11.172c0.359 1.391-1.111 4.294-0.83 5.705 0.352 1.772 4.184 5.201 5.257 6.635C47.049 105.047 47.953 107.96 47.953 107.96z" fill="#c27b55" stroke-width="none" opacity="1"/>
</g>
</g>
<g id="svga-group-ears-right-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-ears-right" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3937" d="M152.52 81.505c0.967-2.487 8.082-6.002 11.211-5.447 3.539 0.627 4.838 4.356 4.369 7.119 -1.104 6.487-3.996 9.219-5.297 14.286 -1.096 4.273-3.434 6.732-4.588 8.548 -1.42 2.228-2.73 7.341-3.023 8.087 -0.463 1.18-2.104 4.043-5.002 3.896 -3.332-0.172-7.545-6.688-7.613-8.135C142.193 102.009 150.006 87.979 152.52 81.505z" fill="#f0c7b1" stroke="#c27b55" stroke-width="1.5" opacity="1"/>
<path id="SvgjsPath3938" d="M151.785 107.96c0 0-0.43-1.071 0.094-2.022 0.672-1.223 2.424-3.468 2.82-4.811 0.324-1.098 0.16-3.445 0.215-4.593 0.094-2.03 1.49-3.42 1.926-4.585 2.914-7.793 6.793-12.623 9-13.626 1.633 3.989 0.338 6.907-1.939 13.045 1.375-8.342 0.053-10.95 0.053-10.95s-4.018 3.465-6.002 11.172c-0.357 1.391 1.111 4.294 0.83 5.705 -0.352 1.772-4.184 5.201-5.256 6.635C152.689 105.047 151.785 107.96 151.785 107.96z" fill="#c27b55" stroke-width="none" opacity="1"/>
</g>
</g>
<g id="svga-group-faceshape-wrap" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-faceshape-single">
<path id="SvgjsPath3865" d="M100.002 0.867C66.381 0.813 39.186 28.343 39.134 62.366c-0.008 5.403 0.669 10.645 1.953 15.641l0.004 0c0.011 0.054 8.713 39.241 14.519 51.175 6.073 12.487 23.814 32.685 44.392 32.685 20.582 0 38.32-20.197 44.392-32.685 5.805-11.935 14.507-51.122 14.519-51.175l0.005 0c1.283-4.997 1.961-10.238 1.952-15.641C160.819 28.343 133.623 0.813 100.002 0.867z" fill="#f0c7b1" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3866" d="M120.754 4.512c21.441 9.489 36.411 31.135 36.45 56.363 0.008 5.403-0.669 10.645-1.953 15.641l-0.005 0c-0.011 0.054-8.713 39.24-14.519 51.177 -5.709 11.738-21.608 32.469-40.725 32.469s-35.016-20.73-40.725-32.469c-5.806-11.937-14.507-51.123-14.519-51.177l-0.004 0c-1.284-4.997-1.962-10.238-1.953-15.641 0.038-25.229 15.008-46.874 36.45-56.363 -23.386 8.55-40.076 31.208-40.117 57.854 -0.008 5.403 0.669 10.645 1.953 15.641l0.004 0c0.011 0.054 8.713 39.241 14.519 51.175 6.073 12.487 23.814 32.685 44.392 32.685 20.579 0 38.319-20.197 44.392-32.685 5.805-11.935 14.507-51.122 14.519-51.175l0.005 0c1.283-4.997 1.961-10.238 1.952-15.641C160.83 35.72 144.14 13.062 120.754 4.512z" fill="#e8b9a0" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3867" d="M100.002 0.867C66.381 0.813 39.186 28.343 39.134 62.366c-0.008 5.403 0.669 10.645 1.953 15.641l0.004 0c0.011 0.054 8.713 39.241 14.519 51.175 6.073 12.487 23.814 32.685 44.392 32.685 20.582 0 38.32-20.197 44.392-32.685 5.805-11.935 14.507-51.122 14.519-51.175l0.005 0c1.283-4.997 1.961-10.238 1.952-15.641C160.819 28.343 133.623 0.813 100.002 0.867z" fill="none" stroke="#c27b55" stroke-width="1.5" opacity="1"/>
</g>
</g>
<g id="svga-group-mouth-single-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-mouth-single" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3913" d="M96.227 139.237l8.297-0.207C103.563 143.5 96.884 142.858 96.227 139.237z" fill="url(#SvgjsLinearGradient3914)" opacity="1"/>
<path id="SvgjsPath3917" d="M96.343 139.52c-0.371-0.05-0.315-0.579 0.08-0.542 0.043 0.006 4.308 0.546 7.878-0.215 0.386-0.075 0.5 0.455 0.13 0.534C101.634 139.895 98.015 139.755 96.343 139.52zM100.083 135.95c-1.503 0-2.96-0.521-4.424-0.776 -1.64-0.287-3.274-0.041-4.915 0.104 -1.676 0.149-5.333-0.013-6.365-0.666 -0.578-0.367-0.47-1.221 0.181-1.449 0.614-0.22 1.571 0.236 2.191 0.347 2.872 0.515 4.384-0.034 6.902-0.118 3.851-0.116 4.26 1.501 9.064 0.53 5.165-1.044 7.491-0.254 11.197-1.37 0.508-0.154 1.112-0.56 1.645-0.286 0.615 0.318 0.585 1.185-0.049 1.464 -3.406 1.502-7.174 0.895-10.955 1.526C103.073 135.502 101.596 135.95 100.083 135.95z" fill="#c27b55" stroke-width="none" opacity="1"/>
</g>
</g>
<g id="svga-group-eyes-left-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-eyes-left" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-eyesback-left">
<path id="SvgjsPath3661" d="M60.942 83.152c-0.216 2.76 1.682 6.038 12.492 6.964 9.553 0.818 13.62-0.758 13.903-3.902s-3.407-6.987-12.88-7.482C66.026 78.292 61.188 80.005 60.942 83.152z" fill="url(#SvgjsRadialGradient3662)" opacity="1"/>
</g>
<g id="svga-group-eyesiriswrapper-left" transform="matrix(1,0,0,1,0.5,0.25)">
<g id="svga-group-eyesiriscontrol-left" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-eyesiris-left" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3765" d="M80 84c0 3.313-2.687 5.999-6 5.999S68 87.313 68 84c0-3.316 2.687-6.001 6-6.001S80 80.685 80 84z" fill="#943803" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3766" d="M70.512 86.805c0.875-0.072 0.1-0.306 0.1-0.306 -0.433-0.233-1.248-0.592-1.248-0.921 0-1.031 1.414-1.299-0.034-1.705 -1.504-1.38 1.167-1.352 1.147-1.398 -0.975-2.376 0.299-1.071 0.835-1.773 1.988-2.599 0.554 0.267 1.633 0 0.391-0.096-0.78-1.531 0.034-1.33 0.539 0.132 0.662 0.58 0.662 0.58 0.393-0.077 1.008-0.682 1.008-0.682 0.749 0.226 1.275 1.29 1.043 1.091 0.368-0.045 0.884-0.221 1.286-0.341 0 0 0.07-0.239 0.139-0.033 0.917 2.661 3.284 2.47 0.559 3.24 0 0-0.176 0 0.382 0.442 2.71 2.164-2.102 1.495 0.451 2.49 0.104-0.104-1.53 0.965-1.53 1.261 0 0.501-1.042 1.818-1.946 1.3 -0.504-0.288-0.581 0.6-0.877 0.19 -0.581-0.803-1.742-0.035-1.313-0.773 0.634-0.521-0.654 0.204-0.904 0.204 -0.828 0 1.083-2.783 3.894-0.715 0.822 0.602-0.864-1.433 0.625-1.433 0.149 0.049 0.104-0.521 0.104-0.682 -0.774-0.151 1.39-0.003 1.39-1.262 0.137 0.027 0.509-0.35-1.635 0 0 0-0.068-0.75-0.034-0.886 0.11-0.438 1.214-0.298 0.904-0.75 0-0.001-0.799-1.604-0.799-1.604 -2.573-0.414-1.102-0.672-2.711-0.341 -0.076 0.378-3.445 1.984-3.338 2.729 0.1 0.702 2.115 0.938 0.208 2.182C73.405 91.051 68.437 85.454 70.512 86.805z" fill="#000" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3767" d="M74 78.749l0.171 4.393 1.837-3.993 -1.523 4.123 3.227-2.985 -2.985 3.226 4.124-1.523 -3.992 1.839 4.392 0.17 -4.392 0.17 3.992 1.839 -4.124-1.523 2.985 3.226 -3.227-2.985 1.523 4.123 -1.837-3.993L74 89.249l-0.171-4.393 -1.838 3.993 1.522-4.123 -3.226 2.985 2.985-3.226 -4.124 1.523 3.992-1.839 -4.39-0.17 4.39-0.17 -3.992-1.839 4.124 1.523 -2.985-3.226 3.226 2.985 -1.522-4.123 1.838 3.993L74 78.749z" fill="#000000" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3768" d="M74.796 80.067l-0.539 3.315 1.981-2.711 -1.766 2.857 2.87-1.748 -2.725 1.964 3.319-0.515L74.668 84l3.266 0.794 -3.317-0.538 2.712 1.982 -2.858-1.765 1.748 2.869 -1.964-2.725 0.516 3.319 -0.771-3.27 -0.795 3.264 0.539-3.315 -1.984 2.711 1.768-2.857 -2.869 1.748 2.725-1.964 -3.319 0.516 3.269-0.771 -3.264-0.793 3.315 0.537 -2.712-1.982 2.858 1.765 -1.747-2.869 1.964 2.725 -0.516-3.318 0.772 3.27L74.796 80.067z" fill="#943803" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3769" d="M76.25 84c0 1.243-1.008 2.25-2.25 2.25s-2.25-1.007-2.25-2.25 1.008-2.25 2.25-2.25S76.25 82.757 76.25 84z" fill="#000000" stroke-width="none" opacity="0.9"/>
<path id="SvgjsPath3770" d="M71.637 88.311c-0.331 0.332-0.985 0.215-1.46-0.261 -0.476-0.475-0.593-1.129-0.261-1.461 0.331-0.331 0.985-0.214 1.46 0.261C71.852 87.326 71.969 87.979 71.637 88.311z" fill=var(--skin-color) stroke-width="none" opacity="0.7"/>
<path id="SvgjsPath3771" d="M78.806 82.818c-0.496 0.496-1.697 0.1-2.682-0.886 -0.986-0.986-1.382-2.187-0.886-2.683 0.496-0.496 1.697-0.1 2.682 0.886C78.906 81.122 79.302 82.322 78.806 82.818z" fill=var(--skin-color) stroke-width="none" opacity="0.9"/>
</g>
</g>
</g>
<g id="svga-group-eyesfront-left">
<path id="SvgjsPath3686" d="M55.772 86.694c1.203 13.754 10.653 24.163 21.106 23.249 10.453-0.915 17.952-12.807 16.749-26.561 -1.203-13.754-10.653-24.164-21.106-23.249C62.067 61.048 54.569 72.94 55.772 86.694zM60.942 83.152c0.246-3.146 5.084-4.86 13.516-4.419 9.473 0.495 13.163 4.338 12.88 7.482s-4.351 4.72-13.903 3.902C62.624 89.19 60.726 85.912 60.942 83.152z" fill="#f0c7b1" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3687" d="M57.798 85.194c0.596 7.711 10.263 13.338 19.882 12.458 9.616-0.885 17.535-6.722 16.834-14.425 -0.697-7.699-9.053-13.224-18.673-12.342C66.221 71.771 56.98 74.647 57.798 85.194zM60.942 83.152c0.246-3.146 5.084-4.86 13.516-4.419 9.473 0.495 13.163 4.338 12.88 7.482s-4.351 4.72-13.903 3.902C62.624 89.19 60.726 85.912 60.942 83.152z" fill="url(#SvgjsRadialGradient3688)" opacity="1"/>
<path id="SvgjsPath3692" d="M60.942 83.152c-0.216 2.76 1.682 6.038 12.492 6.964 9.553 0.818 13.62-0.758 13.903-3.902s-3.407-6.987-12.88-7.482C66.026 78.292 61.188 80.005 60.942 83.152z" fill="url(#SvgjsRadialGradient3693)" opacity="1"/>
<path id="SvgjsPath3696" d="M85.569 79.486c-1.025-0.673-3.285-1.602-3.285-1.602s2.571 0.588 3.59 1.279 2.082 2.366 2.082 2.366S86.594 80.159 85.569 79.486zM67.02 77.131c0 0-2.657-0.034-4.546 1.136 -1.734 1.074-2.448 2.685-2.448 2.685s1.649-1.725 2.813-2.501C63.927 77.725 67.02 77.131 67.02 77.131z" fill="#c27b55" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3697" d="M74.758 78.929c-6.156-0.216-15.613 0.376-13.409 6.209 -3.203-1.934-0.741-8.81 13.992-7.583 7.137 0.594 15.623 4.275 11.685 9.764C88.273 81.582 80.8 79.142 74.758 78.929zM85.623 89.012l-3.021 0.956c-5.294 0.085-8.251-0.28-13.196-0.504 -2.279-0.104-4.328-1.226-6.996-2.467 1.537 1.698 4.094 3.061 6.943 3.226 4.789 0.278 8.032 0.342 13.408 0.382L85.623 89.012z" fill="#000000" stroke-width="none" opacity="1"/>
</g>
</g>
</g>
<g id="svga-group-eyes-right-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-eyes-right" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-eyesback-right">
<path id="SvgjsPath3669" d="M139.059 83.152c0.216 2.76-1.682 6.038-12.492 6.964 -9.553 0.818-13.62-0.758-13.903-3.902s3.407-6.987 12.88-7.482C133.975 78.292 138.813 80.005 139.059 83.152z" fill="url(#SvgjsRadialGradient3670)" opacity="1"/>
</g>
<g id="svga-group-eyesiriswrapper-right" transform="matrix(1,0,0,1,-0.5,0.25)">
<g id="svga-group-eyesiriscontrol-right" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-eyesiris-right" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3772" d="M132,83.999c0,3.316-2.684,6-6,6s-6-2.684-6-6s2.684-6,6-6S132,80.683,132,83.999z" fill="#943803" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3773" d="M122.508 86.806c0.879-0.076 0.105-0.305 0.105-0.305 -0.434-0.234-1.254-0.592-1.254-0.926 0-1.031 1.418-1.295-0.023-1.705 -1.512-1.377 1.16-1.348 1.137-1.395 -0.973-2.379 0.305-1.072 0.844-1.775 1.98-2.596 0.551 0.27 1.629 0 0.387-0.094-0.785-1.529 0.035-1.33 0.539 0.135 0.656 0.58 0.656 0.58 0.398-0.076 1.008-0.68 1.008-0.68 0.75 0.223 1.277 1.289 1.043 1.09 0.375-0.047 0.891-0.223 1.289-0.34 0 0 0.07-0.24 0.141-0.035 0.914 2.66 3.281 2.473 0.563 3.24 0 0-0.176 0 0.375 0.439 2.707 2.168-2.098 1.494 0.457 2.49 0.105-0.1-1.535 0.967-1.535 1.266 0 0.498-1.043 1.816-1.945 1.295 -0.504-0.287-0.586 0.604-0.879 0.193 -0.574-0.803-1.746-0.035-1.313-0.773 0.633-0.521-0.656 0.205-0.902 0.205 -0.832 0 1.078-2.783 3.891-0.715 0.82 0.598-0.867-1.436 0.633-1.436 0.141 0.047 0.105-0.521 0.105-0.68 -0.785-0.152 1.383-0.006 1.383-1.266 0.141 0.029 0.516-0.346-1.629 0 0 0-0.07-0.75-0.035-0.885 0.105-0.439 1.207-0.299 0.902-0.75l-0.797-1.605c-2.578-0.41-1.102-0.668-2.719-0.34 -0.07 0.381-3.445 1.986-3.34 2.73 0.105 0.703 2.121 0.938 0.211 2.18C125.402 91.054 120.434 85.452 122.508 86.806z" fill="#000" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3774" d="M126 78.749l0.176 4.395 1.828-3.996 -1.523 4.125 3.234-2.988 -2.988 3.229 4.125-1.523 -3.996 1.84 4.395 0.17 -4.395 0.17 3.996 1.84 -4.125-1.523 2.988 3.229 -3.234-2.988 1.523 4.125 -1.828-3.996L126 89.249l-0.176-4.395 -1.84 3.996 1.523-4.125 -3.223 2.988 2.988-3.229 -4.125 1.523 3.996-1.84 -4.395-0.17 4.395-0.17 -3.996-1.84 4.125 1.523 -2.988-3.229 3.223 2.988 -1.523-4.125 1.84 3.996L126 78.749z" fill="#000" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3775" d="M126.797 80.067l-0.539 3.316 1.98-2.713 -1.77 2.859 2.871-1.752 -2.719 1.969 3.316-0.516 -3.27 0.768 3.27 0.797 -3.316-0.539 2.707 1.98 -2.859-1.764 1.746 2.871 -1.957-2.725 0.516 3.316L126 84.667l-0.797 3.264 0.539-3.316 -1.98 2.713 1.77-2.859 -2.871 1.752 2.719-1.969 -3.316 0.516 3.27-0.768 -3.27-0.797 3.316 0.539 -2.707-1.98 2.859 1.764 -1.746-2.871 1.957 2.725 -0.516-3.316 0.773 3.27L126.797 80.067z" fill="#943803" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3776" d="M128.25 83.999c0 1.242-1.008 2.25-2.25 2.25s-2.25-1.008-2.25-2.25 1.008-2.25 2.25-2.25S128.25 82.757 128.25 83.999z" fill="#000000" stroke-width="none" opacity="0.9"/>
<path id="SvgjsPath3777" d="M123.633 88.312c-0.328 0.328-0.984 0.217-1.453-0.264 -0.48-0.475-0.598-1.125-0.258-1.459 0.328-0.328 0.984-0.211 1.453 0.264C123.855 87.327 123.973 87.978 123.633 88.312z" fill=var(--skin-color) stroke-width="none" opacity="0.7"/>
<path id="SvgjsPath3778" d="M130.805 82.815c-0.492 0.498-1.699 0.105-2.684-0.885 -0.984-0.984-1.383-2.186-0.879-2.678 0.492-0.498 1.688-0.105 2.672 0.885C130.91 81.122 131.297 82.323 130.805 82.815z" fill=var(--skin-color) stroke-width="none" opacity="0.9"/>
</g>
</g>
</g>
<g id="svga-group-eyesfront-right">
<path id="SvgjsPath3707" d="M127.479 60.133c-10.453-0.915-19.903 9.495-21.106 23.249 -1.203 13.754 6.296 25.646 16.749 26.561 10.453 0.914 19.903-9.495 21.106-23.249C145.432 72.94 137.934 61.048 127.479 60.133zM126.566 90.116c-9.553 0.818-13.62-0.758-13.903-3.902s3.407-6.987 12.88-7.482c8.432-0.44 13.27 1.273 13.516 4.419C139.274 85.912 137.377 89.19 126.566 90.116z" fill="#f0c7b1" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3708" d="M124.159 70.885c-9.62-0.882-17.976 4.643-18.673 12.342 -0.701 7.703 7.218 13.54 16.834 14.425 9.619 0.88 19.286-4.747 19.882-12.458C143.021 74.647 133.779 71.771 124.159 70.885zM126.566 90.116c-9.553 0.818-13.62-0.758-13.903-3.902s3.407-6.987 12.88-7.482c8.432-0.44 13.27 1.273 13.516 4.419C139.274 85.912 137.377 89.19 126.566 90.116z" fill="url(#SvgjsRadialGradient3709)" opacity="1"/>
<path id="SvgjsPath3713" d="M139.059 83.152c0.216 2.76-1.682 6.038-12.492 6.964 -9.553 0.818-13.62-0.758-13.903-3.902s3.407-6.987 12.88-7.482C133.975 78.292 138.813 80.005 139.059 83.152z" fill="url(#SvgjsRadialGradient3714)" opacity="1"/>
<path id="SvgjsPath3717" d="M112.045 81.529c0 0 1.063-1.675 2.082-2.366s3.59-1.279 3.59-1.279 -2.26 0.929-3.285 1.602S112.045 81.529 112.045 81.529zM137.161 78.451c1.164 0.776 2.813 2.501 2.813 2.501s-0.714-1.61-2.448-2.685c-1.889-1.169-4.546-1.136-4.546-1.136S136.073 77.725 137.161 78.451z" fill="#c27b55" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3718" d="M112.975 87.32c-3.938-5.489 4.548-9.17 11.685-9.764 14.733-1.227 17.195 5.648 13.992 7.583 2.204-5.833-7.253-6.425-13.409-6.209C119.2 79.142 111.728 81.582 112.975 87.32zM117.239 90.604c5.376-0.04 8.619-0.104 13.408-0.382 2.85-0.165 5.406-1.528 6.943-3.226 -2.668 1.241-4.717 2.363-6.996 2.467 -4.945 0.225-7.902 0.589-13.196 0.504l-3.021-0.956L117.239 90.604z" fill="#000000" stroke-width="none" opacity="1"/>
</g>
</g>
</g>
<g id="svga-group-facehighlight-single">
<path id="SvgjsPath2906" d="M141 113.974c0.035 22.622-18.292 40.994-40.938 41.025 -22.642 0.037-41.028-18.273-41.063-40.9 -0.035-22.62 18.292-41.064 40.937-41.1C122.579 72.964 140.967 91.349 141 113.974z" fill="url(#SvgjsRadialGradient2907)" opacity="1"/>
<path id="SvgjsPath2910" d="M137.5 53.999c0 20.711-16.789 37.5-37.499 37.5 -20.711 0-37.501-16.789-37.501-37.5s16.79-37.5 37.501-37.5C120.711 16.499 137.5 33.288 137.5 53.999z" fill="url(#SvgjsRadialGradient2911)" opacity="1"/>
</g>
<g id="svga-group-eyebrows-left-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-eyebrows-left-rotate" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-eyebrows-left" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3781" d="M53.149 74.996c9.743-15.115 36.491 5.148 38.018-1.191 0.299-1.271-0.407-2.015-1.564-2.492C75.982 65.807 57.955 61.18 53.149 74.996z" fill="#2a232b" stroke-width="none" opacity="1"/>
</g>
</g>
</g>
<g id="svga-group-eyebrows-right-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-eyebrows-right-rotate" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-eyebrows-right" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3782" d="M146.851 74.996c-9.743-15.115-36.491 5.148-38.018-1.191 -0.299-1.271 0.407-2.015 1.564-2.492C124.018 65.807 142.045 61.18 146.851 74.996z" fill="#2a232b" stroke-width="none" opacity="1"/>
</g>
</g>
</g>
<g id="svga-group-nose-single-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-nose-single" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3928" d="M91.115 115.499c-0.878 2.064 5.934 4.292 8.519 4.429 2.8 0.147 10.646-2.9 9.316-4.992 -1.399-2.195-6.643-0.286-8.906-0.286C97.792 114.649 92.291 112.745 91.115 115.499z" fill="#e1ac8f" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3929" d="M101.857 117.058c-0.23-0.759 1.876-1.584 2.657-1.694 1.101-0.16 3.36 0.802 3.158 1.592 -0.184 0.698-2.148-0.533-2.86-0.429C104.078 116.634 102.075 117.769 101.857 117.058zM94.974 116.811c0.968 0 2.404 0.623 2.668 0.074 0.315-0.655-2.139-1.461-2.86-1.372 -0.596 0.07-2.733 1.315-2.439 1.839C92.617 117.833 93.698 116.811 94.974 116.811z" fill="#c27b55" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3930" d="M100.089 111.999c0.607 0 1.742-0.74 1.792-2.23 0.201-6.008-0.956-23.833-1.792-23.77 -0.78 0.059-2.267 17.637-1.948 23.77C98.22 111.271 99.404 111.999 100.089 111.999z" fill="#fff5ef" stroke-width="none" opacity="0.2"/>
</g>
</g>
<g id="svga-group-beardwrap" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-beard-single-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-beard-single" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3042" d="M100,18.13L100,18.13L100,18.13L100,18.13z" fill="#2a232b" stroke-width="none" opacity="1"/>
</g>
</g>
</g>
<g id="svga-group-mustache-single-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-mustache-single" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3040" d="M100,18.13L100,18.13L100,18.13L100,18.13z" fill="#2a232b" stroke-width="none" opacity="1"/>
</g>
</g>
<g id="svga-group-hair-front" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3803" d="M152.983 98.604c-4.563-12.435 0.717-31.506-8.205-45.615 -4.064-6.762-7.597-11.409-6.95-19.276l-0.368-0.124c-0.862 1.352-1.994 2.82-2.745 3.76 0.427-1.091 1.123-2.762 1.753-4.023l-0.332-0.218c-2.585 3.073-4.805 4.649-7.859 5.5 3.3-2.32 6.949-6.357 8.546-8.595l-0.271-0.284c-11.319 7.283-24.164 7.382-35.496 7.471 -10.227 0.076-16.579-0.155-23.953-4.441 -5.321 1.764-9.511 1.539-14.116-1.635 -14.414 27.947-8.01 13.957-16.627 65.764 -5.004-6.67-6.458-10.912-7.642-17.267 -0.313-2.027-0.619-5.154-0.429-7.215l-0.063-0.065c-4.452-9.77-6.553-15.333-5.495-34.712 0.785-8.04 2.533-14.076 7.574-20.398 -0.665-3.435-0.729-6.898-0.277-10.21 -2.64-4.827-4.457-9.795-5.165-11.57 3.688 2.823 3.993 2.986 7.07 3.957 0.704-1.937 1.73-3.861 2.387-4.865 0.297 2.238 0.533 3.75 1.203 5.925 0.228 0.055 1.313 0.349 1.66 0.442 -0.199-1.324-0.381-1.938-0.353-3.125 0.571 1.302 1.053 1.604 2.71 3.626 1.834 0.385 1.394 0.328 1.944 0.328 -2.669-4.183-4.47-7.885-4.927-13.515 3.653 2.081 8.764 3.27 14.101 3.27 12.539 0 25.369-9.412 43.169-9.412 15.425 0 28.771 8.558 34.683 18.303 -0.006-2.514-0.113-4.594 0.794-7.178 0 0 0.105 3.705 0.105 6.592l0.396 0.037c0.62-3.301 1.928-6.115 4.088-8.773 -1.918 5.158-1.188 2.404-3.334 8.702l0.348 0.187c1.431-1.839 2.603-3.139 6.019-4.862 -2.468 2.473-4.355 3.89-5.522 5.639l0.301 0.259c1.456-1.32 2.971-1.82 4.512-0.613 -2.481-0.902-3.946 0.679-5.648 2.675 6.619 1.091 10.21 4.91 14.864 10.015 10.712 12.352 13.533 24.411 7.723 41.506 2.435 5.263 2.06 17.125-3.375 26.686C159.779 86.867 155.941 93.789 152.983 98.604z" fill="#2a232b" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3804" d="M62.299 30.371c0.359 0.334 0.718 0.668 1.074 1.004 -0.129-0.085-0.258-0.164-0.388-0.253 -14.414 27.947-8.01 13.957-16.627 65.764 -5.004-6.67-6.458-10.912-7.642-17.267 -0.313-2.027-0.619-5.154-0.429-7.215l-0.063-0.065c-4.452-9.77-6.553-15.333-5.495-34.712 0.785-8.04 2.533-14.076 7.574-20.398 -0.654-3.378-0.72-6.782-0.293-10.044 0.597 0.874 1.223 1.725 1.863 2.565C42.304 12.374 42.669 14.933 42 17c-9.539 29.478-4 43 2 64 -2.464-15.931-7.142-36.185 5.619-48C44.168 46.096 45.673 52.034 47 61 47.917 49.082 52.195 37.996 62.299 30.371zM155.432 13.06c-0.376-0.412-0.742-0.812-1.106-1.207 -0.382 0.255-0.774 0.489-1.159 0.737 14.956 30.661 0.594 27.717 4.017 41.409C161.183 63.999 156 70 156 80c0-15-0.681-25.439-8.96-37.175 -2.796-3.963-3.581-17.423-5.465-24.074C118.373 33 84.002 35.981 47.916 7.183c17 6 51.649 1.35 63.543-6.316 -13.558 2.461-41.862 2.608-54.59-2.631 30.5-2.37 30.131-12.16 56.131-14C100.5-20.431 73.196-8.51 60.658-8.51c-5.336 0-10.447-1.188-14.101-3.27 0.457 5.63 2.258 9.333 4.927 13.515 -0.551 0-0.11 0.057-1.944-0.328 -1.658-2.022-2.14-2.325-2.71-3.626 -0.029 1.187 0.154 1.801 0.353 3.125 -0.347-0.093-1.433-0.387-1.66-0.442 -0.67-2.175-0.906-3.687-1.203-5.925 -0.656 1.004-1.683 2.928-2.387 4.865 -3.078-0.971-3.382-1.134-7.07-3.957 0.708 1.775 2.525 6.744 5.165 11.57 -0.007 0.055-0.009 0.111-0.016 0.166 6.305 9.235 15.169 16.471 23.363 24.192 4.454 2.924 8.558 3.096 13.729 1.382 7.374 4.286 13.727 4.517 23.953 4.441 11.332-0.088 24.177-0.188 35.496-7.471l0.271 0.284c-1.597 2.238-5.246 6.275-8.546 8.595 3.055-0.852 5.274-2.428 7.859-5.5l0.332 0.218c-0.63 1.262-1.326 2.932-1.753 4.023 0.751-0.94 1.883-2.408 2.745-3.76l0.368 0.124c-0.646 7.868 2.886 12.514 6.95 19.276 8.922 14.109 3.643 33.181 8.205 45.615 2.958-4.815 6.796-11.736 6.796-17.352 5.435-9.561 5.81-21.423 3.375-26.686C168.965 37.471 166.144 25.412 155.432 13.06zM156.165 38.709c-0.33-9.524-6.633-21.612-6.633-21.612 -2.946-5.204-5.579-7.687-9.996-8.695 12.426 0.619 17.306 19.179 16.769 28.875C156.254 38.177 156.165 38.709 156.165 38.709zM127.907-1.507c3.283 2.663 4.067 3.423 7.296 7.909 -16.653-29.889-49.333-7.27-59.667-8C86.041 0.573 109.793-14.79 127.907-1.507zM136.369 11.485C116.408 28.033 85.929 21.023 61 13.21 85.827 24.581 117.435 30.734 136.369 11.485zM57.869 29.485c-6.539 3.425-9.616 12.05-9.9 17.75C49.19 42.316 52.854 33.291 57.869 29.485zM49.619 24.735c-9.359 5.699-11.174 18.771-10.25 29.75C40.353 44.343 42.181 31.11 49.619 24.735zM117.064 12.34c-1.006 0.215-7.259 1.072-10.672 1.195 -2.661 0.155-13.037 0.328-22.391-0.048 9.655 2.069 15.454 2.454 22.496 2.045 8.106-0.293 15.36-1.898 21.371-6.796C123.633 11.067 121.828 11.399 117.064 12.34zM150.609 38.885c0 0-0.256-0.441-0.588-1.102 -0.911-1.527-1.945-5.681-5.938-18.736 2.966 24.195 7.817 19.782 9.991 32.283C154.075 46.834 153.761 44.529 150.609 38.885z" fill="#1b141c" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3805" d="M157.853 68.131c0.364-3.246 0.217-1.758 0.257-3.61 0.306-6.244-3.426-11.479-1.154-18.987 1.854-5.453 2.925-6.308 2.113-15.801 -0.119-1.37-0.474-4.774-1.102-5.998 0.856 1.489 1.422 4.245 1.725 5.934 1.687 9.543 0.268 10.992-1.521 16.267C155.781 53.906 160.368 57.422 157.853 68.131zM141.575 18.751c1.117 30.37 7.276 23.316 12.717 41.752C150.598 38.757 147.181 56.786 141.575 18.751zM48.369 34.235c-9.19 11.563-8.262 19.899-6 37C42.165 53.925 40.055 47.355 48.369 34.235zM41.772 17.714c-5.274 16.319-6.429 23.684-3.897 41.285C37.406 41.353 37.518 37.458 41.772 17.714zM61.952 30.641C52.322 37.56 47.295 50.217 47 61 48.482 50.695 54.012 37.697 61.952 30.641zM128.855 24.594c-12.051 4.437-31.667 5.625-45.988 1.322C71.706 22.661 54.279 11.723 44.905 4.845c8.498 6.765 23.471 16.807 33.926 20.776 10.863 4.059 27.887 5.567 41.081 2.245 9.248-2.324 14.041-4.52 21.663-9.114C138.182 20.612 133.184 23.242 128.855 24.594zM102.813-11.594c12.167-2.285 26.509 5.558 34.057 14.83 -7.897-11.318-20.837-16.949-28.562-17.083C95.629-14.067 82.513-3.204 56.869-2.265 80.982-1.203 92.573-9.936 102.813-11.594zM112.369 1.235c-17.289 6.143-30.64 7.613-48.807 8.58C82.325 10.97 95.739 9.15 112.369 1.235zM130.536 4.738c-10.662 5.027-15.33 5.851-37.337 7.191C106.996 12.486 119.885 11.769 130.536 4.738zM95.248 20.023c10.644 1.237 29.289-0.105 38.621-9.788 -11.27 9.494-32.119 9.154-48.38 8.508C91.713 19.714 90.59 19.552 95.248 20.023zM140.869 10.735c7.629 2.809 9.489 16.193 12.5 27C152.022 28.156 149.721 12.813 140.869 10.735z" fill=var(--skin-color) stroke-width="none" opacity="0.5"/>
<path id="SvgjsPath3806" d="M155.579 12.925c-4.348-4.769-8.252-8.97-14.63-10.02 2.094-2.463 3.566-3.379 6.25-1.85 -1.59-1.871-3.417-2.226-5.63-0.22 1.271-1.905 3.468-3.46 6.3-6.43 -4.231 1.985-5.503 3.34-7.12 5.42 2.285-6.703 1.3-3.128 3.72-9.75 -2.529 2.836-4.146 5.92-4.859 9.72 0-5.903-0.185-5.14-0.07-7.72 -1.387 3.089-1.229 5.81-1.229 7.59 -2.233-3.682-5.514-6.8-9.051-9.35 -25.054-18.289-50.039-1.456-63.58 0.58 -5.489 0.927-13.714 0.338-19.35-3.04 0.398 5.764 2.183 9.592 4.79 13.68 -0.001 0-1.47-0.31-1.47-0.31 -2.019-2.434-2.214-2.356-2.96-4.33 -0.191 1.763 0.101 2.74 0.25 3.74 -0.498-0.13-0.957-0.268-1.26-0.34 -0.743-2.414-0.958-4.25-1.23-6.29 -0.614 0.785-1.922 3.18-2.64 5.15 -2.999-0.948-3.214-1.099-7.43-4.33 0.5 1 2.309 6.461 5.44 12.23 -0.47 3.534-0.328 7.06 0.27 10.12 -5.025 6.312-6.77 12.346-7.56 20.44 -1.041 19.059 0.867 24.611 5.53 34.82 0.01 0.01 0.01 0.03 0.02 0.04 -0.177 1.971 0.119 5.102 0.44 7.18 1.179 6.332 2.625 10.693 7.91 17.65 0.02 0.02 0.03 0.05 0.05 0.07 3.395-20.368 3.045-20.867 3.77-25.89 3.572-25.712 3.417-21.872 12.81-40.07 3.813 2.628 8.035 3.552 14.02 1.56 4.342 2.524 8.776 4.45 21.06 4.45 12.171-0.152 26.176 0.412 38.52-7.53 -1.87 2.622-6.118 7.154-9.46 9.18 3.479-0.736 5.975-2.137 9.09-5.84 -0.957 1.915-2.083 4.814-2.17 5.16 0.15-0.18 2.15-2.57 3.51-4.7 -0.653 7.945 2.894 12.597 6.98 19.4 8.956 14.163 3.511 33.521 8.33 45.96 3.09-4.996 7.04-12.086 7.04-17.75 5.21-9.086 5.956-21.111 3.39-26.75C168.587 38.924 167.533 26.708 155.579 12.925zM46.789-2.465c0.488 1.389 0.595 1.359 2.49 3.61 -0.94-0.195-1.565-0.332-2.13-0.46C46.93-0.371 46.789-1.375 46.789-2.465zM44.279-5.125c0.094 1.532 0.459 3.542 0.99 5.31 -2.865-0.737-1.8-0.504-2.8-0.8C43.292-3.089 43.602-3.715 44.279-5.125zM45.999 95.095c-4.216-7.605-5.323-10.191-6.49-17.89 -0.114-0.886-0.472-3.446-0.49-4.67 -6.07-13.88-8.352-40.236 1.21-54.74 0-0.01 0-0.01 0-0.01s0.399-0.624 1.12-1.52c-0.267-1.344-0.531-4.18-0.44-7.28 0.74 1.32 1.58 2.52 2.33 3.67 0-0.003 0.59 0.781 0.59 0.8 4.551 5.79 8.754 10.604 18.92 17.75C50.544 50.979 51.301 44.3 45.999 95.095zM163.639 48.206c-0.356 2.358-1.123 5.583-1.539 6.99 2.78 7.068-0.257 20.417-3.061 26.38 -1.226 7.093-2.545 8.521-6.01 15.59 -2.477-11 2.583-30.519-6.76-45.08 -6.059-10.044-8.657-11.36-7.23-23.77 0 0 0.061-0.675 0.08-0.85 -12.628 7.721-26.576 8.594-44.97 8.2 -5.317 0-12.5-0.668-16.98-3.44 -9.081 2.583-12.45-1.437-20.01-7.34 -8.163-6.937-13.709-12.994-20.55-27.27 3.843 3.118 11.537 4.689 16.39 5.5 -3.273-4.363-5.199-8.349-6.07-14 3.48 2.32 11.82 4.603 19.17 3.79 13.534-1.271 32.484-15.167 55.77-4.63 10.804 4.767 16.286 11.476 17.57 15 0.01 0 0.02 0.01 0.04 0.01 0.06 0.02 0.12 0.03 0.189 0.04 0.017 0.018 0.332 0.09 0.36 0.09 6.976 2.325 7.443 2.759 14.2 10.64C158.026 18.715 167.168 28.016 163.639 48.206z" fill="#000000" stroke-width="none" opacity="1"/>
</g>
<g id="svga-group-glasses-single-move" transform="matrix(1,0,0,1,0,0)">
<g id="svga-group-glasses-single" transform="matrix(1,0,0,1,0,0)">
<path id="SvgjsPath3785" d="M148.02 85.54c-0.11 1.96-0.35 4.05-0.59 6.25 -1.04 9.74-5.26 12.49-24.57 11.1 -6.3-0.45-11.06-4.04-13.41-10.1 -0.99-2.55-1.87-5.52-2.37-8.48C116.7 77.81 139.4 77.62 148.02 85.54zM51.98 85.54c0.11 1.96 0.35 4.05 0.59 6.25 1.04 9.74 5.26 12.49 24.57 11.1 6.3-0.45 11.06-4.04 13.41-10.1 0.99-2.55 1.87-5.52 2.37-8.48C83.3 77.81 60.6 77.62 51.98 85.54z" fill="#ffffff" stroke-width="none" opacity="0.2"/>
<path id="SvgjsPath3786" d="M148.02 85.54c-8.62-7.92-31.33-7.73-40.93-1.23 -0.36-2.11-0.52-4.22-0.36-6.16h0c0.66-7.81 13.45-6.88 20.98-7.17C146.33 70.26 148.56 76.34 148.02 85.54zM93.27 78.14L93.27 78.14c-0.66-7.81-13.45-6.88-20.99-7.17 -18.61-0.71-20.85 5.37-20.31 14.56 8.62-7.92 31.33-7.73 40.93-1.23C93.26 82.19 93.43 80.09 93.27 78.14z" fill="#ffffff" stroke-width="none" opacity="0.4"/>
<path id="SvgjsPath3787" d="M149.91 75.08c-0.62-1.42-1.48-2.7-2.56-3.65 -2.47-2.16-7.08-2.46-11.39-2.71 -4.19-0.23-12.15-0.42-17.46-0.08 -13.8 0.9-13.57 7-13.57 7 -1.81 0-8.03 0-9.84 0 0 0 0.23-6.11-13.57-7 -5.32-0.34-13.27-0.16-17.46 0.08 -4.31 0.24-8.93 0.55-11.39 2.71 -1.09 0.95-1.94 2.22-2.56 3.65l-8.19-1.58v3.99c7.17 1.38 9.02 1.82 10.02 1.76 -0.25 3.01-0.36 8.35 0.29 12.59 1.54 10.07 5.78 12.78 24.94 11.4 6.36-0.46 11.35-4.23 13.72-10.33 1.86-4.8 3.14-9.09 2.81-14.28h12.64c-0.33 5.19 0.95 9.49 2.81 14.28 2.36 6.1 7.36 9.87 13.72 10.33 19.17 1.38 23.41-1.33 24.94-11.4 0.65-4.24 0.54-9.58 0.29-12.59 1 0.06 2.85-0.38 10.02-1.76V73.5L149.91 75.08zM90.07 92.61c-2.27 5.87-6.88 9.35-12.98 9.78 -19.08 1.37-22.61-1.33-24.04-10.68 -0.76-5.01-0.35-11.52-0.25-12.52 0.19-0.03 0.31-0.06 0.32-0.1 1.09-6.36 6.45-8.42 29.02-7.35 3.73 0.18 6.92 0.88 8.69 2.75 1.04 1.09 2.04 2.66 1.95 4.17l0.04 0C93.02 81.2 92.44 86.5 90.07 92.61zM146.94 91.72c-1.43 9.35-4.96 12.05-24.04 10.68 -6.1-0.44-10.71-3.92-12.98-9.78 -2.37-6.11-2.94-11.41-2.74-13.95l0.04 0c-0.09-1.5 0.91-3.07 1.95-4.17 1.77-1.87 4.96-2.57 8.69-2.75 22.57-1.06 27.92 0.99 29.02 7.35 0.01 0.04 0.13 0.08 0.32 0.1C147.29 80.2 147.71 86.71 146.94 91.72z" fill="#26120b" stroke-width="none" opacity="1"/>
<path id="SvgjsPath3788" d="M104.94 75.34c0.17-1.26 1.63-5.92 13.54-6.69 5.32-0.34 13.27-0.16 17.46 0.08 4.31 0.24 8.93 0.55 11.39 2.71 1.09 0.95 1.94 2.22 2.56 3.65l0 0c-3.72-6.16-10.22-5.54-14.01-5.75 -2.3-0.13-6.21-0.27-10.28-0.27 -2.77 0-5.15 0.06-7.06 0.19C111.48 69.71 107.56 70.92 104.94 75.34zM95.06 75.34c-0.17-1.26-1.63-5.92-13.54-6.69 -5.32-0.34-13.27-0.16-17.46 0.08 -4.31 0.24-8.93 0.55-11.39 2.71 -1.09 0.95-1.94 2.22-2.56 3.65l0 0c3.72-6.16 10.22-5.54 14.01-5.75 2.3-0.13 6.21-0.27 10.28-0.27 2.77 0 5.15 0.06 7.06 0.19C88.52 69.71 92.44 70.92 95.06 75.34z" fill="#351d15" stroke-width="none" opacity="1"/>
</g>
</g>
</g>
</g>
</g>
<rect id="SvgjsRect1057" width="200" height="15" x="0" y="185" fill="#ecf0f1" opacity="0.5" style="display: none;"/>
<text id="SvgjsText1058" font-family="Roboto, Helvetica, Arial, sans-serif" font-size="10px" text-anchor="start" font-weight="400" anchor="start" fill="#333333" x="42.759403228759766" y="182.53132724761963" style="display: none;">
<tspan id="SvgjsTspan1059" dy="13" x="42.759403228759766">Created on makeavatar.io</tspan>
</text>
</g>
</svg></div>
</a>
</div>
<ul class="nav">
<li><a href="#home" class="active"><i class="fa fa-home"></i> Home</a></li>
<li><a href="#about"><i class="fa fa-user"></i> About</a></li>
<li><a href="#portfolio"><i class="fa fa-briefcase"></i> Portfolio</a></li>
<li><a href="#contact"><i class="fa fa-comments"></i> Contact</a></li>
<li><a href="#service" style="background: linear-gradient(to right, rgb(138, 35, 135), rgb(233, 64, 87), rgb(242, 113, 33));color: #fff;display:flex;align-items: center;padding: 7px 20px;">
<!-- <img data-tilt style="width: 32px;" src="https://raw.githubusercontent.com/20Sunny/DALL-E/89468acf8450a1a760b8b9a4b51246c865fdbb7b/client/src/assets/earth.svg"> -->
<img data-tilt style="width: 32px;" src="./layer2.gif" alt="">
<x style="padding-left: 15px;">AIVANA</x></a></li>
</ul>
</div>
<script type="text/javascript">
function content() {
alert("This is a Personal Portfolio Website of Sunny Sharma. Here you can see my all project and my all information. If you want to make your own Portfolio Website then contact me on my E-mail. Thank You !!!");
location.reload();
}
// refresh section ends
</script>
<!-- ======ASIDE END======== -->
<!-- ======MAIN CONTENT START======== -->
<div class="main-content">
<!-- =======HOME SECTION START ======-->
<section class="home active section" id="home">
<div class="container">
<div class="row">
<div class="home-info">
<img src="./programming.gif" height="70" width="70" alt="">
<h3 class="hello">Hello, my name is <span class="magic">
<span class="magic-star">
<svg viewBox="0 0 512 512">
<path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" />
</svg>
</span>
<span class="magic-star">
<svg viewBox="0 0 512 512">
<path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" />
</svg>
</span>
<span class="magic-star">
<svg viewBox="0 0 512 512">
<path d="M512 255.1c0 11.34-7.406 20.86-18.44 23.64l-171.3 42.78l-42.78 171.1C276.7 504.6 267.2 512 255.9 512s-20.84-7.406-23.62-18.44l-42.66-171.2L18.47 279.6C7.406 276.8 0 267.3 0 255.1c0-11.34 7.406-20.83 18.44-23.61l171.2-42.78l42.78-171.1C235.2 7.406 244.7 0 256 0s20.84 7.406 23.62 18.44l42.78 171.2l171.2 42.78C504.6 235.2 512 244.6 512 255.1z" />
</svg>
</span>
<span class="magic-text">Sunny Sharma</span>
</span>
</h3>
<h3 class="my-profession">I'm <span class="typing"></span></h3>
<p>As I am Fresher, But know more than that I have 'Software Engineering Virtual Experience' from JPMorgan and 'Python 101 for Data Science','SQL and Relational Databases' provided by IBM</p>
<a href="#contact" data-section-index="1" class="btn hire-me">Hire Me</a>
</div>
<!-- <div class="social-media-icon">
<a href="https://www.instagram.com/aivana_bg" class="fa-brands fa-instagram fa-bounce"></a>
<a href="https://www.facebook.com/profile.php?id=100039237182147" class="fa-brands fa-facebook-f fa-bounce"></a>
<a href="https://www.linkedin.com/in/20sunny" class="fa-brands fa-linkedin-in fa-bounce"></a>
<a href="https://github.com/20sunny" class="fa-brands fa-github fa-bounce"></a>
</div> -->
<div class="home-img">
<img data-tilt src="me.jpg" alt="Error 404 not found" style="box-shadow: 0 0 100px -40px var(--skin-color);">
</div>
</div>
</div>
</section>
<!-- =======HOME SECTION END======== -->
<!-- =======ABOUT SECTION START======== -->
<section class="about section" id="about">
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>About</h2>
</div>
</div>
<div class="row">
<div class="about-content">
<div class="row">
<div class="about-text padd-15">
<h3>I'm Sunny Sharma and I am <span class="typingso"></span></h3>
<p>My highest Qualification is B.C.A. . I have 6-months of onn Campus Minor Project Experience in HTML, CSS, JS, PHP, SQL and BOOTSTRAP. I totally created several project but here i only display some of them. I also create
some advance project on my own in python are: <b>PRIVATE BROWSER,</b><b> SIM-CARD DETAIL FINDER WITH LOCATION,</b><b> WORKING MOUSE BY ONLY EYE CONTACT.</b><br> I have also Experience of 2-months of JPMorgan's "Software
Engineering Virtual Experience " which is issued by Forage. <br>I also have certificate of 'SQL and Relational Databases 101' and 'Python 101 for Data Science' provided by <b>IBM</b></p>
</div>
</div>
<div class="row">
<div class="personal-info padd-15">
<div class="row">
<div class="info-item padd-15">
<p>Birthday : <span>17 feb 2003</span></p>
</div>
<div class="info-item padd-15">
<p>Age : <span>22</span></p>
</div>
<div class="info-item padd-15">
<p>E-mail : <span>[email protected]</span></p>
</div>
<div class="info-item padd-15">
<p>Qualification : <span>B.C.A.</span></p>
</div>
<div class="info-item padd-15">
<p>Birthday : <span>17 feb 2003</span></p>
</div>
<div class="info-item padd-15">
<p>Phone : <span>+91 6261040061</span></p>
</div>
<div class="info-item padd-15">
<p>City : <span>Gwalior</span></p>
</div>
<div class="info-item padd-15">
<p>Freelnace : <span style="color:green ;">Avalaibale</span></p>
</div>
</div>
<div class="row">
<div class="buttons padd-15">
<a href="sunny_sharma_resume.pdf" target="_blank" download="SUNNY_SHHARMA_RESUME" class="btn"><i class="fa fa-download"></i> Download CV</a>
<a href="sunny_sharma_resume.pdf" target="_blank" download="SUNNY_SHHARMA_RESUME" class="btn"><i class="fa fa-download"></i> Download Cover Letter</a>
<a href="Certificate.pdf" target="_blank" download="Certificate_Sunny_Sharma" class="btn"><i class="fa-solid fa-file-shield"></i> Download Certificate</a>
</div>
</div>
</div>
<div class="skills padd-15">
<div class="row">
<div class="skill-item padd-15">
<h5><i class="fa-brands fa-css3-alt"></i> CSS</h5>
<div class="progress">
<div class="progress-in" style="width: 76%;">
<div class="skill-percent">76%</div>
</div>
</div>
</div>
<div class="skill-item padd-15">
<h5><i class="fa-brands fa-figma"></i> FIGMA</h5>
<div class="progress">
<div class="progress-in" style="width: 76%;">
<div class="skill-percent">76%</div>
</div>
</div>
</div>
<div class="skill-item padd-15">
<h5><i class="fa-brands fa-html5"></i> HTML</h5>
<div class="progress">
<div class="progress-in" style="width: 85%;">
<div class="skill-percent">85%</div>
</div>
</div>
</div>
<div class="skill-item padd-15">
<h5><i class="fa-brands fa-wordpress"></i> WORDPRESS</h5>
<div class="progress">
<div class="progress-in" style="width: 85%;">
<div class="skill-percent">85%</div>
</div>
</div>
</div>
<div class="skill-item padd-15">
<h5><i class="fa-brands fa-js"></i> JS</h5>
<div class="progress">
<div class="progress-in" style="width: 70%;">
<div class="skill-percent">70%</div>
</div>
</div>
</div>
<div class="skill-item padd-15">
<h5><i class="fa-brands fa-php"></i> PHP { Laravel }</h5>
<div class="progress">
<div class="progress-in" style="width: 50%;">
<div class="skill-percent">50%</div>
</div>
</div>
</div>
<div class="skill-item padd-15">
<h5><i class="fa-brands fa-bootstrap"></i> BOOTSTRAP</h5>
<div class="progress">
<div class="progress-in" style="width: 95%;">
<div class="skill-percent">95%</div>
</div>
</div>
</div>
<div class="skill-item padd-15">
<h5><i class="fa-brands fa-python"></i> PYTHON</h5>
<div class="progress">
<div class="progress-in" style="width: 85%;">
<div class="skill-percent">85%</div>
</div>
</div>
</div>
<div class="skill-item padd-15">
<h5><i class="fa-solid fa-database"></i> SQL</h5>
<div class="progress">
<div class="progress-in" style="width: 75%;">
<div class="skill-percent">75%</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="education padd-15">
<h3 class="title">Education</h3>
<div class="row">
<div class="timeline-box padd-15">
<div class="timeline shadow-dark">
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2018-2020
</h3>
<h4 class="timeline-title">High Secondary School</h4>
<p class="timeline-text">I complete my high Secondary schooling in 2020 with science stream and got 70% in C.B.S.E. Board Exam</p>
</div>
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2018-2020
</h3>
<h4 class="timeline-title">High School</h4>
<p class="timeline-text">I complete my high schooling in 2018 and got 58.4% in C.B.S.E. Board Exam</p>
</div>
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2021-2023
</h3>
<h4 class="timeline-title">Graduation</h4>
<p class="timeline-text">I complete my Bachelor's degree in B.C.A. from Prestige Institute of Manageement, Gwalior</p>
</div>
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2024-2026
</h3>
<h4 class="timeline-title">Post - Graduation</h4>
<p class="timeline-text">I persuing my Master's degree in M.C.A. from SAGE University, Indore</p>
</div>
</div>
</div>
</div>
</div>
<div class="experience padd-15">
<h3 class="title">Experience</h3>
<div class="row">
<div class="timeline-box padd-15">
<div class="timeline shadow-dark">
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> Oct/2023 - Present
</h3>
<a href="https://www.altruistindia.com" target="_blank"><img src="./altruist.png" alt="company logo" style="height: 30px;"></a>
<h4 class="timeline-title">Business Associate <a target="_blank" href="https://www.altruistindia.com" style="color:var(--skin-color);"> { Relationship Manager } </a></h4>
<p class="timeline-text">I am Bussiness Associate in <a target="_blank" href="https://www.altruistindia.com" style="color:var(--skin-color);">Altruist Technologies Pvt. Ltd.</a>.</p>
</div>
<!----------------- border----------------->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> Dec/2022 - Jun/2023
</h3>
<a href="https://redgates.in" target="_blank"><img src="./red.png" alt="company logo" style="height: 30px;"></a>
<h4 class="timeline-title">Full Stack Web Developer <a target="_blank" href="https://redgates.in" style="color:var(--skin-color);"> { Intern } </a></h4>
<p class="timeline-text">I Worked as Full Stack Web Developer as a trainee & intern in <a target="_blank" href="https://redgates.in" style="color:var(--skin-color);">Redgates IT Solutions</a>.</p>
</div>
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2022
</h3>
<h4 class="timeline-title">Software Engineering Virtual Experience</h4>
<p class="timeline-text">I successfully completed !!!. Over the period of July 2022 to October 2022, I hava completed practical tasks in:
<ul>
<li>Interface with a stock price data feed </li>
<li>Use JPMC frameworks and tools </li>
<li>Data visually for traders</li>
</ul>
</p>
</div>
<!-- <div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2018-2020
</h3>
<h4 class="timeline-title">High School</h4>
<p class="timeline-text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Labore laboriosam veritatis aut. At perferendis libero dicta quo eos. Sit vel harum doloribus reprehenderit pariatur illum?</p>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- =======ABOUT SECTION END======== -->
<!-- =======SERVICE SECTION START======== -->
<section class="service section" id="service">
<div class="container" style="border-bottom: 3px groove var(--skin-color)">
<div class="row">
<div class="section-title padd-5">
<h2>AIVANA</h2>
</div>
</div>
<div class="row">
<div class="service-item">
<div class="service-item-inner"><div style="padding: 10px;height: 65vh; width: 100%;border: 2px solid var(--skin-color); border-radius: 10px; box-shadow: 0px 0px 10px var(--skin-color); overflow: hidden;">
<iframe src="https://aivana.netlify.app" style="width: 100%;height: 100%;border-radius: 5px;" frameborder="0"></iframe></div>
</div>
</div>
</div>
</div>
<div class="container" style="border-bottom: 3px groove var(--skin-color)">
<div class="row">
<div class="section-title padd-5">
<h2>AIVOT</h2>
</div>
</div>
<div class="row">
<div class="service-item">
<div class="service-item-inner"><div style="padding: 10px;height: 65vh; width: 100%;border: 2px solid var(--skin-color); border-radius: 10px; box-shadow: 0px 0px 10px var(--skin-color); overflow: hidden;">
<iframe src="https://aivaot.vercel.app" style="width: 100%;height: 100%;border-radius: 5px;" frameborder="0"></iframe></div>
</div>
</div>
</div>
</div>
<div class="container" style="border-bottom: 3px groove var(--skin-color)">
<div class="row">
<div class="section-title padd-5">
<h2>AIVART</h2>
</div>
</div>
<div class="row">
<div class="service-item">
<div class="service-item-inner"><div style="padding: 10px;height: 65vh; width: 100%;border: 2px solid var(--skin-color); border-radius: 10px; box-shadow: 0px 0px 10px var(--skin-color); overflow: hidden;">
<iframe src="https://aivart.vercel.app" style="width: 100%;height: 100%;border-radius: 5px;" frameborder="0"></iframe></div>
</div>
</div>
</div>
</div>
<div class="container" style="border-bottom: 3px groove var(--skin-color)">
<div class="row">
<div class="section-title padd-5">
<h2>AIVLOG</h2>
</div>
</div>
<div class="row">
<div class="service-item">
<div class="service-item-inner"><div style="padding: 10px;height: 65vh; width: 100%;border: 2px solid var(--skin-color); border-radius: 10px; box-shadow: 0px 0px 10px var(--skin-color); overflow: hidden;">
<iframe src="https://aivlog.vercel.app" style="width: 100%;height: 100%;border-radius: 5px;" frameborder="0"></iframe></div>
</div>
</div>
</div>
</div>
<div class="container" style="border-bottom: 3px groove var(--skin-color)">
<div class="row">
<div class="section-title padd-5">
<h2>AIVDO</h2>
</div>
</div>
<div class="row">
<div class="service-item">
<div class="service-item-inner"><div style="padding: 10px;height: 65vh; width: 100%;border: 2px solid var(--skin-color); border-radius: 10px; box-shadow: 0px 0px 10px var(--skin-color); overflow: hidden;">
<iframe src="https://aivdo.netlify.app" style="width: 100%;height: 100%;border-radius: 5px;" frameborder="0"></iframe></div>
</div>
</div>
</div>
</div>
</section>
<!-- =======SERVICE SECTION END======== -->
<!-- ======PORTFILO SCTION START======== -->
<section class="portfolio section" id="portfolio">
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>WORK-IN_PROGRESS</h2>
</div>
<div class="row">
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="redgatesin.png" alt="Somthing Wrong : 404 Error">
</div>
</div><a href="https://blog.redgates.in/" target="_blank" class="btn"><i class="fa fa-search"></i> Demo</a>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="trade.png" alt="Somthing Wrong : 404 Error">
</div>
</div><a href="https://trade.redgates.in/" target="_blank" class="btn"><i class="fa fa-search"></i> Demo</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>Portfolio</h2>
</div>
</div>
<div class="row">
<div class="portfolio-heading padd-15">
<h2>My Last Project : </h2>
<h6 style="color: var(--skin-color);">Click the respected image to download there source code.</h6>
</div>
</div>
<div class="row">
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<abbr title="VIRTUAL DEVICE (MOUSE, KEYBOARD etc.)"><a target="_blank" href="https://github.com/stars/20Sunny/lists/virtual-devices">
<img src="d.png" alt="Somthing Wrong : 404 Error ">
</a></abbr>
</div>
</div>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<abbr title="SCHOOL & COLLEGE MINOR PROJECT"><a target="_blank" href="https://github.com/stars/20Sunny/lists/minor-project">
<img src="e.png" alt="Somthing Wrong : 404 Error ">
</a></abbr>
</div>
</div>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<abbr title="MY PROTFOLIO'S"><a target="_blank" href="https://github.com/stars/20Sunny/lists/my-stack">
<img src="a.png" alt="Somthing Wrong : 404 Error">
</a></abbr>
</div>
</div>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<abbr title="A.I. CLONE'S (ChatGPT, dall-E)"><a target="_blank" href="https://github.com/stars/20Sunny/lists/a-i-clone-s">
<img src="g.jpg" alt="Somthing Wrong : 404 Error">
</a></abbr>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>MY WORK</h2>
</div>
<div class="row">
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="bitsyowl.webscruise.com.png" alt="Somthing Wrong : 404 Error">
</div>
</div><a href="https://www.bitsyowlstore.com/" target="_blank" class="btn"><i class="fa fa-search"></i> Demo</a>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="openscipub.com_.png" alt="Somthing Wrong : 404 Error">
</div>
</div><a href="https://openscipub.com" target="_blank" class="btn"><i class="fa fa-search"></i> Demo</a>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="sudhafinancialservice.com_.png" alt="Somthing Wrong : 404 Error">
</div>
</div><a href="http://sudhafinancialservice.com" target="_blank" class="btn"><i class="fa fa-search"></i> Demo</a>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="./eduwhiz.png" alt="Somthing Wrong : 404 Error">
</div>
</div><a href="https://eduwhiz.in" target="_blank" class="btn"><i class="fa fa-search"></i> Demo</a>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="./chatbox.png" alt="Somthing Wrong : 404 Error">
</div>
</div><a href="https://chatbox.redgates.in" target="_blank" class="btn"><i class="fa fa-search"></i> Demo</a>
</div>
</div>
</div>
</div>
</section>
<!-- ======PORTFILO SECTION END======== -->
<!-- =========CONTACT SECTION START=========== -->
<section class="contact section" id="contact">
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>Contact Me</h2>
</div>
</div>
<h3 class="contact-title">Have You Any Question ?</h3>
<h4 class="contact-sub-title">I'M READY FOR REPLY</h4>
<div class="row">
<!-- contact info start -->
<div class="contact-info-item padd-15">
<a target="_blank" style="text-decoration:none ;" href="https://discord.gg/cvrtrAup">
<div class="icon"><i class="fa fa-brands fa-discord fa-bounce"></i></div>
<h4>Join Me On</h4>
<p>Discord</p>
</a>
</div>
<!-- contact info end -->
<!-- contact info start -->
<div class="contact-info-item padd-15">
<a target="_blank" style="text-decoration: none;" href="https://www.google.com/maps/place/Bapat+Square,+Sukhliya,+Indore,+Madhya+Pradesh/@22.7550003,75.8775933,19z">
<div class="icon"><i class="fa fa-solid fa-map-location-dot"></i></div>
<h4>Address</h4>
<p>Idore, INDIA</p>
</a>
</div>
<!-- contact info end -->
<!-- contact info start -->
<div class="contact-info-item padd-15">
<a style="text-decoration: none;" href="mailto:[email protected]">
<div class="icon"><i class="fa fa-envelope"></i></div>
<h4>Write Personal Mail</h4>
<p>Sunnysharma7601<br>@gmail.com</p>
</a>
</div>
<!-- contact info end -->
<!-- contact info start -->
<div class="contact-info-item padd-15">
<div class="icon">
<div class="navigation">
<span class="instagram" style="--i:0;--x:-1;--y:0;">
<a href="https://www.instagram.com/aivana_bg" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center;"><i class="fa-brands fa-instagram"></i></a>
</span>
<span class="twitter" style="--i:1;--x:1;--y:0;">
<a href="https://x.com/AIVANA_OFC" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center;"><i class="fa-brands fa-x-twitter"></i></a>
</span>
<span class="github" style="--i:2;--x:0;--y:-1;">
<a href="https://github.com/20Sunny" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center;"><i class="fa-brands fa-github"></i></a>
</span>
<span class="telegram" style="--i:3;--x:0;--y:1;">
<a href="https://t.me/+hWhv6nib-ls3NzQ1" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center;"><i class="fa-brands fa-telegram"></i></a>
</span>
<span class="facebook" style="--i:4;--x:1;--y:1;">
<a href="http://" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center;"><i class="fa-brands fa-facebook-f"></i></a>
</span>
<span class="whatsapp" style="--i:5;--x:-1;--y:-1;">
<a href="https://whatsapp.com/channel/0029VaAddLQ7oQhmSGPoaz3x" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center;"><i class="fa-brands fa-whatsapp"></i></a>
</span>
<span class="linkedin" style="--i:6;--x:0;--y:0;">
<a href="https://www.linkedin.com/in/20sunny" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center;"><i class="fa-brands fa-linkedin-in"></i></a>
</span>
<span class="snapchat" style="--i:7;--x:-1;--y:1;">
<a href="https://www.snapchat.com/add/rishishwarsunny" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center;"><i class="fa-brands fa-snapchat"></i></a>
</span>
<span class="thread" style="--i:8;--x:1;--y:-1;">
<a href="https://www.threads.net/@aivana_bg" target="_blank" rel="noopener noreferrer" style="display: flex; justify-content: center;"><i class="fa-brands fa-threads"></i></a>
</span>
</div>
</div>
<h4>More</h4>
<p>Way to Reach to Me</p>
</div>
<!-- contact info end -->
</div>
<h3 class="contact-title">SEND ME AN E-MAIL</h3>
<h4 class="contact-sub-title">I'M VERY RESPONSIVE</h4>
<!-- ------------------------------CONTACT FORM START-------------------------------- -->
<div class="row">
<div class="contact-form padd-15">
<form target="_self" action="https://usebasin.com/f/34f6b8c3154e" method="post">
<div class="row">
<div class="form-item col-6 padd-15">
<div class="form-group">
<input type="text" name="name" id="name" class="form-control" placeholder="Name" required>
</div>
</div>
<div class="form-item col-6 padd-15">
<div class="form-group">
<input type="email" id="email" name="email" class="form-control" placeholder="E-mail" required>
</div>
</div>
</div>
<div class="row">
<div class="form-item col-12 padd-15">
<div class="form-group">
<input type="text" name="subject" id="pass" class="form-control" placeholder="Subject" required>
</div>
</div>
</div>
<div class="row">
<div class="form-item col-12 padd-15">
<div class="form-group">
<textarea class="form-control" name="Message" placeholder="Message" id="" required></textarea>
</div>
</div>
</div>
<div class="row">
<div class="form-item col-12 padd-15">
<div class="form-group">
<button type="submit" class="btn col-6" id="submit-btn" onmouseover="mouseOver()">Send Message <i class="fa fa-check"></i></button>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- ------------------------------CONTACT FORM END-------------------------------- -->
</div>
<div class="credit">View count :<img src="https://profile-counter.glitch.me/20Sunny/count.svg" alt="view"></div>
<a href="content()" class="credit2">DEVELOPED BY -: SUNNY SHARMA © copyright reserved </a>
</section>
<!-- =========CONTACT SECTION END=========== -->
</div>
<!-- ======MAIN CONTENT END======== -->
<!-- =======================STYLE SWITCHER START===================== -->
<div class="style-switcher" id="icnn">
<div class="style-switcher-toggler s-icon">
<!-- <i class="fa fa-cog fa-spin fa-3x fa-fw"></i> -->
<i class="fa fa-thin fa-sliders"></i>
</div>
<ul>