-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
577 lines (572 loc) · 24.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Full Stack web developer with more than 1.5 year of experience in development. I create beautiful websites and web apps using MERN Stack."
/>
<link rel="icon" type="image/x-icon" href="/assets/favicon.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Inter:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<link rel="preload" as="image" href="assets/Hero-Pic.png" />
<link rel="stylesheet" href="styles.css" />
<script defer src="index.js"></script>
<title>Omar Sarfraz</title>
</head>
<body>
<header>
<div class="logo">
<a href="#">Omar Sarfraz</a>
</div>
<img id="menu" src="assets/Vector-hamburger.svg" alt="Menu" />
<nav id="nav" class="nav-d-none">
<img id="cross" src="assets/Cross-Icon.svg" alt="Close" />
<ul>
<li><a class="nav-link" href="#">Home</a></li>
<li><a class="nav-link" href="#services">Services</a></li>
<li><a class="nav-link" href="#projects">Projects</a></li>
</ul>
<div class="email-button-nav">
<a href="mailto:[email protected]">Email Me</a>
</div>
</nav>
</header>
<section class="hero">
<div class="container">
<div class="left">
<div>
<h1 class="hero-heading">
I’M OMAR A <br />
FRONTEND DEVELOPER
</h1>
<p class="hero-subheading">
"I create high-performance and visually appealing websites and
mobile applications utilizing the latest technologies."
</p>
</div>
<div class="hero-btn-social">
<div class="black-btn">
<a href="mailto:[email protected]">LET'S TALK</a>
</div>
<div class="hero-social">
<h3>Follow Me</h3>
<div>
<a
href="https://www.instagram.com/omar_sarfraz_/"
target="_blank"
rel="noopener noreferrer"
>
<img src="assets/instagram.svg" alt="Instagram" />
</a>
<a
href="https://www.facebook.com/people/Omar-Sarfraz/100008630261706/"
target="_blank"
rel="noopener noreferrer"
>
<img src="assets/facebook.svg" alt="Facebook" />
</a>
<a
href="https://www.linkedin.com/in/m-omar-sarfraz"
target="_blank"
rel="noopener noreferrer"
>
<img src="assets/linkedin.svg" alt="Linkedin" />
</a>
</div>
</div>
</div>
</div>
<div class="hero-pic-main">
<img class="hero-pic" src="assets/Hero-Pic.png" alt="My Picture" />
</div>
</div>
</section>
<section class="services" id="services">
<div class="container">
<div class="service-left">
<div>
<h1 class="services-heading">SERVICES<br />OFFER</h1>
<p class="services-subheading">
I will help you solve all your web design and development problems
</p>
</div>
<div class="circular-btn">
<a href="mailto:[email protected]"
>LET'S <br />
TALK</a
>
</div>
</div>
<div class="service-right">
<div class="service">
<div class="service-inner">
<h1>01</h1>
<p>Web Design</p>
</div>
<img id="dropdown1" src="assets/dropdown.svg" alt="Dropdown Icon" />
</div>
<p class="service-details paragraph-hidden" data-open="false" id="p1">
I design beautiful responsive websites by keeping in mind the
crucial aspects of UI and UX design. Figma is the tool I use to
design Websites. Reach out to us for any project.
</p>
<div class="service">
<div class="service-inner">
<h1>02</h1>
<p>Wordpress</p>
</div>
<img id="dropdown2" src="assets/dropdown.svg" alt="Dropdown Icon" />
</div>
<p class="service-details paragraph-hidden" data-open="false" id="p2">
I also excel at Wordpress development. I can design beautiful,
customized, and responsive Wordpress websites using Elementor. Reach
out to us for any project.
</p>
<div class="service">
<div class="service-inner">
<h1>03</h1>
<p>Bootstrap Websites</p>
</div>
<img id="dropdown3" src="assets/dropdown.svg" alt="Dropdown Icon" />
</div>
<p class="service-details paragraph-hidden" data-open="false" id="p3">
I am proficient in CSS framework Bootstrap. I can efficiently create
responsive bootstrap5 websites. Reach out to us for any project.
</p>
<div class="service">
<div class="service-inner">
<h1>04</h1>
<p>React Applications</p>
</div>
<img id="dropdown4" src="assets/dropdown.svg" alt="Dropdown Icon" />
</div>
<p class="service-details paragraph-hidden" data-open="false" id="p4">
I am proficient in React. I have created various React Projects
which can be found in projects section. Reach out to us for any
projects related to React.
</p>
</div>
</div>
</section>
<section class="projects">
<div class="container">
<div>
<h1 class="services-heading">SKILLS</h1>
<div class="list">
<p>HTML & CSS</p>
<p>JavaScript</p>
<p>React</p>
<p>Bootstrap</p>
<p>Wordpress</p>
<p>Git</p>
<p>Express</p>
<p>MongoDB</p>
<p>Node Js</p>
<p>SASS</p>
<p>Figma</p>
<p>Photoshop</p>
</div>
</div>
<div id="projects">
<h1 class="services-heading">SELECTED<br />WORKS</h1>
<p class="services-subheading">Take a look at some of my projects</p>
</div>
<div class="card-outer">
<div class="card">
<img
class="card-pic"
loading="lazy"
src="assets/ecommerce.png"
alt="Project Pic"
/>
<h2 class="card-heading">Ecommerce Web App</h2>
<p class="card-subheading">
This is an Ecommerce store created using NEXT JS.
</p>
<div class="card-icons">
<a
href="https://www.figma.com/file/YXEIX0ruo0FqJyRSpUjp9x/eCommerce-Website?node-id=0%3A1"
target="_blank"
rel="noopener noreferrer"
>
<div>
<img
class="img1"
src="assets/logos_figma.svg"
alt="Figma Icon"
/>
<p>Figma Design</p>
</div>
</a>
<a href="#" onclick="return false;" class="disabled">
<div>
<img
class="img2"
src="assets/logos_bitbucket.svg"
alt="BitBucket Icon"
/>
<p>Source Code</p>
</div>
</a>
</div>
<a
class="card-live-btn"
href="https://e-commerce-web-app-sigma.vercel.app/"
target="_blank"
rel="noopener noreferrer"
>
<img src="assets/live-icon.svg" alt="" /> View Live</a
>
<h5>Technologies Used</h5>
<div class="tech-used wrap">
<img src="assets/vscode-icons_file-type-html.svg" alt="HTML" />
<img src="assets/vscode-icons_file-type-css.svg" alt="CSS" />
<img src="assets/logos_javascript.svg" alt="JavaScript" />
<img src="assets/firebase-icon.svg" alt="Firebase" />
<img
src="assets/nextjs-icon.svg"
alt="Next JS"
class="long-icon"
/>
<img
src="assets/stripe-icon.svg"
alt="Stripe"
class="long-icon"
/>
<img
src="assets/sanity-icon.svg"
alt="Sanity"
class="long-icon"
/>
</div>
</div>
<div class="card">
<img
class="card-pic"
loading="lazy"
src="assets/productiveco.png"
alt="Project Pic"
/>
<h2 class="card-heading">Productivity App</h2>
<p class="card-subheading">
This is a Productivity Web App with multiple features.
</p>
<div class="card-icons">
<a
href="https://www.figma.com/file/W5tVoObpMfUqmVmpTYStky/Productivity-App"
target="_blank"
rel="noopener noreferrer"
>
<div>
<img
class="img1"
src="assets/logos_figma.svg"
alt="Figma Icon"
/>
<p>Figma Design</p>
</div>
</a>
<a
href="https://github.com/omar-sarfraz/Productivity-App-Frontend"
target="_blank"
rel="noopener noreferrer"
>
<div>
<img
class="img2"
src="assets/logos_bitbucket.svg"
alt="BitBucket Icon"
/>
<p>Source Code</p>
</div>
</a>
</div>
<a
class="card-live-btn"
href="http://productiveco.surge.sh/"
target="_blank"
rel="noopener noreferrer"
>
<img src="assets/live-icon.svg" alt="" /> View Live</a
>
<h5>Technologies Used</h5>
<div class="tech-used">
<img src="assets/vscode-icons_file-type-html.svg" alt="HTML" />
<img src="assets/vscode-icons_file-type-css.svg" alt="CSS" />
<img src="assets/logos_react.svg" alt="React" />
<img src="assets/mongodb.svg" alt="MongoDB" class="long-icon" />
<img
src="assets/express.svg"
alt="Express Js"
class="long-icon"
/>
</div>
</div>
<div class="card">
<img
class="card-pic"
loading="lazy"
src="assets/quotegenerator.png"
alt="Project Pic"
/>
<h2 class="card-heading">Quotes Generator</h2>
<p class="card-subheading">
This is a project I created for generating different quotes.
</p>
<div class="card-icons">
<a
href="https://www.figma.com/file/efzPJVreYxTq31LFjkBIi7/Quote-Generator?node-id=0%3A1"
target="_blank"
rel="noopener noreferrer"
>
<div>
<img
class="img1"
src="assets/logos_figma.svg"
alt="Figma Icon"
/>
<p>Figma Design</p>
</div>
</a>
<a
href="https://bitbucket.org/omarsarfraz/quote-generator/src/master/"
target="_blank"
rel="noopener noreferrer"
>
<div>
<img
class="img2"
src="assets/logos_bitbucket.svg"
alt="BitBucket Icon"
/>
<p>Source Code</p>
</div>
</a>
</div>
<a
class="card-live-btn"
href="https://quotesgeneratorbyomar.000webhostapp.com/"
target="_blank"
rel="noopener noreferrer"
>
<img src="assets/live-icon.svg" alt="" /> View Live</a
>
<h5>Technologies Used</h5>
<div class="tech-used">
<img src="assets/vscode-icons_file-type-html.svg" alt="HTML" />
<img src="assets/vscode-icons_file-type-css.svg" alt="CSS" />
<img src="assets/logos_javascript.svg" alt="JavaScript" />
<img src="assets/logos_react.svg" alt="React" />
</div>
</div>
<div class="card">
<img
class="card-pic"
loading="lazy"
src="assets/thetravelco.png"
alt="Project Pic"
/>
<h2 class="card-heading">Travel Agency Website</h2>
<p class="card-subheading">
This is a project I created for a demo travel agency website.
</p>
<div class="card-icons">
<a
href="https://www.figma.com/file/0WrxqHz32QwrpqXl2c9Cfi/Business-Website?node-id=2%3A2"
target="_blank"
rel="noopener noreferrer"
>
<div>
<img
class="img1"
src="assets/logos_figma.svg"
alt="Figma Icon"
/>
<p>Figma Design</p>
</div>
</a>
<a
href="https://bitbucket.org/omarsarfraz/businesswebsite/src/master/"
target="_blank"
rel="noopener noreferrer"
>
<div>
<img
class="img2"
src="assets/logos_bitbucket.svg"
alt="BitBucket Icon"
/>
<p>Source Code</p>
</div>
</a>
</div>
<a
class="card-live-btn"
href="http://thetravelco.surge.sh/"
target="_blank"
rel="noopener noreferrer"
>
<img src="assets/live-icon.svg" alt="" /> View Live</a
>
<h5>Technologies Used</h5>
<div class="tech-used">
<img src="assets/vscode-icons_file-type-html.svg" alt="HTML" />
<img src="assets/vscode-icons_file-type-css.svg" alt="CSS" />
<img src="assets/logos_javascript.svg" alt="JavaScript" />
</div>
</div>
<div class="card">
<img
class="card-pic"
loading="lazy"
src="assets/portfolio.png"
alt="Project Pic"
/>
<h2 class="card-heading">This Portfolio 😁</h2>
<p class="card-subheading">
I created this project to showcase my projects 😎.
</p>
<div class="card-icons">
<a
href="https://www.figma.com/file/m3MN09W9MPvIzp07MQmGwi/Portfolio-Website?node-id=5%3A2"
target="_blank"
rel="noopener noreferrer"
>
<div>
<img
class="img1"
src="assets/logos_figma.svg"
alt="Figma Icon"
/>
<p>Figma Design</p>
</div>
</a>
<a
href="https://bitbucket.org/omarsarfraz/htmlportfolio/src"
target="_blank"
rel="noopener noreferrer"
>
<div>
<img
class="img2"
src="assets/logos_bitbucket.svg"
alt="BitBucket Icon"
/>
<p>Source Code</p>
</div>
</a>
</div>
<a class="card-live-btn" href="#nav">
<img src="assets/live-icon.svg" alt="" /> View Live</a
>
<h5>Technologies Used</h5>
<div class="tech-used">
<img src="assets/vscode-icons_file-type-html.svg" alt="HTML" />
<img src="assets/vscode-icons_file-type-css.svg" alt="CSS" />
<img src="assets/logos_javascript.svg" alt="JavaScript" />
</div>
</div>
</div>
<div class="projects-btn">
<div class="black-btn">
<a href="projects.html">Browse All</a>
</div>
</div>
</div>
</section>
<section class="footer">
<div class="container">
<div class="footer-heading">
<h1>Let's get in touch</h1>
<a href="mailto:[email protected]">Email Me</a>
</div>
<div class="footer-bottom">
<div class="develop-credits">
<h3>Devloped By:</h3>
<p>Muhammad Omar Sarfraz</p>
<div class="email">
<img src="assets/clarity_email-solid.svg" alt="Email" />
<p>[email protected]</p>
</div>
</div>
<div class="footer-social">
<a
href="https://www.instagram.com/omar_sarfraz_/"
target="_blank"
rel="noopener noreferrer"
>
<svg
width="40"
height="40"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 0C10.9223 0 10.4141 0.01969 8.81829 0.0871984C7.2159 0.165958 6.13202 0.414427 5.17565 0.785723C4.17471 1.1636 3.26822 1.75523 2.51938 2.51938C1.7531 3.26647 1.16114 4.17346 0.785723 5.17565C0.414427 6.13202 0.165958 7.2159 0.0871984 8.81829C0.0150019 10.4151 0 10.9223 0 15C0 19.0777 0.01969 19.5859 0.0871984 21.1817C0.165958 22.7794 0.414427 23.868 0.785723 24.8244C1.1636 25.8253 1.75523 26.7318 2.51938 27.4806C3.26647 28.2469 4.17346 28.8389 5.17565 29.2143C6.13202 29.5809 7.22059 29.834 8.81829 29.9128C10.4151 29.985 10.9223 30 15 30C19.0777 30 19.5859 29.9803 21.1817 29.9128C22.7794 29.834 23.868 29.5799 24.8244 29.2143C25.8253 28.8364 26.7318 28.2448 27.4806 27.4806C28.2479 26.7343 28.84 25.8271 29.2143 24.8244C29.5809 23.868 29.834 22.7794 29.9128 21.1817C29.985 19.5849 30 19.0777 30 15C30 10.9223 29.9803 10.4141 29.9128 8.81829C29.834 7.22059 29.5799 6.12639 29.2143 5.17565C28.8364 4.17471 28.2448 3.26822 27.4806 2.51938C26.7343 1.75212 25.8271 1.16 24.8244 0.785723C23.868 0.414427 22.7794 0.165958 21.1817 0.0871984C19.5849 0.0150019 19.0777 0 15 0ZM15 2.70034C19.0046 2.70034 19.4827 2.72003 21.0654 2.78754C22.5253 2.85598 23.3204 3.09976 23.8483 3.30604C24.5009 3.54693 25.0916 3.93035 25.5773 4.42837C26.0744 4.91201 26.4564 5.50133 26.6949 6.15264C26.9012 6.68052 27.145 7.47562 27.2134 8.93549C27.2809 10.5182 27.3006 10.9973 27.3006 15.0009C27.3006 19.0046 27.2809 19.4837 27.2078 21.0664C27.129 22.5263 26.8852 23.3214 26.6799 23.8492C26.3958 24.5534 26.0789 25.0456 25.5557 25.5782C25.0684 26.0731 24.4781 26.4547 23.8267 26.6958C23.3054 26.9021 22.4991 27.1459 21.0336 27.2143C19.4424 27.2818 18.9736 27.3015 14.9587 27.3015C10.9439 27.3015 10.476 27.2818 8.88299 27.2087C7.42312 27.13 6.6177 26.8862 6.08982 26.6808C5.37724 26.3967 4.88874 26.0798 4.36555 25.5566C3.83767 25.0288 3.502 24.5262 3.24322 23.8277C3.03319 23.3064 2.79316 22.5 2.71534 21.0345C2.6619 19.4621 2.63658 18.9746 2.63658 14.9784C2.63658 10.9842 2.6619 10.4957 2.71534 8.90361C2.79316 7.43812 3.03319 6.63364 3.24322 6.11045C3.502 5.39692 3.83861 4.90936 4.36555 4.38148C4.8878 3.85923 5.37724 3.52169 6.08982 3.25728C6.6177 3.05194 7.40343 2.80816 8.86892 2.73503C10.4601 2.67783 10.9289 2.65721 14.9381 2.65721L15 2.70034ZM15 7.30123C13.9886 7.30086 12.9871 7.49979 12.0527 7.88665C11.1182 8.27351 10.2691 8.84072 9.554 9.55587C8.83885 10.271 8.27164 11.1201 7.88477 12.0545C7.49791 12.989 7.29898 13.9905 7.29935 15.0019C7.29898 16.0132 7.49791 17.0148 7.88477 17.9492C8.27164 18.8837 8.83885 19.7327 9.554 20.4479C10.2691 21.163 11.1182 21.7302 12.0527 22.1171C12.9871 22.504 13.9886 22.7029 15 22.7025C16.0114 22.7029 17.0129 22.504 17.9473 22.1171C18.8818 21.7302 19.7309 21.163 20.446 20.4479C21.1612 19.7327 21.7284 18.8837 22.1152 17.9492C22.5021 17.0148 22.701 16.0132 22.7006 15.0019C22.701 13.9905 22.5021 12.989 22.1152 12.0545C21.7284 11.1201 21.1612 10.271 20.446 9.55587C19.7309 8.84072 18.8818 8.27351 17.9473 7.88665C17.0129 7.49979 16.0114 7.30086 15 7.30123ZM15 20.0022C12.2359 20.0022 9.99969 17.766 9.99969 15.0019C9.99969 12.2378 12.2359 10.0016 15 10.0016C17.7641 10.0016 20.0003 12.2378 20.0003 15.0019C20.0003 17.766 17.7641 20.0022 15 20.0022ZM24.8112 6.99369C24.8107 7.47156 24.6205 7.92968 24.2825 8.26742C23.9444 8.60514 23.4861 8.79485 23.0082 8.79485C22.7719 8.79485 22.5379 8.74831 22.3196 8.65789C22.1013 8.56746 21.903 8.43493 21.7359 8.26785C21.5688 8.10077 21.4363 7.90242 21.3459 7.68412C21.2554 7.46582 21.2089 7.23185 21.2089 6.99556C21.2089 6.75928 21.2554 6.5253 21.3459 6.307C21.4363 6.08871 21.5688 5.89035 21.7359 5.72327C21.903 5.55619 22.1013 5.42366 22.3196 5.33324C22.5379 5.24281 22.7719 5.19627 23.0082 5.19627C23.9993 5.19627 24.8112 6.00263 24.8112 6.99369Z"
fill="#F2F5EA"
/>
</svg>
</a>
<a
href="https://www.facebook.com/people/Omar-Sarfraz/100008630261706/"
target="_blank"
rel="noopener noreferrer"
>
<svg
width="40"
height="40"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M0 15.0838C0 22.5413 5.41625 28.7425 12.5 30V19.1663H8.75V15H12.5V11.6663C12.5 7.91625 14.9163 5.83375 18.3337 5.83375C19.4163 5.83375 20.5837 6 21.6663 6.16625V10H19.75C17.9163 10 17.5 10.9163 17.5 12.0837V15H21.5L20.8337 19.1663H17.5V30C24.5837 28.7425 30 22.5425 30 15.0838C30 6.7875 23.25 0 15 0C6.75 0 0 6.7875 0 15.0838Z"
fill="#F2F5EA"
/>
</svg>
</a>
<a
href="https://www.linkedin.com/in/m-omar-sarfraz"
target="_blank"
rel="noopener noreferrer"
>
<svg
width="40"
height="40"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 0C6.71562 0 0 6.71562 0 15C0 23.2844 6.71562 30 15 30C23.2844 30 30 23.2844 30 15C30 6.71562 23.2844 0 15 0ZM11.3281 21.2172H8.29062V11.4422H11.3281V21.2172ZM9.79062 10.2422C8.83125 10.2422 8.21094 9.5625 8.21094 8.72187C8.21094 7.86406 8.85 7.20469 9.82969 7.20469C10.8094 7.20469 11.4094 7.86406 11.4281 8.72187C11.4281 9.5625 10.8094 10.2422 9.79062 10.2422ZM22.4219 21.2172H19.3844V15.8C19.3844 14.5391 18.9437 13.6828 17.8453 13.6828C17.0063 13.6828 16.5078 14.2625 16.2875 14.8203C16.2062 15.0188 16.1859 15.3 16.1859 15.5797V21.2156H13.1469V14.5594C13.1469 13.3391 13.1078 12.3187 13.0672 11.4406H15.7062L15.8453 12.7984H15.9062C16.3062 12.1609 17.2859 11.2203 18.925 11.2203C20.9234 11.2203 22.4219 12.5594 22.4219 15.4375V21.2172Z"
fill="#F2F5EA"
/>
</svg>
</a>
</div>
</div>
</div>
</section>
<div class="design-credits">
<p>
Design Credits:
<a
href="https://www.figma.com/@kartikb"
target="_blank"
rel="noopener noreferrer"
>Kartik Bansal</a
>
</p>
</div>
</body>
</html>