-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
645 lines (595 loc) · 78.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Title -->
<title>Amina Raja</title>
<!-- Style Sheets -->
<link rel="stylesheet" href="./public/styles/styles.css">
<!-- JavaScripts -->
<script defer src="./public/scripts/script.js"></script>
</head>
<body>
<!-- Header -->
<header class="header">
<div class="logo_div">
<!-- May be use an img instead as logo -->
<p class="logo">Amina Raja</p>
</div>
<div class="nav_toggle_btn_div mobile_only">
<button class="nav_toggle_btn" id="navToggle"><svg width="16" height="10" viewBox="0 0 16 10" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.5 10V8.33333H15.5V10H0.5ZM0.5 5.83333V4.16667H15.5V5.83333H0.5ZM0.5 1.66667V0H15.5V1.66667H0.5Z"
fill="black" />
</svg></button>
</div>
<nav class="top_nav" id="nav">
<ul>
<li><a href="/" class="top_nav_link">About Me</a></li>
<li><a href="/" class="top_nav_link">Skills</a></li>
<li><a href="/" class="top_nav_link">Project</a></li>
<li><a href="/" class="top_nav_link">Contact Me</a></li>
</ul>
<div class="mobile_only download_btn_div">
<a href="/download-resume" class="top_nav_link download_btn">Resume <span><svg width="20" height="20"
viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M17.5 12.5V13.5C17.5 14.9001 17.5 15.6002 17.2275 16.135C16.9878 16.6054 16.6054 16.9878 16.135 17.2275C15.6002 17.5 14.9001 17.5 13.5 17.5H6.5C5.09987 17.5 4.3998 17.5 3.86502 17.2275C3.39462 16.9878 3.01217 16.6054 2.77248 16.135C2.5 15.6002 2.5 14.9001 2.5 13.5V12.5M14.1667 8.33333L10 12.5M10 12.5L5.83333 8.33333M10 12.5V2.5"
stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg></span></a>
</div>
</nav>
<div class="desktop_only download_btn_div">
<a href="/download-resume" class="download_btn">Resume <span><svg width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M17.5 12.5V13.5C17.5 14.9001 17.5 15.6002 17.2275 16.135C16.9878 16.6054 16.6054 16.9878 16.135 17.2275C15.6002 17.5 14.9001 17.5 13.5 17.5H6.5C5.09987 17.5 4.3998 17.5 3.86502 17.2275C3.39462 16.9878 3.01217 16.6054 2.77248 16.135C2.5 15.6002 2.5 14.9001 2.5 13.5V12.5M14.1667 8.33333L10 12.5M10 12.5L5.83333 8.33333M10 12.5V2.5"
stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg></span></a>
</div>
</header>
<!-- Main -->
<main class="main">
<section class="hero_section section">
<div class="hero_section_content section_content">
<!-- <h1 class="title">Hello I'am <span class="strong">Amina Raja.</span><br><span class="strong">Backend</span><span class="style_inverted">Developer</span><br>Based In <span class="strong">Pakistan.</span></h1> -->
<h1 class="title">Hello I'am <strong> Amina Raja.</strong><br><strong>Backend </strong><strong
class="style_inverted"> Developer</strong><br>Based In <strong> Pakistan.</strong>
</h1>
<p class="hero_description">I'm Amina Raja. Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to specimen book.</p>
<ul class="social_links">
<li><a href="" class="social_link social_link_first"><svg width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M20 10C20 4.47715 15.5229 0 10 0C4.47715 0 0 4.47715 0 10C0 14.9912 3.65684 19.1283 8.4375 19.8785V12.8906H5.89844V10H8.4375V7.79688C8.4375 5.29063 9.93047 3.90625 12.2146 3.90625C13.3084 3.90625 14.4531 4.10156 14.4531 4.10156V6.5625H13.1922C11.95 6.5625 11.5625 7.3334 11.5625 8.125V10H14.3359L13.8926 12.8906H11.5625V19.8785C16.3432 19.1283 20 14.9912 20 10Z"
fill="white" />
</svg></a></li>
<li><a href="" class="social_link"><svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM15.2047 8.53799C16.0117 8.53799 16.6667 9.19296 16.6667 9.99998C16.6667 10.5965 16.3041 11.1111 15.8246 11.345C15.848 11.4854 15.8597 11.6257 15.8597 11.7778C15.8597 14.0234 13.2515 15.8362 10.0234 15.8362C6.79533 15.8362 4.18714 14.0234 4.18714 11.7778C4.18714 11.6257 4.19884 11.4737 4.22223 11.3333C3.70761 11.0994 3.35673 10.5965 3.35673 9.99998C3.35673 9.19296 4.0117 8.53799 4.81872 8.53799C5.20468 8.53799 5.56726 8.70173 5.82457 8.94735C6.83041 8.21051 8.22223 7.75437 9.77778 7.70758L10.5146 4.2222C10.538 4.15203 10.5731 4.09355 10.6316 4.05846C10.6901 4.02337 10.7602 4.01168 10.8304 4.02337L13.2515 4.53799C13.4152 4.18711 13.7661 3.9532 14.1754 3.9532C14.7485 3.9532 15.2164 4.42103 15.2164 4.99413C15.2164 5.56723 14.7485 6.03507 14.1754 6.03507C13.614 6.03507 13.1579 5.59062 13.1345 5.04092L10.9708 4.58478L10.3041 7.70758C11.8246 7.76606 13.2047 8.2339 14.1988 8.94735C14.4561 8.69004 14.807 8.53799 15.2047 8.53799ZM7.70761 9.99998C7.13451 9.99998 6.66667 10.4678 6.66667 11.0409C6.66667 11.614 7.13451 12.0819 7.70761 12.0819C8.28071 12.0819 8.74854 11.614 8.74854 11.0409C8.74854 10.4678 8.28071 9.99998 7.70761 9.99998ZM10.0117 14.5497C10.4094 14.5497 11.7661 14.5029 12.4795 13.7895C12.5848 13.6842 12.5848 13.5204 12.5029 13.4035C12.3977 13.2982 12.2222 13.2982 12.117 13.4035C11.6608 13.8479 10.7135 14.0117 10.0234 14.0117C9.33334 14.0117 8.37427 13.8479 7.92983 13.4035C7.82457 13.2982 7.64913 13.2982 7.54386 13.4035C7.4386 13.5088 7.4386 13.6842 7.54386 13.7895C8.24562 14.4912 9.61404 14.5497 10.0117 14.5497ZM11.2515 11.0409C11.2515 11.614 11.7193 12.0819 12.2924 12.0819C12.8655 12.0819 13.3333 11.614 13.3333 11.0409C13.3333 10.4678 12.8655 9.99998 12.2924 9.99998C11.7193 9.99998 11.2515 10.4678 11.2515 11.0409Z"
fill="black" />
</svg></a></li>
<li><a href="" class="social_link"><svg width="20" height="18" viewBox="0 0 20 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M6.2918 17.125C13.8371 17.125 17.9652 10.8723 17.9652 5.45155C17.9652 5.27577 17.9613 5.09608 17.9535 4.9203C18.7566 4.33955 19.4496 3.62021 20 2.79608C19.2521 3.12883 18.458 3.34615 17.6449 3.44061C18.5011 2.92742 19.1421 2.12123 19.4492 1.17147C18.6438 1.6488 17.763 1.98551 16.8445 2.16718C16.2257 1.50963 15.4075 1.07426 14.5164 0.928376C13.6253 0.782488 12.711 0.934209 11.9148 1.36008C11.1186 1.78595 10.4848 2.46225 10.1115 3.28443C9.73825 4.1066 9.64619 5.02885 9.84961 5.90858C8.21874 5.82674 6.62328 5.40309 5.16665 4.66508C3.71002 3.92708 2.42474 2.8912 1.39414 1.6246C0.870333 2.5277 0.710047 3.59637 0.945859 4.61341C1.18167 5.63045 1.79589 6.51954 2.66367 7.09999C2.01219 7.0793 1.37498 6.9039 0.804688 6.58827V6.63905C0.804104 7.58679 1.13175 8.50549 1.73192 9.23897C2.3321 9.97246 3.16777 10.4755 4.09687 10.6625C3.49338 10.8276 2.85999 10.8517 2.2457 10.7328C2.50788 11.5479 3.01798 12.2607 3.70481 12.7719C4.39164 13.2831 5.22093 13.5672 6.07695 13.5844C4.62369 14.7259 2.82848 15.3451 0.980469 15.3422C0.652739 15.3417 0.325333 15.3216 0 15.282C1.87738 16.4865 4.06128 17.1262 6.2918 17.125Z"
fill="black" />
</svg></a></li>
<li><a href="" class="social_link"><svg width="18" height="20" viewBox="0 0 18 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M7.23997 8.39001C6.66997 8.39001 6.21997 8.89001 6.21997 9.50001C6.21997 10.11 6.67997 10.61 7.23997 10.61C7.80997 10.61 8.25997 10.11 8.25997 9.50001C8.26997 8.89001 7.80997 8.39001 7.23997 8.39001ZM10.89 8.39001C10.32 8.39001 9.86997 8.89001 9.86997 9.50001C9.86997 10.11 10.33 10.61 10.89 10.61C11.46 10.61 11.91 10.11 11.91 9.50001C11.91 8.89001 11.46 8.39001 10.89 8.39001Z"
fill="black" />
<path
d="M15.75 0H2.35005C1.22005 0 0.300049 0.92 0.300049 2.06V15.58C0.300049 16.72 1.22005 17.64 2.35005 17.64H13.69L13.16 15.79L14.44 16.98L15.65 18.1L17.8 20V2.06C17.8 0.92 16.88 0 15.75 0ZM11.89 13.06C11.89 13.06 11.53 12.63 11.23 12.25C12.54 11.88 13.04 11.06 13.04 11.06C12.63 11.33 12.24 11.52 11.89 11.65C11.39 11.86 10.91 12 10.44 12.08C9.48005 12.26 8.60005 12.21 7.85005 12.07C7.28005 11.96 6.79005 11.8 6.38005 11.64C6.15005 11.55 5.90005 11.44 5.65005 11.3C5.62005 11.28 5.59005 11.27 5.56005 11.25C5.54005 11.24 5.53005 11.23 5.52005 11.22C5.34005 11.12 5.24005 11.05 5.24005 11.05C5.24005 11.05 5.72005 11.85 6.99005 12.23C6.69005 12.61 6.32005 13.06 6.32005 13.06C4.11005 12.99 3.27005 11.54 3.27005 11.54C3.27005 8.32 4.71005 5.71 4.71005 5.71C6.15005 4.63 7.52005 4.66 7.52005 4.66L7.62005 4.78C5.82005 5.3 4.99005 6.09 4.99005 6.09C4.99005 6.09 5.21005 5.97 5.58005 5.8C6.65005 5.33 7.50005 5.2 7.85005 5.17C7.91005 5.16 7.96005 5.15 8.02005 5.15C8.63005 5.07 9.32005 5.05 10.04 5.13C10.99 5.24 12.01 5.52 13.05 6.09C13.05 6.09 12.26 5.34 10.56 4.82L10.7 4.66C10.7 4.66 12.07 4.63 13.51 5.71C13.51 5.71 14.95 8.32 14.95 11.54C14.95 11.54 14.1 12.99 11.89 13.06V13.06Z"
fill="black" />
</svg></a></li>
</ul>
</div>
</section>
<section class="skills_section section">
<h1 class="skills_section_heading section_heading">My <strong> Skills</strong></h1>
<div class="skills_section_content section_content">
<div class="skill_card">
<div class="skill_card_icon_div">
<svg width="57" height="56" viewBox="0 0 57 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_196_516)">
<path
d="M56.1877 43.3914C54.1507 43.9094 52.8907 43.4141 51.7602 41.7166L43.7207 30.5936L42.5587 29.0536L33.17 41.7534C32.0972 43.2811 30.972 43.9461 28.97 43.4054L40.9925 27.2669L29.7995 12.6894C31.7245 12.3149 33.0545 12.5056 34.2357 14.2294L42.5745 25.4906L50.9745 14.2906C52.0507 12.7629 53.2075 12.1819 55.1395 12.7454L50.7995 18.4994L44.9195 26.1556C44.2195 27.0306 44.3157 27.6291 44.9597 28.4744L56.1877 43.3914ZM0.201744 26.9974L1.18524 22.1604C3.86274 12.5879 14.8352 8.61011 22.4022 14.5251C26.8245 18.0041 27.9235 22.9251 27.7047 28.4376H2.77774C2.40324 38.3601 9.54499 44.3486 18.6502 41.2931C21.844 40.2204 23.7252 37.7196 24.6667 34.5906C25.1445 33.0226 25.9355 32.7776 27.409 33.2256C26.6565 37.1386 24.959 40.4076 21.3715 42.4534C16.0112 45.5159 8.36024 44.5254 4.33524 40.2694C1.93774 37.8001 0.947244 34.6711 0.502744 31.3251C0.432744 30.7721 0.292744 30.2454 0.187744 29.7151C0.197077 28.8098 0.201744 27.9044 0.201744 26.9991V26.9974ZM2.82324 26.3324H25.3492C25.2022 19.1574 20.7345 14.0614 14.6287 14.0176C7.92624 13.9651 3.11374 18.9404 2.82324 26.3324Z"
fill="black" />
</g>
<defs>
<clipPath id="clip0_196_516">
<rect width="56" height="56" fill="white" transform="translate(0.187744)" />
</clipPath>
</defs>
</svg>
</div>
<p class="skill_card_name">Express</p>
</div>
<div class="skill_card skill_card_second_desktop">
<div class="skill_card_icon_div">
<svg width="62" height="56" viewBox="0 0 62 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_196_513)">
<path
d="M31.2933 33.9258C34.5066 33.9258 37.1115 31.2727 37.1115 27.9999C37.1115 24.7271 34.5066 22.074 31.2933 22.074C28.08 22.074 25.4751 24.7271 25.4751 27.9999C25.4751 31.2727 28.08 33.9258 31.2933 33.9258Z"
fill="black" />
<path
d="M31.2933 41.3334C47.3598 41.3334 60.3842 35.3639 60.3842 28.0001C60.3842 20.6363 47.3598 14.6667 31.2933 14.6667C15.2268 14.6667 2.20239 20.6363 2.20239 28.0001C2.20239 35.3639 15.2268 41.3334 31.2933 41.3334Z"
stroke="black" stroke-width="3" />
<path
d="M19.9563 34.6667C27.9895 48.8383 39.5775 57.3419 45.8388 53.66C52.1001 49.9781 50.6637 35.505 42.6304 21.3334C34.5972 7.16172 23.0092 -1.34189 16.7479 2.34001C10.4866 6.02191 11.9231 20.4951 19.9563 34.6667Z"
stroke="black" stroke-width="3" />
<path
d="M19.9562 21.3333C11.923 35.5049 10.4865 49.978 16.7478 53.6599C23.0091 57.3418 34.5971 48.8382 42.6303 34.6666C50.6636 20.495 52.1 6.02182 45.8387 2.33992C39.5774 -1.34197 27.9894 7.16164 19.9562 21.3333Z"
stroke="black" stroke-width="3" />
</g>
<defs>
<clipPath id="clip0_196_513">
<rect width="61.0909" height="56" fill="white" transform="translate(0.747803)" />
</clipPath>
</defs>
</svg>
</div>
<p class="skill_card_name">React</p>
</div>
<div class="skill_card">
<div class="skill_card_icon_div">
<svg width="50" height="56" viewBox="0 0 50 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_196_514)">
<path
d="M25.3808 55.9999C24.6301 55.9999 23.9294 55.7958 23.2787 55.4386L16.6223 51.4076C15.6214 50.8463 16.1218 50.6423 16.4222 50.5402C17.7735 50.081 18.0237 49.9789 19.4251 49.1625C19.5752 49.0604 19.7754 49.1115 19.9255 49.2135L25.0304 52.3261C25.2307 52.4282 25.4809 52.4282 25.631 52.3261L45.6002 40.5392C45.8004 40.4371 45.9005 40.2331 45.9005 39.9779V16.4552C45.9005 16.2001 45.8004 15.996 45.6002 15.8939L25.631 4.15808C25.4308 4.05603 25.1805 4.05603 25.0304 4.15808L5.06122 15.8939C4.86103 15.996 4.76093 16.2511 4.76093 16.4552V39.9779C4.76093 40.182 4.86103 40.4371 5.06122 40.5392L10.5165 43.7538C13.4693 45.2845 15.3211 43.4987 15.3211 41.7128V18.4962C15.3211 18.19 15.5714 17.884 15.9217 17.884H18.4742C18.7744 17.884 19.0747 18.1391 19.0747 18.4962V41.7128C19.0747 45.7438 16.9226 48.091 13.169 48.091C12.0179 48.091 11.1171 48.091 8.56457 46.8153L3.30954 43.7538C2.00829 42.9884 1.20752 41.5597 1.20752 40.029V16.5062C1.20752 14.9755 2.00829 13.5468 3.30954 12.7814L23.2787 0.994506C24.53 0.280152 26.2316 0.280152 27.4828 0.994506L47.452 12.7814C48.7533 13.5468 49.554 14.9755 49.554 16.5062V40.029C49.554 41.5597 48.7533 42.9884 47.452 43.7538L27.4828 55.5407C26.8822 55.7958 26.1315 55.9999 25.3808 55.9999Z"
fill="black" />
<path
d="M31.5868 39.8249C22.8283 39.8249 21.0266 35.7429 21.0266 32.2732C21.0266 31.9671 21.2768 31.6609 21.6271 31.6609H24.2297C24.5299 31.6609 24.7802 31.865 24.7802 32.1712C25.1806 34.8755 26.3317 36.2022 31.6368 36.2022C35.8408 36.2022 37.6426 35.2327 37.6426 32.9365C37.6426 31.6099 37.1421 30.6404 30.5858 29.977C25.1305 29.4157 21.7273 28.1912 21.7273 23.7519C21.7273 19.6189 25.1305 17.1697 30.836 17.1697C37.2422 17.1697 40.3952 19.4148 40.7956 24.3132C40.7956 24.4663 40.7456 24.6194 40.6455 24.7725C40.5454 24.8745 40.3952 24.9766 40.2451 24.9766H37.5925C37.3422 24.9766 37.092 24.7725 37.042 24.5173C36.4414 21.7109 34.8899 20.7925 30.786 20.7925C26.1815 20.7925 25.631 22.4253 25.631 23.6499C25.631 25.1296 26.2817 25.5889 32.4876 26.4053C38.6435 27.2217 41.5463 28.3953 41.5463 32.7835C41.5463 37.2737 37.8928 39.8249 31.5868 39.8249Z"
fill="black" />
</g>
<defs>
<clipPath id="clip0_196_514">
<rect width="49.28" height="56" fill="white" transform="translate(0.653809)" />
</clipPath>
</defs>
</svg>
</div>
<p class="skill_card_name">Node.Js</p>
</div>
<div class="skill_card skill_card_second_mobile">
<div class="skill_card_icon_div">
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 56V0H56V56H0Z" fill="black" />
<path
d="M36.6147 41.9176C37.6912 43.666 38.861 45.3414 41.339 45.3414C43.4203 45.3414 44.5123 44.3069 44.5123 42.8758C44.5123 41.1631 43.383 40.5549 41.0932 39.5578L39.8378 39.0227C36.215 37.4858 33.8054 35.56 33.8054 31.4923C33.8054 27.7434 36.6754 24.8905 41.1601 24.8905C44.3536 24.8905 46.6481 25.9965 48.3032 28.8929L44.3925 31.3927C43.5323 29.8558 42.6021 29.2507 41.1601 29.2507C39.6885 29.2507 38.7567 30.1794 38.7567 31.3927C38.7567 32.8922 39.6901 33.4989 41.8445 34.4276L43.0998 34.9627C47.3698 36.7811 49.7778 38.6385 49.7778 42.8136C49.7778 47.3122 46.225 49.7778 41.4556 49.7778C36.7905 49.7778 34.1414 47.4367 32.6667 44.5387L36.6147 41.9176ZM18.5921 42.0451C19.3792 43.4545 20.5754 44.5387 22.2958 44.5387C23.9416 44.5387 24.889 43.8885 24.889 41.3607V24.8889H30.0736V42.1571C30.0736 47.3947 27.0356 49.7778 22.5992 49.7778C18.5905 49.7778 15.6972 47.0618 14.5181 44.5387L18.5921 42.0451Z"
fill="white" />
</svg>
</div>
<p class="skill_card_name">Javascript</p>
</div>
<div class="skill_card">
<div class="skill_card_icon_div">
<svg width="27" height="56" viewBox="0 0 27 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_196_519)">
<path
d="M18.4584 6.24159C16.0977 3.45303 14.0648 0.62089 13.6495 0.0326784C13.6058 -0.0108928 13.5402 -0.0108928 13.4965 0.0326784C13.0812 0.62089 11.0483 3.45303 8.68764 6.24159C-11.5751 31.9704 11.879 49.3336 11.879 49.3336L12.0757 49.4643C12.2506 52.144 12.6877 56 12.6877 56H13.5621H14.4364C14.4364 56 14.8736 52.1657 15.0485 49.4643L15.2451 49.3119C15.267 49.3119 38.721 31.9704 18.4584 6.24159ZM13.5621 48.9414C13.5621 48.9414 12.5129 48.0482 12.2287 47.5907V47.5473L13.4965 19.5308C13.4965 19.4437 13.6277 19.4437 13.6277 19.5308L14.8954 47.5473V47.5907C14.6113 48.0482 13.5621 48.9414 13.5621 48.9414Z"
fill="black" />
</g>
<defs>
<clipPath id="clip0_196_519">
<rect width="26.0465" height="56" fill="white" transform="translate(0.440918)" />
</clipPath>
</defs>
</svg>
</div>
<p class="skill_card_name">MongoDB</p>
</div>
<div class="skill_card">
<div class="skill_card_icon_div">
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M49.2333 25.7833L30.2166 6.76659C29.6333 6.18325 28.8166 5.83325 27.9999 5.83325C27.1833 5.83325 26.3666 6.18325 25.7833 6.76659L21.6999 10.8499L26.4833 15.6333C26.9499 15.3999 27.4166 15.2833 27.9999 15.2833C29.9833 15.2833 31.4999 16.7999 31.4999 18.7833C31.4999 19.3666 31.3833 19.8333 31.1499 20.2999L35.8166 24.9666C36.2833 24.7333 36.7499 24.6166 37.3333 24.6166C39.3166 24.6166 40.8333 26.1333 40.8333 28.1166C40.8333 30.0999 39.3166 31.6166 37.3333 31.6166C35.3499 31.6166 33.8333 30.0999 33.8333 28.1166C33.8333 27.5333 33.9499 27.0666 34.1833 26.5999L29.5166 21.9333C29.3999 21.9333 29.2833 22.0499 29.1666 22.0499V34.1833C30.5666 34.6499 31.4999 35.9333 31.4999 37.4499C31.4999 39.4333 29.9833 40.9499 27.9999 40.9499C26.0166 40.9499 24.4999 39.4333 24.4999 37.4499C24.4999 35.9333 25.4333 34.6499 26.8333 34.1833V21.9333C25.4333 21.4666 24.4999 20.1833 24.4999 18.6666C24.4999 18.0833 24.6166 17.6166 24.8499 17.1499L20.0666 12.3666L6.76659 25.7833C6.18325 26.3666 5.83325 27.1833 5.83325 27.9999C5.83325 28.8166 6.18325 29.6333 6.76659 30.2166L25.7833 49.2333C26.3666 49.8166 27.1833 50.1666 27.9999 50.1666C28.8166 50.1666 29.6333 49.8166 30.2166 49.2333L49.2333 30.2166C49.8166 29.6333 50.1666 28.8166 50.1666 27.9999C50.1666 27.1833 49.8166 26.3666 49.2333 25.7833Z"
fill="black" />
</svg>
</div>
<p class="skill_card_name">Git</p>
</div>
<div class="skill_card">
<div class="skill_card_icon_div">
<svg width="57" height="56" viewBox="0 0 57 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_196_515)">
<mask id="mask0_196_515" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0"
width="57" height="56">
<path
d="M28.4399 56C43.9039 56 56.4399 43.464 56.4399 28C56.4399 12.536 43.9039 0 28.4399 0C12.976 0 0.439941 12.536 0.439941 28C0.439941 43.464 12.976 56 28.4399 56Z"
fill="black" />
</mask>
<g mask="url(#mask0_196_515)">
<path
d="M28.44 55.0667C43.3885 55.0667 55.5066 42.9485 55.5066 28C55.5066 13.0515 43.3885 0.93335 28.44 0.93335C13.4915 0.93335 1.37329 13.0515 1.37329 28C1.37329 42.9485 13.4915 55.0667 28.44 55.0667Z"
fill="black" stroke="white" stroke-width="6" />
<path
d="M46.9536 49.0063L21.9508 16.8H17.24V39.1907H21.0087V21.5861L43.9952 51.2852C45.0325 50.5911 46.0206 49.8292 46.9536 49.0063Z"
fill="url(#paint0_linear_196_515)" />
<path d="M39.9511 16.8H36.2178V39.2H39.9511V16.8Z"
fill="url(#paint1_linear_196_515)" />
</g>
</g>
<defs>
<linearGradient id="paint0_linear_196_515" x1="34.3511" y1="36.2445" x2="45.3955"
y2="49.9334" gradientUnits="userSpaceOnUse">
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</linearGradient>
<linearGradient id="paint1_linear_196_515" x1="38.0844" y1="16.8" x2="38.0219"
y2="33.25" gradientUnits="userSpaceOnUse">
<stop stop-color="white" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</linearGradient>
<clipPath id="clip0_196_515">
<rect width="56" height="56" fill="white" transform="translate(0.439941)" />
</clipPath>
</defs>
</svg>
</div>
<p class="skill_card_name">Next.Js</p>
</div>
<div class="skill_card">
<div class="skill_card_icon_div">
<svg width="58" height="56" viewBox="0 0 58 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M33.5631 0.928955C33.1678 0.928955 32.8007 1.01391 32.4618 1.12717C33.1819 1.60855 33.5772 2.24568 33.7748 2.96776C33.789 3.06687 33.8172 3.13766 33.8313 3.23676C33.8455 3.32172 33.8596 3.40667 33.8596 3.49162C33.916 4.73755 33.5348 4.89329 33.2666 5.62953C32.8572 6.57814 32.9701 7.59754 33.4642 8.41873C33.5066 8.51783 33.5631 8.6311 33.6337 8.73021C33.0972 5.14814 36.0761 4.61013 36.6267 3.49162C36.6691 2.51469 35.8643 1.86341 35.229 1.41034C34.6219 1.04222 34.0713 0.928955 33.5631 0.928955ZM38.0526 1.73598C37.9961 2.06162 38.0385 1.97667 38.0244 2.14657C38.0103 2.25984 38.0103 2.40143 37.9962 2.51469C37.968 2.62796 37.9397 2.74122 37.8974 2.85449C37.8692 2.96776 37.8268 3.08103 37.7844 3.19429C37.7279 3.30756 37.6856 3.40667 37.6291 3.51993C37.5868 3.57659 37.5585 3.6332 37.5162 3.68983C37.488 3.73231 37.4597 3.77478 37.4315 3.81726C37.3609 3.91637 37.2903 4.01548 37.2197 4.10042C37.135 4.18538 37.0644 4.28448 36.9656 4.35528V4.36945C36.8809 4.44025 36.7962 4.5252 36.6973 4.59599C36.4009 4.82252 36.062 4.99242 35.7514 5.2048C35.6526 5.27559 35.5538 5.33222 35.4691 5.41717C35.3702 5.48796 35.2855 5.55875 35.2008 5.6437C35.102 5.72865 35.0314 5.81361 34.9467 5.91272C34.8761 5.99767 34.7914 6.09677 34.7349 6.19588C34.6643 6.29499 34.5937 6.3941 34.5373 6.49321C34.4808 6.60647 34.4384 6.70558 34.382 6.81885C34.3396 6.93211 34.2972 7.03122 34.269 7.14449C34.2267 7.27191 34.1984 7.38518 34.1702 7.49845C34.1561 7.55511 34.1561 7.62587 34.142 7.68251C34.1278 7.73916 34.1278 7.79577 34.1138 7.85241C34.1138 7.96567 34.0996 8.0931 34.0996 8.20636C34.0996 8.29132 34.0996 8.37627 34.1138 8.46122C34.1138 8.57448 34.1279 8.68775 34.1561 8.81517C34.1702 8.92844 34.1985 9.04171 34.2267 9.15498C34.2691 9.26824 34.2973 9.38151 34.3396 9.49477C34.3679 9.56557 34.4102 9.63636 34.4385 9.69299L31.1913 8.4329C30.6407 8.27716 30.1042 8.13558 29.5536 8.00815C29.2571 7.93736 28.9606 7.86657 28.6642 7.79577C27.8171 7.62587 26.9559 7.49845 26.0947 7.4135C26.0664 7.4135 26.0523 7.39932 26.0241 7.39932C25.177 7.31437 24.344 7.2719 23.4969 7.2719C22.8757 7.2719 22.2545 7.30019 21.6474 7.34269C20.7862 7.39935 19.925 7.51259 19.0638 7.65417C18.852 7.68247 18.6403 7.72497 18.4285 7.76744C17.9908 7.85239 17.5673 7.9515 17.1579 8.05061C16.9461 8.10726 16.7343 8.16388 16.5225 8.22051C16.3108 8.30545 16.1131 8.40457 15.9155 8.48952C15.7602 8.56031 15.6049 8.6311 15.4496 8.70189C15.4213 8.71607 15.3931 8.71607 15.379 8.73019C15.2378 8.80098 15.1107 8.85761 14.9837 8.9284C14.9413 8.94258 14.9131 8.9567 14.8848 8.97088C14.7295 9.04167 14.5742 9.12662 14.4472 9.19741C14.3483 9.23989 14.2495 9.29652 14.1648 9.339C14.1225 9.36729 14.066 9.39565 14.0377 9.40979C13.9107 9.48058 13.7836 9.55137 13.6707 9.62217C13.5436 9.69296 13.4307 9.76374 13.3318 9.83453C13.233 9.90533 13.1342 9.96196 13.0495 10.0327C13.0353 10.0469 13.0213 10.0469 13.0071 10.061C12.9224 10.1177 12.8236 10.1885 12.7389 10.2593C12.7389 10.2593 12.7247 10.2734 12.7107 10.2876C12.6401 10.3442 12.5695 10.4008 12.4989 10.4575C12.4707 10.4716 12.4424 10.4999 12.4142 10.5141C12.3436 10.5708 12.273 10.6415 12.2024 10.6982C12.1883 10.7265 12.1601 10.7407 12.1459 10.7548C12.0612 10.8398 11.9765 10.9106 11.8918 10.9955C11.8776 10.9955 11.8776 11.0097 11.8636 11.0238C11.7789 11.0946 11.6941 11.1796 11.6094 11.2645C11.5953 11.2787 11.5953 11.2928 11.5812 11.2928C11.5106 11.3636 11.44 11.4344 11.3695 11.5193C11.3412 11.5476 11.2989 11.576 11.2706 11.6043C11.2 11.6892 11.1153 11.7742 11.0306 11.8591C11.0165 11.8874 10.9883 11.9016 10.9741 11.9299C10.8612 12.0432 10.7624 12.1565 10.6494 12.2697C10.6353 12.2839 10.6212 12.298 10.6071 12.3122C10.3812 12.5529 10.1412 12.7936 9.88703 13.006C9.6329 13.2325 9.36466 13.4449 9.09641 13.6289C8.81405 13.8272 8.5458 13.997 8.24932 14.1669C7.96696 14.3227 7.67047 14.4643 7.35988 14.5917C7.06339 14.7191 6.7528 14.8324 6.4422 14.9315C5.84923 15.0589 5.24215 15.2996 4.71978 15.3421C4.60684 15.3421 4.47977 15.3704 4.36683 15.3846C4.23976 15.4129 4.12682 15.4412 4.01388 15.4695C3.90093 15.512 3.78798 15.5545 3.67504 15.5969C3.56209 15.6394 3.44915 15.696 3.33621 15.7527C3.23738 15.8235 3.12443 15.8801 3.0256 15.9509C2.92678 16.0217 2.82795 16.1066 2.74324 16.1916C2.64442 16.2624 2.54559 16.3615 2.46088 16.4464C2.37617 16.5456 2.29146 16.6305 2.22087 16.7296C2.15028 16.8429 2.06557 16.942 2.00909 17.0553C1.9385 17.1544 1.86792 17.2676 1.81144 17.3809C1.75494 17.5083 1.6985 17.6216 1.65614 17.749C1.61379 17.8623 1.57143 17.9897 1.52908 18.1171C1.50086 18.2304 1.47258 18.3437 1.45849 18.4569C1.45849 18.4711 1.44435 18.4852 1.44435 18.4994C1.41613 18.6268 1.41613 18.7967 1.40199 18.8817C1.38785 18.9808 1.37378 19.0657 1.37378 19.1648C1.37378 19.2215 1.37378 19.2923 1.38792 19.3489C1.40206 19.448 1.41613 19.533 1.44441 19.6179C1.47263 19.7029 1.50091 19.7878 1.54324 19.8728V19.8869C1.58559 19.9719 1.64207 20.0568 1.69854 20.1418C1.75503 20.2267 1.81149 20.3117 1.88208 20.3967C1.95266 20.4674 2.03737 20.5524 2.12208 20.6232C2.20679 20.7081 2.2915 20.7789 2.39033 20.8497C2.72916 21.147 2.81387 21.2461 3.25154 21.4727C3.32212 21.5152 3.39272 21.5435 3.47743 21.5859C3.49157 21.5859 3.50564 21.6001 3.51978 21.6001C3.51978 21.6284 3.51979 21.6426 3.53393 21.6709C3.54807 21.7842 3.57628 21.8974 3.60452 22.0107C3.63273 22.1381 3.67511 22.2514 3.71747 22.3505C3.75982 22.4355 3.78806 22.5204 3.83041 22.6054C3.84455 22.6337 3.85863 22.662 3.87277 22.6762C3.92926 22.7894 3.98571 22.8885 4.04218 22.9876C4.11277 23.0868 4.18336 23.1859 4.25395 23.285C4.32454 23.3699 4.40925 23.469 4.49396 23.554C4.57867 23.6389 4.66338 23.7097 4.76221 23.7947C4.76221 23.7947 4.77635 23.8089 4.79042 23.8089C4.87513 23.8797 4.95984 23.9505 5.04455 24.0071C5.14338 24.0779 5.24221 24.1345 5.35515 24.1911C5.45398 24.2478 5.56692 24.3044 5.67987 24.3469C5.76458 24.3894 5.8634 24.4177 5.96223 24.446C5.97637 24.4602 5.99044 24.4602 6.01873 24.4743C6.07522 24.4885 6.14578 24.5026 6.20226 24.5168C6.1599 25.2813 6.14576 26.0034 6.25875 26.2582C6.38581 26.5414 7.00701 25.6777 7.62821 24.6867C7.5435 25.6636 7.48703 26.8104 7.62821 27.1502C7.78351 27.5042 8.6306 26.3998 9.36475 25.1822C19.3745 22.8602 28.509 29.7978 29.469 39.5954C29.2855 38.0663 27.4077 37.2168 26.5465 37.4292C26.123 38.4769 25.403 39.8219 24.2453 40.6573C24.3441 39.7228 24.3018 38.7601 24.1041 37.8256C23.7935 39.1282 23.1864 40.3458 22.3534 41.3935C21.0122 41.4926 19.671 40.8413 18.9651 39.8644C18.9086 39.8219 18.8945 39.737 18.8521 39.6804C18.8098 39.5812 18.7674 39.4821 18.7392 39.383C18.6968 39.2839 18.6686 39.1848 18.6545 39.0857C18.6403 38.9866 18.6403 38.8875 18.6403 38.7742C18.6403 38.7034 18.6403 38.6326 18.6403 38.5618C18.6545 38.4627 18.6827 38.3636 18.7109 38.2645C18.7391 38.1654 18.7674 38.0663 18.8098 37.9672C18.8663 37.8681 18.9086 37.769 18.9792 37.6699C19.2192 36.9903 19.2192 36.4381 18.7815 36.1124C18.6968 36.0558 18.6121 36.0133 18.5133 35.9709C18.4568 35.9567 18.3862 35.9284 18.3298 35.9142C18.2874 35.9 18.2592 35.8859 18.2168 35.8717C18.118 35.8434 18.0191 35.8151 17.9203 35.8009C17.8215 35.7726 17.7227 35.7585 17.6238 35.7585C17.525 35.7443 17.4121 35.7302 17.3132 35.7302C17.2427 35.7302 17.1721 35.7443 17.1015 35.7443C16.9885 35.7443 16.8897 35.7585 16.7909 35.7868C16.692 35.801 16.5932 35.8151 16.4944 35.8435C16.3956 35.8718 16.2967 35.9001 16.1979 35.9426C16.0991 35.9851 16.0144 36.0275 15.9155 36.07C15.8308 36.1125 15.7461 36.1691 15.6473 36.2116C12.3578 38.3637 14.3202 43.404 16.565 44.8623C15.7179 45.0181 14.8567 45.2022 14.6167 45.3862C14.6025 45.4004 14.5885 45.4145 14.5885 45.4145C15.1955 45.7826 15.8309 46.0941 16.4944 46.3631C17.398 46.6604 18.358 46.9294 18.7816 47.0427V47.0569C19.9534 47.2976 21.1393 47.3825 22.3393 47.3117C28.5937 46.8728 33.7186 42.1015 34.6504 35.8152C34.6786 35.9426 34.7069 36.0558 34.7351 36.1833C34.7774 36.4381 34.8339 36.7071 34.8621 36.9761V36.9903C34.8903 37.1178 34.9045 37.2452 34.9186 37.3585V37.4151C34.9328 37.5425 34.9468 37.67 34.9468 37.7832C34.961 37.939 34.9751 38.0947 34.9751 38.2505V38.477C34.9751 38.5478 34.9892 38.6327 34.9892 38.7035C34.9892 38.7885 34.9751 38.8734 34.9751 38.9584V39.1566C34.9751 39.2557 34.9609 39.3406 34.9609 39.4398C34.9609 39.4964 34.9609 39.553 34.9468 39.6238C34.9468 39.7229 34.9326 39.822 34.9326 39.9353C34.9185 39.9778 34.9185 40.0202 34.9185 40.0627C34.9043 40.176 34.8903 40.2751 34.8761 40.3884C34.8761 40.4308 34.8761 40.4733 34.862 40.5158C34.8478 40.6574 34.8196 40.7848 34.8055 40.9264V40.9406V40.9548C34.7773 41.0822 34.749 41.2238 34.7208 41.3512V41.3937C34.6926 41.5211 34.6643 41.6485 34.6361 41.7759C34.6361 41.7901 34.6219 41.8184 34.6219 41.8326C34.5937 41.96 34.5654 42.0874 34.5231 42.2149V42.2573C34.4808 42.3989 34.4384 42.5263 34.4102 42.6538C34.396 42.6679 34.396 42.6821 34.396 42.6821C34.3537 42.8237 34.3113 42.9652 34.269 43.1068C34.2125 43.2484 34.1701 43.3758 34.1137 43.5174C34.0572 43.659 34.0148 43.8006 33.9584 43.928C33.9019 44.0696 33.8454 44.197 33.7889 44.3386H33.7748C33.7183 44.466 33.6618 44.6076 33.5912 44.735C33.5771 44.7775 33.563 44.8058 33.5489 44.8341C33.5348 44.8483 33.5348 44.8624 33.5207 44.8766C32.603 46.7314 31.2477 48.3596 29.5535 49.6338C29.4405 49.7046 29.3276 49.7896 29.2146 49.8745C29.1864 49.9028 29.1441 49.917 29.1158 49.9453C29.017 50.0161 28.9182 50.0869 28.8052 50.1577L28.8476 50.2426H28.8617C29.0594 50.2143 29.257 50.186 29.4547 50.1577H29.4688C29.8359 50.101 30.203 50.0302 30.57 49.9595C30.6688 49.9453 30.7818 49.917 30.8806 49.8887C30.9512 49.8745 31.0077 49.8604 31.0783 49.8462C31.1771 49.832 31.2759 49.8037 31.3748 49.7895C31.4595 49.7612 31.5442 49.7471 31.6289 49.7187C33.0407 49.3789 34.4102 48.9117 35.7231 48.3595C33.4784 51.4319 30.4712 53.9096 26.9558 55.5378C28.5794 55.4246 30.203 55.1555 31.7701 54.7025C37.4597 53.0176 42.2457 49.1807 45.1117 44.0129C44.5329 47.2835 43.234 50.3983 41.3139 53.1167C42.6834 52.2106 43.9399 51.1629 45.0835 49.9736C48.246 46.6605 50.3213 42.4555 51.0272 37.939C51.5072 40.176 51.6484 42.4838 51.4367 44.7633C61.63 30.5059 52.2837 15.7246 48.373 11.831C48.3589 11.8027 48.3448 11.7885 48.3448 11.7602C48.3306 11.7744 48.3306 11.7744 48.3306 11.7885C48.3306 11.7743 48.3306 11.7743 48.3165 11.7602C48.3165 11.9301 48.3024 12.1 48.2883 12.2699C48.2459 12.5956 48.2036 12.907 48.1471 13.2185C48.0765 13.53 47.9918 13.8415 47.9071 14.153C47.8083 14.4503 47.6953 14.7618 47.5683 15.0591C47.4412 15.3423 47.3 15.6396 47.1447 15.9228C46.9894 16.1918 46.82 16.4749 46.6365 16.7298C46.4529 16.9988 46.2553 17.2537 46.0576 17.4943C45.8458 17.7492 45.62 17.9757 45.3941 18.2023C45.2529 18.3297 45.1258 18.443 44.9846 18.5562C44.8717 18.6553 44.7729 18.7403 44.6599 18.8394C44.4058 19.0376 44.1517 19.2217 43.8693 19.3916C43.6011 19.5615 43.3187 19.7314 43.0363 19.8729C42.7399 20.0145 42.4434 20.142 42.1469 20.2694C41.8504 20.3826 41.5398 20.4818 41.2292 20.5667C40.9186 20.6517 40.5939 20.7224 40.2833 20.7791C39.9586 20.8357 39.6339 20.864 39.3233 20.8923C39.0974 20.9065 38.8715 20.9206 38.6456 20.9206C38.3209 20.9206 37.9962 20.8923 37.6856 20.864C37.3609 20.8357 37.0361 20.7932 36.7255 20.7224C36.4008 20.6657 36.0902 20.5808 35.7796 20.4817H35.7655C36.0761 20.4534 36.3867 20.4251 36.6973 20.3684C37.022 20.3118 37.3326 20.241 37.6432 20.1561C37.9538 20.0711 38.2644 19.972 38.5609 19.8587C38.8715 19.7455 39.1679 19.6039 39.4503 19.4623C39.7468 19.3207 40.015 19.165 40.2974 18.9951C40.5656 18.811 40.8339 18.627 41.088 18.4287C41.3421 18.2305 41.5821 18.0182 41.808 17.7916C42.0481 17.5792 42.2598 17.3386 42.4716 17.0979C42.6834 16.843 42.881 16.5882 43.0646 16.3333C43.0928 16.2908 43.1211 16.2342 43.1493 16.1917C43.2905 15.9652 43.4316 15.7387 43.5587 15.5121C43.714 15.229 43.8552 14.9458 43.9822 14.6485C44.1093 14.3511 44.2222 14.0538 44.3211 13.7423C44.4199 13.445 44.4905 13.1335 44.5611 12.822C44.6176 12.4964 44.674 12.1849 44.7023 11.8734C44.7305 11.5478 44.7588 11.2221 44.7588 10.9107C44.7588 10.6841 44.7446 10.4576 44.7305 10.2311C44.7023 9.90543 44.66 9.59394 44.6176 9.28246C44.5611 8.95682 44.4905 8.64534 44.4058 8.33385C44.307 8.03653 44.2082 7.72504 44.0952 7.42772C43.9823 7.13039 43.8411 6.83306 43.6999 6.54989C43.5446 6.26673 43.3893 5.98356 43.2199 5.71456C43.0364 5.44555 42.8528 5.1907 42.6552 4.93584C42.4434 4.69515 42.2316 4.45446 42.0057 4.21377C41.8928 4.10051 41.7657 3.97308 41.6387 3.85982C41.0034 3.36427 40.3398 2.89704 39.6762 2.47229C39.5774 2.41564 39.4927 2.37318 39.3939 2.33071C38.928 2.03339 38.4903 1.87756 38.0526 1.73598Z"
fill="black" />
</svg>
</div>
<p class="skill_card_name">Nest.Js</p>
</div>
<div class="skill_card">
<div class="skill_card_icon_div">
<svg width="57" height="56" viewBox="0 0 57 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M47.161 30.282C45.3666 30.2913 43.8126 30.7218 42.5107 31.3646C42.0346 30.4138 41.5517 29.5773 41.4711 28.9555C41.3767 28.2298 41.267 27.7958 41.3813 26.9313C41.4956 26.0668 41.9961 24.8418 41.9891 24.7496C41.9821 24.6575 41.8772 24.2176 40.8423 24.2095C39.8075 24.2025 38.922 24.409 38.8181 24.682C38.7143 24.955 38.5148 25.5698 38.3912 26.2115C38.2103 27.1495 36.325 30.4966 35.2552 32.2466C34.9052 31.563 34.6077 30.961 34.5458 30.485C34.4513 29.7593 34.3417 29.3253 34.456 28.4608C34.5703 27.5963 35.0708 26.3713 35.0638 26.2791C35.0568 26.187 34.9518 25.7471 33.917 25.739C32.8822 25.732 31.9967 25.9385 31.8928 26.2115C31.789 26.4845 31.677 27.1226 31.4658 27.741C31.2535 28.3581 28.7487 33.9406 28.0918 35.3885C27.757 36.1258 27.4665 36.7185 27.2612 37.1221L27.26 37.1198C27.26 37.1198 27.2472 37.1466 27.2262 37.1921C27.05 37.5363 26.9462 37.7265 26.9462 37.7265C26.9462 37.7265 26.9473 37.7288 26.9497 37.7335C26.8097 37.9866 26.6603 38.2211 26.5868 38.2211C26.5355 38.2211 26.4317 37.548 26.609 36.624C26.9823 34.6873 27.8772 31.668 27.869 31.563C27.8643 31.5093 28.0358 30.9831 27.2845 30.7078C26.5542 30.4406 26.294 30.8863 26.2275 30.8875C26.1633 30.8886 26.1155 31.045 26.1155 31.045C26.1155 31.045 26.9287 27.6488 24.5638 27.6488C23.0845 27.6488 21.0358 29.267 20.0267 30.7335C19.3897 31.0811 18.0258 31.8255 16.5803 32.62C16.025 32.9256 15.458 33.2371 14.9202 33.5335C14.884 33.4926 14.8467 33.453 14.8093 33.4121C11.9405 30.352 6.63915 28.1878 6.86315 24.073C6.94482 22.5773 7.46515 18.6386 17.0517 13.8623C24.9045 9.94931 31.1917 11.0261 32.2778 13.412C33.8295 16.8221 28.9178 23.1583 20.7628 24.073C17.656 24.4218 16.0192 23.2166 15.612 22.7686C15.1838 22.2961 15.1197 22.2751 14.9598 22.3638C14.6997 22.5085 14.8642 22.925 14.9598 23.1735C15.2037 23.807 16.2023 24.9305 17.9057 25.4905C19.4048 25.9828 23.053 26.2523 27.4642 24.5455C32.4062 22.6345 36.2643 17.3168 35.1303 12.873C33.9777 8.35331 26.483 6.86698 19.3897 9.38698C15.1628 10.8873 10.593 13.2416 7.30649 16.3146C3.39932 19.9686 2.77632 23.1501 3.03299 24.479C3.94532 29.2016 10.4542 32.277 13.0605 34.5555C12.9322 34.6266 12.8108 34.6931 12.7012 34.7538C11.3945 35.4001 6.43265 37.9971 5.19132 40.74C3.78315 43.8515 5.41532 46.0845 6.49565 46.3855C9.84282 47.3165 13.2775 45.6411 15.1243 42.8878C16.97 40.1356 16.7448 36.5505 15.8978 34.9148C15.8873 34.895 15.8757 34.8751 15.8652 34.8541C16.2023 34.6546 16.5465 34.4516 16.8872 34.251C17.5522 33.8601 18.2055 33.4961 18.7713 33.1881C18.454 34.0561 18.2218 35.098 18.1017 36.6018C17.9593 38.3681 18.6838 40.6513 19.6312 41.5496C20.0488 41.9451 20.5505 41.9545 20.8678 41.9545C21.9703 41.9545 22.4732 41.0375 23.0273 39.9525C23.7063 38.6225 24.3095 37.0731 24.3095 37.0731C24.3095 37.0731 23.5535 41.2568 25.6138 41.2568C26.3652 41.2568 27.12 40.2826 27.4572 39.7868C27.4583 39.7926 27.4583 39.795 27.4583 39.795C27.4583 39.795 27.4782 39.7623 27.5167 39.6981C27.5948 39.5791 27.6392 39.5033 27.6392 39.5033C27.6392 39.5033 27.6403 39.4951 27.6427 39.4811C27.9448 38.9573 28.6145 37.7626 29.6178 35.7921C30.9152 33.2465 32.1588 30.0568 32.1588 30.0568C32.1588 30.0568 32.2743 30.8361 32.6535 32.1265C32.8763 32.8848 33.35 33.7236 33.7245 34.5286C33.4235 34.9463 33.2392 35.1855 33.2392 35.1855C33.2392 35.1855 33.2403 35.1901 33.2438 35.1983C33.0035 35.518 32.734 35.8621 32.4517 36.1981C31.4273 37.4173 30.2082 38.8103 30.0448 39.2116C29.8523 39.6853 29.8978 40.033 30.27 40.3141C30.5418 40.5183 31.0248 40.551 31.53 40.5171C32.4505 40.4553 33.0968 40.2266 33.4165 40.0878C33.9147 39.9116 34.4945 39.6351 35.0382 39.235C36.0427 38.4965 36.6482 37.4406 36.5898 36.0406C36.5572 35.2695 36.3122 34.5053 36.0007 33.7843C36.0917 33.6536 36.1827 33.5206 36.2748 33.3876C37.858 31.073 39.0865 28.5296 39.0865 28.5296C39.0865 28.5296 39.202 29.309 39.5812 30.5993C39.7725 31.2515 40.1516 31.9643 40.4923 32.662C39.0037 33.8718 38.0808 35.2776 37.76 36.1993C37.1673 37.905 37.6317 38.6773 38.502 38.8535C38.8963 38.9328 39.454 38.752 39.8728 38.5746C40.3943 38.402 41.0208 38.1138 41.6065 37.6833C42.611 36.9448 43.577 35.9111 43.5186 34.5123C43.4918 33.8753 43.3191 33.243 43.0847 32.6363C44.347 32.1101 45.9803 31.8185 48.0616 32.0611C52.5265 32.5826 53.4015 35.3698 53.2346 36.5365C53.0667 37.7031 52.131 38.3448 51.8172 38.5385C51.5045 38.7321 51.4088 38.7998 51.4345 38.9433C51.473 39.1521 51.6176 39.1451 51.8848 39.0996C52.2523 39.0378 54.2286 38.1511 54.3138 35.9975C54.42 33.2605 51.8008 30.2575 47.161 30.282ZM12.7478 41.8833C11.2685 43.4968 9.20349 44.1058 8.31682 43.5925C7.36015 43.0383 7.73932 40.663 9.55349 38.9503C10.6595 37.9073 12.0875 36.946 13.0348 36.3545C13.2507 36.225 13.5668 36.0348 13.9518 35.8038C14.016 35.7676 14.0522 35.7478 14.0522 35.7478L14.051 35.7455C14.1257 35.7011 14.2015 35.6556 14.2797 35.6078C14.9412 38.045 14.3007 40.1905 12.7478 41.8833ZM23.522 34.5601C23.0075 35.8155 21.9295 39.0285 21.2727 38.8558C20.7092 38.7076 20.3662 36.2658 21.1607 33.8625C21.5597 32.6526 22.4137 31.2071 22.9153 30.646C23.7227 29.743 24.6117 29.4478 24.8275 29.8141C25.1017 30.2808 23.8452 33.7726 23.522 34.5601ZM32.4225 38.8068C32.2043 38.9211 32.0037 38.9923 31.9115 38.9375C31.8427 38.8966 32.0013 38.7461 32.0013 38.7461C32.0013 38.7461 33.1143 37.548 33.553 37.0031C33.8085 36.6858 34.1037 36.309 34.4257 35.889C34.428 35.931 34.4292 35.973 34.4292 36.0138C34.4268 37.4488 33.0408 38.4171 32.4225 38.8068ZM39.279 37.2435C39.1157 37.128 39.1437 36.7535 39.6791 35.5856C39.8891 35.1271 40.3698 34.356 41.2028 33.6186C41.2996 33.922 41.358 34.2125 41.3568 34.4831C41.3463 36.2891 40.0583 36.9635 39.279 37.2435Z"
fill="black" />
</svg>
</div>
<p class="skill_card_name">Sass/Scss</p>
</div>
<div class="skill_card">
<div class="skill_card_icon_div">
<svg width="57" height="56" viewBox="0 0 57 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_196_512)">
<path
d="M54.249 0H3.49902C2.04928 0 0.874023 1.17525 0.874023 2.625V53.375C0.874023 54.8247 2.04928 56 3.49902 56H54.249C55.6988 56 56.874 54.8247 56.874 53.375V2.625C56.874 1.17525 55.6988 0 54.249 0Z"
fill="black" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M33.3637 43.5173V49.6536C34.3579 50.1646 35.5336 50.5483 36.8911 50.8038C38.2485 51.0597 39.6792 51.1875 41.1832 51.1875C42.6489 51.1875 44.0414 51.0471 45.3603 50.7658C46.6798 50.4844 47.8361 50.0211 48.8306 49.3754C49.8246 48.7296 50.6116 47.8861 51.1918 46.844C51.7715 45.8023 52.0615 44.5143 52.0615 42.9803C52.0615 41.8681 51.8957 40.8934 51.5645 40.056C51.2329 39.2187 50.7551 38.4741 50.1304 37.8221C49.5061 37.1701 48.7571 36.5852 47.8843 36.0675C47.011 35.5498 46.0266 35.0608 44.9303 34.6006C44.1274 34.2682 43.4072 33.9454 42.77 33.6322C42.1327 33.319 41.591 32.9994 41.1449 32.6734C40.6988 32.3474 40.3547 32.0023 40.1125 31.6379C39.8704 31.2736 39.7493 30.8613 39.7493 30.4011C39.7493 29.9792 39.8576 29.5989 40.0743 29.2601C40.291 28.9214 40.5969 28.6305 40.992 28.3876C41.3871 28.1448 41.8714 27.9562 42.445 27.822C43.0185 27.6877 43.6558 27.6206 44.3568 27.6206C44.8668 27.6206 45.405 27.659 45.9724 27.7357C46.5394 27.8124 47.1099 27.9306 47.6835 28.0904C48.257 28.2502 48.8144 28.4515 49.3565 28.6944C49.8981 28.9373 50.3981 29.2186 50.8571 29.5382V23.8047C49.9265 23.4467 48.9102 23.1815 47.8077 23.0089C46.7052 22.8363 45.4404 22.75 44.0127 22.75C42.5597 22.75 41.1832 22.9066 39.8831 23.2198C38.5831 23.533 37.4391 24.022 36.4513 24.6867C35.4636 25.3515 34.6829 26.1984 34.1094 27.2275C33.5358 28.2566 33.249 29.487 33.249 30.9188C33.249 32.7469 33.7748 34.3065 34.8263 35.5977C35.8778 36.8889 37.4742 37.9819 39.6154 38.8767C40.4567 39.2219 41.2405 39.5607 41.967 39.893C42.6935 40.2254 43.3212 40.5706 43.8502 40.9285C44.3791 41.2865 44.7964 41.6764 45.1022 42.0982C45.4085 42.5201 45.5611 42.9995 45.5611 43.5364C45.5611 43.9329 45.4658 44.3004 45.2746 44.639C45.0834 44.9776 44.7933 45.2716 44.4046 45.521C44.0159 45.7704 43.5315 45.9655 42.9516 46.1059C42.3717 46.2464 41.693 46.3168 40.9155 46.3168C39.5899 46.3168 38.2772 46.0836 36.9771 45.6168C35.6771 45.1504 34.4726 44.4504 33.3637 43.5173ZM23.0564 28.2425H31.0615V23.1875H8.74902V28.2425H16.715V50.75H23.0564V28.2425Z"
fill="white" />
</g>
<defs>
<clipPath id="clip0_196_512">
<rect width="56" height="56" fill="white" transform="translate(0.874023)" />
</clipPath>
</defs>
</svg>
</div>
<p class="skill_card_name">Typescript</p>
</div>
</div>
</section>
<section class="experience_section section">
<h1 class="experience_section_heading section_heading">My <strong> Experience</strong></h1>
<div class="experience_section_content section_content">
<div class="experience_card">
<div class="experience_card_heading__date">
<div class="experience_card_heading__icon">
<div class="experience_card_heading_icon"><svg width="32" height="32" viewBox="0 0 32 32"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M30.0014 16.3109C30.0014 15.1598 29.9061 14.3198 29.6998 13.4487H16.2871V18.6442H24.1601C24.0014 19.9354 23.1442 21.8798 21.2394 23.1864L21.2127 23.3604L25.4536 26.58L25.7474 26.6087C28.4458 24.1665 30.0014 20.5731 30.0014 16.3109Z"
fill="#4285F4" />
<path
d="M16.2863 30C20.1434 30 23.3814 28.7555 25.7466 26.6089L21.2386 23.1865C20.0323 24.011 18.4132 24.5866 16.2863 24.5866C12.5086 24.5866 9.30225 22.1444 8.15929 18.7688L7.99176 18.7827L3.58208 22.1272L3.52441 22.2843C5.87359 26.8577 10.699 30 16.2863 30Z"
fill="#34A853" />
<path
d="M8.16013 18.7688C7.85855 17.8977 7.68401 16.9643 7.68401 15.9999C7.68401 15.0354 7.85855 14.1021 8.14426 13.231L8.13627 13.0455L3.67132 9.64734L3.52524 9.71544C2.55703 11.6132 2.00146 13.7444 2.00146 15.9999C2.00146 18.2555 2.55703 20.3865 3.52524 22.2843L8.16013 18.7688Z"
fill="#FBBC05" />
<path
d="M16.2864 7.4133C18.9689 7.4133 20.7784 8.54885 21.8102 9.4978L25.8419 5.64C23.3658 3.38445 20.1435 2 16.2864 2C10.699 2 5.8736 5.1422 3.52441 9.71549L8.14345 13.2311C9.30229 9.85555 12.5086 7.4133 16.2864 7.4133Z"
fill="#EB4335" />
</svg></div>
<p class="experience_card_heading">Lead Software Engineer at Google</p>
</div>
<p class="experience_card_date">Nov 2019 - Present</p>
</div>
<p class="experience_card_para">As a Senior Software Engineer at Google, I played a pivotal role in
developing innovative solutions for Google's core search algorithms. Collaborating with a
dynamic team of engineers, I contributed to the enhancement of search accuracy and efficiency,
optimizing user experiences for millions of users worldwide.</p>
</div>
<div class="experience_card">
<div class="experience_card_heading__date">
<div class="experience_card_heading__icon">
<div class="experience_card_heading_icon"><svg width="32" height="32" viewBox="0 0 32 32"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2.24451 9.94111C2.37304 7.96233 3.96395 6.41157 5.94447 6.31345C8.81239 6.17136 12.9115 6 16 6C19.0885 6 23.1876 6.17136 26.0555 6.31345C28.0361 6.41157 29.627 7.96233 29.7555 9.94111C29.8786 11.8369 30 14.1697 30 16C30 17.8303 29.8786 20.1631 29.7555 22.0589C29.627 24.0377 28.0361 25.5884 26.0555 25.6866C23.1876 25.8286 19.0885 26 16 26C12.9115 26 8.81239 25.8286 5.94447 25.6866C3.96395 25.5884 2.37304 24.0377 2.24451 22.0589C2.12136 20.1631 2 17.8303 2 16C2 14.1697 2.12136 11.8369 2.24451 9.94111Z"
fill="#FC0D1B" />
<path d="M13 12V20L21 16L13 12Z" fill="white" />
</svg></div>
<p class="experience_card_heading">Lead Software Engineer at Google</p>
</div>
<p class="experience_card_date">Nov 2019 - Present</p>
</div>
<p class="experience_card_para">As a Senior Software Engineer at Google, I played a pivotal role in
developing innovative solutions for Google's core search algorithms. Collaborating with a
dynamic team of engineers, I contributed to the enhancement of search accuracy and efficiency,
optimizing user experiences for millions of users worldwide.</p>
</div>
<div class="experience_card">
<div class="experience_card_heading__date">
<div class="experience_card_heading__icon">
<div class="experience_card_heading_icon"><svg width="32" height="32" viewBox="0 0 32 32"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z"
fill="#283544" />
<path
d="M22.5621 12.4574C22.4857 12.502 20.6671 13.4425 20.6671 15.5279C20.7528 17.9061 22.9621 18.7401 23 18.7401C22.9621 18.7847 22.6665 19.8763 21.7907 21.0205C21.0956 22.0062 20.3242 23 19.1528 23C18.0385 23 17.6385 22.3431 16.3528 22.3431C14.972 22.3431 14.5813 23 13.5242 23C12.3528 23 11.5242 21.953 10.7913 20.9766C9.8391 19.6986 9.02978 17.6931 9.00121 15.7675C8.98195 14.7471 9.19189 13.744 9.72481 12.8921C10.477 11.7026 11.8198 10.8952 13.2863 10.8686C14.4099 10.8333 15.4099 11.5875 16.0956 11.5875C16.7528 11.5875 17.9814 10.8686 19.3714 10.8686C19.9714 10.8692 21.5714 11.0376 22.5621 12.4574ZM16.0006 10.6649C15.8006 9.73303 16.3528 8.80119 16.8671 8.20677C17.5242 7.48792 18.5621 7 19.4571 7C19.5143 7.93185 19.1522 8.84575 18.505 9.51136C17.9242 10.2302 16.9242 10.7714 16.0006 10.6649Z"
fill="white" />
</svg></div>
<p class="experience_card_heading">Lead Software Engineer at Google</p>
</div>
<p class="experience_card_date">Nov 2019 - Present</p>
</div>
<p class="experience_card_para">As a Senior Software Engineer at Google, I played a pivotal role in
developing innovative solutions for Google's core search algorithms. Collaborating with a
dynamic team of engineers, I contributed to the enhancement of search accuracy and efficiency,
optimizing user experiences for millions of users worldwide.</p>
</div>
</div>
</section>
<section class="about_section section">
<h1 class="about_section_heading section_heading">About <strong> Me</strong></h1>
<div class="about_section_content section_content">
<p class="about_section_para">
I'm a passionate, self-proclaimed designer who specializes in full stack development (React.js &
Node.js). I am very enthusiastic about bringing the technical and visual aspects of digital products
to life. User experience, pixel perfect design, and writing clear, readable, highly performant code
matters to me.<br><br>I began my journey as a web developer in 2015, and since then, I've continued
to grow and evolve as a developer, taking on new challenges and learning the latest technologies
along the way. Now, in my early thirties, 7 years after starting my web development journey, I'm
building cutting-edge web applications using modern technologies such as Next.js, TypeScript,
Nestjs, Tailwindcss, Supabase and much more.<br><br>When I'm not in full-on developer mode, you can
find me hovering around on twitter or on indie hacker, witnessing the journey of early startups or
enjoying some free time. You can follow me on Twitter where I share tech-related bites and build in
public, or you can follow me on GitHub.
</p>
</div>
</section>
<section class="projects_section section">
<h1 class="projects_section_heading section_heading">My <strong> Projects</strong></h1>
<div class="projects_section_content section_content">
<div class="project_card">
<div class="project_card_img_div_wrapper">
<div class="project_card_img_div">
<img class="project_card_img" src="./public/assets/images/project image 1.png" alt="">
</div>
</div>
<div class="project_card_text_div">
<p class="project_card_numbering">02</p>
<p class="project_card_heading">Euphoria - Ecommerce (Apparels) Website</p>
<p class="project_card_para">I'm Amina Raja. Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it to specimen book.
when an unknown printer took a galley of type and scrambled it to specimen book.</p>
<div class="project_card_link_div">
<a href="" class="project_card_link">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M10.8335 9.16671L17.6668 2.33337" stroke="white" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.3335 5.66663V1.66663H14.3335" stroke="#F4F4F5" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
<path
d="M9.1665 1.66663H7.49984C3.33317 1.66663 1.6665 3.33329 1.6665 7.49996V12.5C1.6665 16.6666 3.33317 18.3333 7.49984 18.3333H12.4998C16.6665 18.3333 18.3332 16.6666 18.3332 12.5V10.8333"
stroke="white" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</div>
</div>
</div>
<div class="project_card">
<div class="project_card_img_div_wrapper">
<div class="project_card_img_div">
<img class="project_card_img" src="./public/assets/images/project image 2.png" alt="">
</div>
</div>
<div class="project_card_text_div">
<p class="project_card_numbering">02</p>
<p class="project_card_heading">Euphoria - Ecommerce (Apparels) Website</p>
<p class="project_card_para">I'm Amina Raja. Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it to specimen book.
when an unknown printer took a galley of type and scrambled it to specimen book.</p>
<div class="project_card_link_div">
<a href="" class="project_card_link">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M10.8335 9.16671L17.6668 2.33337" stroke="white" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.3335 5.66663V1.66663H14.3335" stroke="#F4F4F5" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
<path
d="M9.1665 1.66663H7.49984C3.33317 1.66663 1.6665 3.33329 1.6665 7.49996V12.5C1.6665 16.6666 3.33317 18.3333 7.49984 18.3333H12.4998C16.6665 18.3333 18.3332 16.6666 18.3332 12.5V10.8333"
stroke="white" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</div>
</div>
</div>
<div class="project_card">
<div class="project_card_img_div_wrapper">
<div class="project_card_img_div">
<img class="project_card_img" src="./public/assets/images/project image 3.png" alt="">
</div>
</div>
<div class="project_card_text_div">
<p class="project_card_numbering">02</p>
<p class="project_card_heading">Euphoria - Ecommerce (Apparels) Website</p>
<p class="project_card_para">I'm Amina Raja. Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it to specimen book.
when an unknown printer took a galley of type and scrambled it to specimen book.</p>
<div class="project_card_link_div">
<a href="" class="project_card_link">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M10.8335 9.16671L17.6668 2.33337" stroke="white" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M18.3335 5.66663V1.66663H14.3335" stroke="#F4F4F5" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
<path
d="M9.1665 1.66663H7.49984C3.33317 1.66663 1.6665 3.33329 1.6665 7.49996V12.5C1.6665 16.6666 3.33317 18.3333 7.49984 18.3333H12.4998C16.6665 18.3333 18.3332 16.6666 18.3332 12.5V10.8333"
stroke="white" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="testimonial_section section">
<h1 class="testimonial_section_heading section_heading">My <strong> Testimonial</strong></h1>
<div class="testimonial_section_content section_content">
<div class="testimonial_card">
<div class="testimonial_img_div">
<img class="testimonial_img" src="./public/assets/images/testimonial_dp 1.png" alt="">
<span class="img_quotes">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none"
xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="black" />
<path
d="M16.3589 18.8526V17.1899C16.3589 16.9643 16.5961 16.7816 16.8885 16.7816C17.9318 16.7816 18.4994 15.9565 18.5782 14.3277H16.8885C16.5961 14.3277 16.3589 14.1447 16.3589 13.9194V10.4086C16.3589 10.1831 16.5961 10.0003 16.8885 10.0003H21.3935C21.6858 10.0003 21.9231 10.1833 21.9231 10.4086V13.9194C21.9231 14.7001 21.8209 15.4165 21.6202 16.0493C21.4141 16.6979 21.0977 17.265 20.68 17.7349C20.2504 18.2178 19.7125 18.5968 19.0823 18.8607C18.4474 19.1263 17.7092 19.2611 16.8882 19.2611C16.5961 19.2609 16.3589 19.078 16.3589 18.8526ZM9.52943 16.7814C9.23708 16.7814 9 16.9643 9 17.1896V18.8526C9 19.078 9.23708 19.2607 9.52943 19.2607C10.35 19.2607 11.0885 19.1259 11.7231 18.8604C12.3536 18.5965 12.8914 18.2178 13.3209 17.7346C13.7389 17.2647 14.0553 16.6976 14.2614 16.0486C14.4622 15.4159 14.5642 14.6994 14.5642 13.9191V10.4082C14.5642 10.1827 14.3269 10 14.0346 10H9.52943C9.23708 10 9 10.1829 9 10.4082V13.9191C9 14.1446 9.23708 14.3274 9.52943 14.3274H11.1954C11.1176 15.9563 10.5582 16.7814 9.52943 16.7814Z"
fill="white" />
</svg>
</span>
</div>
<p class="testimonial_para">I recently had to jump on 10+ different calls across eight different
countries to find the right owner.</p>
<div class="line"></div>
<p class="testimonial_client_name">Flora Sheen</p>
<p class="testimonial_client_position">Designer</p>
</div>
<div class="testimonial_card testimonial_card_middle">
<div class="testimonial_img_div">
<img class="testimonial_img" src="./public/assets/images/testimonial_dp 1.png" alt="">
<span class="img_quotes">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none"
xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="white" />
<path
d="M16.3589 18.8526V17.1899C16.3589 16.9643 16.5961 16.7816 16.8885 16.7816C17.9318 16.7816 18.4994 15.9565 18.5782 14.3277H16.8885C16.5961 14.3277 16.3589 14.1447 16.3589 13.9194V10.4086C16.3589 10.1831 16.5961 10.0003 16.8885 10.0003H21.3935C21.6858 10.0003 21.9231 10.1833 21.9231 10.4086V13.9194C21.9231 14.7001 21.8209 15.4165 21.6202 16.0493C21.4141 16.6979 21.0977 17.265 20.68 17.7349C20.2504 18.2178 19.7125 18.5968 19.0823 18.8607C18.4474 19.1263 17.7092 19.2611 16.8882 19.2611C16.5961 19.2609 16.3589 19.078 16.3589 18.8526ZM9.52943 16.7814C9.23708 16.7814 9 16.9643 9 17.1896V18.8526C9 19.078 9.23708 19.2607 9.52943 19.2607C10.35 19.2607 11.0885 19.1259 11.7231 18.8604C12.3536 18.5965 12.8914 18.2178 13.3209 17.7346C13.7389 17.2647 14.0553 16.6976 14.2614 16.0486C14.4622 15.4159 14.5642 14.6994 14.5642 13.9191V10.4082C14.5642 10.1827 14.3269 10 14.0346 10H9.52943C9.23708 10 9 10.1829 9 10.4082V13.9191C9 14.1446 9.23708 14.3274 9.52943 14.3274H11.1954C11.1176 15.9563 10.5582 16.7814 9.52943 16.7814Z"
fill="black" />
</svg>
</span>
</div>
<p class="testimonial_para">I recently had to jump on 10+ different calls across eight different
countries to find the right owner.</p>
<div class="line"></div>
<p class="testimonial_client_name">Flora Sheen</p>
<p class="testimonial_client_position">Designer</p>
</div>
<div class="testimonial_card">
<div class="testimonial_img_div">
<img class="testimonial_img" src="./public/assets/images/testimonial_dp 1.png" alt="">
<span class="img_quotes">
<svg width="30" height="30" viewBox="0 0 30 30" fill="none"
xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="black" />
<path
d="M16.3589 18.8526V17.1899C16.3589 16.9643 16.5961 16.7816 16.8885 16.7816C17.9318 16.7816 18.4994 15.9565 18.5782 14.3277H16.8885C16.5961 14.3277 16.3589 14.1447 16.3589 13.9194V10.4086C16.3589 10.1831 16.5961 10.0003 16.8885 10.0003H21.3935C21.6858 10.0003 21.9231 10.1833 21.9231 10.4086V13.9194C21.9231 14.7001 21.8209 15.4165 21.6202 16.0493C21.4141 16.6979 21.0977 17.265 20.68 17.7349C20.2504 18.2178 19.7125 18.5968 19.0823 18.8607C18.4474 19.1263 17.7092 19.2611 16.8882 19.2611C16.5961 19.2609 16.3589 19.078 16.3589 18.8526ZM9.52943 16.7814C9.23708 16.7814 9 16.9643 9 17.1896V18.8526C9 19.078 9.23708 19.2607 9.52943 19.2607C10.35 19.2607 11.0885 19.1259 11.7231 18.8604C12.3536 18.5965 12.8914 18.2178 13.3209 17.7346C13.7389 17.2647 14.0553 16.6976 14.2614 16.0486C14.4622 15.4159 14.5642 14.6994 14.5642 13.9191V10.4082C14.5642 10.1827 14.3269 10 14.0346 10H9.52943C9.23708 10 9 10.1829 9 10.4082V13.9191C9 14.1446 9.23708 14.3274 9.52943 14.3274H11.1954C11.1176 15.9563 10.5582 16.7814 9.52943 16.7814Z"
fill="white" />
</svg>
</span>
</div>
<p class="testimonial_para">I recently had to jump on 10+ different calls across eight different
countries to find the right owner.</p>
<div class="line"></div>
<p class="testimonial_client_name">Flora Sheen</p>
<p class="testimonial_client_position">Designer</p>
</div>
</div>
</section>
<section class="contact_section section">
<div class="contact_section_content section_content">
<form class="contact_form" action="/contact" method="post">
<input class="contact_form_input_field" type="text" name="name" id="" placeholder="Your name">
<input class="contact_form_input_field" type="email" name="email" id="" placeholder="Email"
required>
<input class="contact_form_input_field" type="url" name="website" id=""
placeholder="Your website (If exists)">
<textarea class="contact_form_input_field" rows="5" name="message" id=""
placeholder="How can I help?" required></textarea>
<div class="submit_btn__social_links_div download_btn_div">
<button class="contact_form_submit_btn download_btn" type="submit">Get In Touch</button>
<ul class="social_links">
<li><a href="" class="social_link social_link_first"><svg width="20" height="20"
viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M20 10C20 4.47715 15.5229 0 10 0C4.47715 0 0 4.47715 0 10C0 14.9912 3.65684 19.1283 8.4375 19.8785V12.8906H5.89844V10H8.4375V7.79688C8.4375 5.29063 9.93047 3.90625 12.2146 3.90625C13.3084 3.90625 14.4531 4.10156 14.4531 4.10156V6.5625H13.1922C11.95 6.5625 11.5625 7.3334 11.5625 8.125V10H14.3359L13.8926 12.8906H11.5625V19.8785C16.3432 19.1283 20 14.9912 20 10Z"
fill="white" />
</svg></a></li>
<li><a href="" class="social_link"><svg width="20" height="20" viewBox="0 0 20 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM15.2047 8.53799C16.0117 8.53799 16.6667 9.19296 16.6667 9.99998C16.6667 10.5965 16.3041 11.1111 15.8246 11.345C15.848 11.4854 15.8597 11.6257 15.8597 11.7778C15.8597 14.0234 13.2515 15.8362 10.0234 15.8362C6.79533 15.8362 4.18714 14.0234 4.18714 11.7778C4.18714 11.6257 4.19884 11.4737 4.22223 11.3333C3.70761 11.0994 3.35673 10.5965 3.35673 9.99998C3.35673 9.19296 4.0117 8.53799 4.81872 8.53799C5.20468 8.53799 5.56726 8.70173 5.82457 8.94735C6.83041 8.21051 8.22223 7.75437 9.77778 7.70758L10.5146 4.2222C10.538 4.15203 10.5731 4.09355 10.6316 4.05846C10.6901 4.02337 10.7602 4.01168 10.8304 4.02337L13.2515 4.53799C13.4152 4.18711 13.7661 3.9532 14.1754 3.9532C14.7485 3.9532 15.2164 4.42103 15.2164 4.99413C15.2164 5.56723 14.7485 6.03507 14.1754 6.03507C13.614 6.03507 13.1579 5.59062 13.1345 5.04092L10.9708 4.58478L10.3041 7.70758C11.8246 7.76606 13.2047 8.2339 14.1988 8.94735C14.4561 8.69004 14.807 8.53799 15.2047 8.53799ZM7.70761 9.99998C7.13451 9.99998 6.66667 10.4678 6.66667 11.0409C6.66667 11.614 7.13451 12.0819 7.70761 12.0819C8.28071 12.0819 8.74854 11.614 8.74854 11.0409C8.74854 10.4678 8.28071 9.99998 7.70761 9.99998ZM10.0117 14.5497C10.4094 14.5497 11.7661 14.5029 12.4795 13.7895C12.5848 13.6842 12.5848 13.5204 12.5029 13.4035C12.3977 13.2982 12.2222 13.2982 12.117 13.4035C11.6608 13.8479 10.7135 14.0117 10.0234 14.0117C9.33334 14.0117 8.37427 13.8479 7.92983 13.4035C7.82457 13.2982 7.64913 13.2982 7.54386 13.4035C7.4386 13.5088 7.4386 13.6842 7.54386 13.7895C8.24562 14.4912 9.61404 14.5497 10.0117 14.5497ZM11.2515 11.0409C11.2515 11.614 11.7193 12.0819 12.2924 12.0819C12.8655 12.0819 13.3333 11.614 13.3333 11.0409C13.3333 10.4678 12.8655 9.99998 12.2924 9.99998C11.7193 9.99998 11.2515 10.4678 11.2515 11.0409Z"
fill="black" />
</svg></a></li>
<li><a href="" class="social_link"><svg width="20" height="18" viewBox="0 0 20 18"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.2918 17.125C13.8371 17.125 17.9652 10.8723 17.9652 5.45155C17.9652 5.27577 17.9613 5.09608 17.9535 4.9203C18.7566 4.33955 19.4496 3.62021 20 2.79608C19.2521 3.12883 18.458 3.34615 17.6449 3.44061C18.5011 2.92742 19.1421 2.12123 19.4492 1.17147C18.6438 1.6488 17.763 1.98551 16.8445 2.16718C16.2257 1.50963 15.4075 1.07426 14.5164 0.928376C13.6253 0.782488 12.711 0.934209 11.9148 1.36008C11.1186 1.78595 10.4848 2.46225 10.1115 3.28443C9.73825 4.1066 9.64619 5.02885 9.84961 5.90858C8.21874 5.82674 6.62328 5.40309 5.16665 4.66508C3.71002 3.92708 2.42474 2.8912 1.39414 1.6246C0.870333 2.5277 0.710047 3.59637 0.945859 4.61341C1.18167 5.63045 1.79589 6.51954 2.66367 7.09999C2.01219 7.0793 1.37498 6.9039 0.804688 6.58827V6.63905C0.804104 7.58679 1.13175 8.50549 1.73192 9.23897C2.3321 9.97246 3.16777 10.4755 4.09687 10.6625C3.49338 10.8276 2.85999 10.8517 2.2457 10.7328C2.50788 11.5479 3.01798 12.2607 3.70481 12.7719C4.39164 13.2831 5.22093 13.5672 6.07695 13.5844C4.62369 14.7259 2.82848 15.3451 0.980469 15.3422C0.652739 15.3417 0.325333 15.3216 0 15.282C1.87738 16.4865 4.06128 17.1262 6.2918 17.125Z"
fill="black" />
</svg></a></li>
<li><a href="" class="social_link"><svg width="18" height="20" viewBox="0 0 18 20"
fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.23997 8.39001C6.66997 8.39001 6.21997 8.89001 6.21997 9.50001C6.21997 10.11 6.67997 10.61 7.23997 10.61C7.80997 10.61 8.25997 10.11 8.25997 9.50001C8.26997 8.89001 7.80997 8.39001 7.23997 8.39001ZM10.89 8.39001C10.32 8.39001 9.86997 8.89001 9.86997 9.50001C9.86997 10.11 10.33 10.61 10.89 10.61C11.46 10.61 11.91 10.11 11.91 9.50001C11.91 8.89001 11.46 8.39001 10.89 8.39001Z"
fill="black" />
<path
d="M15.75 0H2.35005C1.22005 0 0.300049 0.92 0.300049 2.06V15.58C0.300049 16.72 1.22005 17.64 2.35005 17.64H13.69L13.16 15.79L14.44 16.98L15.65 18.1L17.8 20V2.06C17.8 0.92 16.88 0 15.75 0ZM11.89 13.06C11.89 13.06 11.53 12.63 11.23 12.25C12.54 11.88 13.04 11.06 13.04 11.06C12.63 11.33 12.24 11.52 11.89 11.65C11.39 11.86 10.91 12 10.44 12.08C9.48005 12.26 8.60005 12.21 7.85005 12.07C7.28005 11.96 6.79005 11.8 6.38005 11.64C6.15005 11.55 5.90005 11.44 5.65005 11.3C5.62005 11.28 5.59005 11.27 5.56005 11.25C5.54005 11.24 5.53005 11.23 5.52005 11.22C5.34005 11.12 5.24005 11.05 5.24005 11.05C5.24005 11.05 5.72005 11.85 6.99005 12.23C6.69005 12.61 6.32005 13.06 6.32005 13.06C4.11005 12.99 3.27005 11.54 3.27005 11.54C3.27005 8.32 4.71005 5.71 4.71005 5.71C6.15005 4.63 7.52005 4.66 7.52005 4.66L7.62005 4.78C5.82005 5.3 4.99005 6.09 4.99005 6.09C4.99005 6.09 5.21005 5.97 5.58005 5.8C6.65005 5.33 7.50005 5.2 7.85005 5.17C7.91005 5.16 7.96005 5.15 8.02005 5.15C8.63005 5.07 9.32005 5.05 10.04 5.13C10.99 5.24 12.01 5.52 13.05 6.09C13.05 6.09 12.26 5.34 10.56 4.82L10.7 4.66C10.7 4.66 12.07 4.63 13.51 5.71C13.51 5.71 14.95 8.32 14.95 11.54C14.95 11.54 14.1 12.99 11.89 13.06V13.06Z"
fill="black" />
</svg></a></li>
</ul>
</div>
</form>
<div class="contact_section_text">
<h1 class="contact_section_heading section_heading"><strong>Let's <span
class="style_inverted"> talk </span> for<br>Something special</strong></h1>
<p class="contact_section_para">I seek to push the limits of creativity to create high-engaging,
user-friendly, and memorable interactive experiences.</p>
<p class="contact_info">Youremail@gmail.com<br><br>+12 1234567890</p>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<div class="logo_div">
<!-- May be use an img instead as logo -->
<p class="logo">Amina Raja</p>
</div>
<div class="copyright_div">
<p>@ 2019-2023 Personal<br>Made By Pakodev</p>
</div>
</footer>
</body>
</html>
<!-- Consider top nav mobile view and download functionality -->