-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
425 lines (391 loc) · 28.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="Aayush Bharti,portfolio, web development, design, your skills">
<meta name="description"
content="Hello, Aayush Bharti here! Web Developer, Tech Enthusiast, an Engineering student | I like developing Stuffs by coding.">
<meta name="author" content="Aayush Bharti">
<!-- Open Graph meta tags for social media sharing -->
<meta property="og:title" content="Aayush Bharti - Protfolio Website ">
<meta property="og:type" content="website" />
<meta property="og:image" content="./userAsset/Vsmall-c.gif" />
<meta property="og:description"
content="Hello, Aayush Bharti here! Web Developer, Tech Enthusiast, an Engineering student | I like developing Stuffs by coding.">
<title>Aayush Bharti - Protfolio Website </title>
<link rel="stylesheet" href="./styles.css">
<link rel="shortcut icon" href="https://github.com/AayushBharti/Portfolio-Website/blob/main/userAsset/small-c.gif"
type="image/x-icon">
</head>
<body>
<div class="wrapper">
<nav class="navbar">
<a href="https://aayush-links.vercel.app/" target="_blank">
<div class="logo-container">
<img src="./userAsset/Vsmall-c.gif" class="logo">
<div class="logo-text">Aayush Bharti</div>
</div>
</a>
<div class="nav-items">
<div class="nav-item"><a href="#projects">Projects</a></div>
<div class="nav-item"><a href="#skills">Skills</a></div>
<div class="nav-item"><a href="#contactMe">Contact Me</a></div>
</div>
<div class="nav-links">
<a href="https://github.com/AayushBharti" target="_blank">
<i title="GitHub Profile" class="fa-brands fa-github nav-icon"></i>
</a>
<a href="https://in.linkedin.com/in/iaayushbharti" target="_blank">
<i title="linkedIn Profile" class="fa-brands fa-linkedin nav-icon"></i>
</a>
<a href="https://twitter.com/iAayushBharti" target="_blank">
<i title="Twitter Profile" class="fa-brands fa-x-twitter nav-icon"></i>
</a>
<a href="https://t.me/NotesLib" target="_blank">
<i title="Telegram Channel" class="fa-brands fa-telegram nav-icon"></i>
</a>
<!-- <div class="nav-link"><a href="#contactMe">Contact Me</a></div> -->
<a class="hamburger-icon">
<i class="fa-solid fa-ellipsis-vertical"></i>
</a>
</div>
</nav>
<div class="outerSectionDiv">
<div class="hero" id="hero-section">
<div class="space">
<video autoplay muted loop>
<source src="/stack/blackHoleee-2.webm" type="video/webm">
</video>
<!-- <video src="/blackhole.webm" loop autoplay ></video> -->
</div>
<!-- <div class="bgImg"></div> -->
<div class="hero-section">
<div class="hero-section-left">
<div class="hero-section-heading">
<span>Hey there 😊 </span>
</div>
<div class="hero-section-sub-heading">
I am <<span class="role"></span>/>
</div>
<div class="hero-section-description">
I'm a software developer and here is my Protfolio Website. Here you'll
learn about my journey as a software developer.
</div>
<!-- onclick="window.location.href='https://mail.google.com/mail/?view=cm&fs=1&[email protected]'; -->
<a href="https://mail.google.com/mail/?view=cm&fs=1&[email protected]" target="_blank"
class="btn">HIRE AAYUSH</a>
<!-- <a href="https://mail.google.com/mail/?view=cm&fs=1&[email protected]" target="_blank" class="btn">RESUME</a> -->
</div>
<div class="hero-section-right">
<!-- <div class="absolute icons icon-dots">
<img src="/userAsset/dots.png" alt="" />
</div>
<div class="absolute icons icon-cube">
<img src="/userAsset/cube.png" alt="" />
</div>
<div class="absolute icons icon-circle">
<img src="/userAsset/circle.png" alt="" />
</div>
<div class="absolute icons icon-zigZag">
<img src="/userAsset/zigzags.png" alt="" />
</div>
<div class="absolute icons icon-plus">
<img src="/userAsset/plus.png" alt="" />
</div> -->
<!-- <div class="user-image"> -->
<!-- <img src="/userAsset/aayushAi.jpeg" alt="" /> -->
<!-- </div> -->
<div class="myCard">
<div class="innerCard">
<div class="frontSide">
</div>
<div class="backSide">
<p class="title">AAYUSH BHARTI</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="faded-text absolute">Aayush Bharti</div>
</div>
<!-- Project Section Start -->
<section id="projects" class="projectSection">
<div class="outerSectionDiv">
<h2 class="projectTitle">Projects</h2>
<div class="projectContainer">
<div class="projectCard" id="project1">
<div class="projectNumber rightNumber">01</div>
<div class="projectContent leftProjectContent">
<div class="projectSkillsContainer">
<img class="projectSkill" src="/stack/HTML.png" alt="" />
<img class="projectSkill" src="/stack/CSS.png" alt="" />
<img class="projectSkill" src="/stack/Javascript.svg" alt="" />
<!-- <img class="projectSkill" src="/stack/Express.png" alt="" /> -->
<!-- <img class="projectSkill" src="/stack/NextJsCircle.png" alt="" /> -->
<img class="projectSkill" src="/stack/Tailwind.png" alt="" />
<!-- <img class="projectSkill" src="/stack/NodeJs.svg" alt="" /> -->
<!-- <img class="projectSkill" src="/stack/MongoDB.svg" alt="" /> -->
<!-- <img class="projectSkill" src="/stack/Redux.svg" alt="" /> -->
<img class="projectSkill" src="/stack/Vercel.svg" alt="" />
</div>
<h2 class="projectHeading">Razorpay Clone</h2>
<p class="projectSubHeading">
a frontend clone of Razorpay, a popular online payment gateway. The primary goal of this
project was to replicate the user interface and key functionalities of Razorpay on the
frontend.
</p>
<div class="btnGroup">
<a href="https://aayushbharti-razorpay.vercel.app/" target="_blank">
<button class="projectBtn">LIVE LINK</button>
</a>
<a href="https://github.com/AayushBharti/Razorpay-clone" class="github" target="_blank">
<i title="GitHub Link" class="fa-brands fa-github icon"></i>
</a>
</div>
</div>
</div>
<div class="projectCard" id="project2">
<div class="projectNumber leftNumber">02</div>
<div class="projectContent rightProjectContent">
<div class="projectSkillsContainer">
<img class="projectSkill" src="/stack/HTML.png" alt="" />
<img class="projectSkill" src="/stack/CSS.png" alt="" />
<img class="projectSkill" src="/stack/Javascript.svg" alt="" />
<!-- <img class="projectSkill" src="/stack/NextJsCircle.png" alt="" /> -->
<img class="projectSkill" src="/stack/Tailwind.png" alt="" />
<!-- <img class="projectSkill" src="/stack/Redux.svg" alt="" /> -->
<img class="projectSkill" src="/stack/Vercel.svg" alt="" />
</div>
<h2 class="projectHeading">Discord Clone</h2>
<p class="projectSubHeading">
a frontend replica of the popular communication platform.
Experience the familiar layout, sleek design, and responsive elements.
</p>
<div class="btnGroup">
<a href="https://aayushbharti-discord.vercel.app/" target="_blank">
<button class="projectBtn">LIVE LINK</button>
</a>
<a href="https://github.com/AayushBharti/Discord-clone" class="github" target="_blank">
<i title="GitHubLink" class="fa-brands fa-github icon"></i>
</a>
</div>
</div>
</div>
<div class="projectCard" id="project3">
<div class="projectNumber rightNumber">03</div>
<div class="projectContent leftProjectContent">
<div class="projectSkillsContainer">
<img class="projectSkill" src="/stack/HTML.png" alt="" />
<img class="projectSkill" src="/stack/CSS.png" alt="" />
<img class="projectSkill" src="/stack/Javascript.svg" alt="" />
<!-- <img class="projectSkill" src="/stack/Express.png" alt="" /> -->
<!-- <img class="projectSkill" src="/stack/NextJsCircle.png" alt="" /> -->
<img class="projectSkill" src="/stack/Vercel.svg" alt="" />
</div>
<h2 class="projectHeading">Password Generator</h2>
<p class="projectSubHeading">
A Website to generate Strong Passwords.
</p>
<div class="btnGroup">
<a href="https://aayushbharti-password-generator.vercel.app/" target="_blank">
<button class="projectBtn">LIVE LINK</button>
</a>
<a href="https://github.com/AayushBharti/Password-Generator" class="github"
target="_blank">
<i title="GitHubLink" class="fa-brands fa-github icon"></i>
</a>
</div>
</div>
</div>
<div class="projectCard" id="project4">
<div class="projectNumber leftNumber">04</div>
<div class="projectContent rightProjectContent">
<div class="projectSkillsContainer">
<img class="projectSkill" src="/stack/NextJsCircle.png" alt="" />
<img class="projectSkill" src="/stack/Tailwind.png" alt="" />
<img class="projectSkill" src="/stack/Vercel.svg" alt="" />
</div>
<h2 class="projectHeading">Granit</h2>
<p class="projectSubHeading">
A architectural website to plan your building or home (Hebrew
Language)
</p>
<div class="btnGroup">
<a href="">
<button class="projectBtn">LIVE LINK</button>
</a>
<a href="" class="github" target="_blank">
<i title="GitHubLink" class="fa-brands fa-github icon"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Project Section End -->
<!-- Skill Section Start -->
<section class="" id="skills">
<div class="outerSectionDiv skillContainer">
<div class="leftSkillContainer">
<!-- <h2 class="skillHeading"><span>M</span>e and <br />MyTech Stack</h2> -->
<h2 class="skillHeading">Me and <br />MyTech Stack</h2>
<div class="skillSubHeading">
<p>
<p>
Hi Everyone My name is Aayush Bharti, and I am currently pursuing a degree in Computer
Science Engineering at
Roorkee Institute of Technology (Uttarakhand Technical University). As a passionate
individual, I strongly believe in the power
of authenticity and strive to maintain a true reflection of myself in all my professional
endeavors. </p>
<p>
I have acquired a wealth of technical knowledge and skills through my education and
practical experience.
My expertise includes proficiency in programming languages such as Java, C, C++, HTML, CSS,
JavaScript.</p>
<p>
As an innovator at heart, I am always seeking opportunities to create new and exciting
things.
I am driven by the challenge of identifying and solving complex problems, and my innovative
approach to finding solutions has enabled me to excel in my field. </p>
<p>
I am a proactive and dedicated individual who enjoys working collaboratively with others to
achieve shared goals.
I am confident that my technical expertise, coupled with my passion for innovation, makes me
a valuable asset to any organization.</p>
</p>
</div>
</div>
<div class="rightSkillContainer">
<div class="space2">
<video autoplay muted loop>
<source src="/stack/cards-video.webm" type="video/webm">
</video>
<!-- <video src="/blackhole.webm" loop autoplay ></video> -->
</div>
<!-- <img src="/userAsset/blob vector.png" class="blobStyle" alt="" /> -->
<img src="/stack/HTML.png" alt="" class="skillsLogo" />
<img src="/stack/CSS.png" alt="" class="skillsLogo" />
<img src="/stack/Javascript.svg" alt="" class="skillsLogo" />
<img src="/stack/React.png" alt="" class="skillsLogo" />
<img src="/stack/NodeJs.svg" alt="" class="skillsLogo" />
<img src="/stack/next.png" alt="" class="skillsLogo" />
<img src="/stack/Redux.svg" alt="" class="skillsLogo" />
<img src="/stack/Tailwind.png" alt="" class="skillsLogo" />
<img src="/stack/Bootstrap.svg" alt="" class="skillsLogo" />
<img src="/stack/MaterialUI.svg" alt="" class="skillsLogo" />
<img src="/stack/Express.png" alt="" class="skillsLogo" />
<img src="/stack/Git.svg" alt="" class="skillsLogo" />
<img src="/stack/K8s.svg" alt="" class="skillsLogo" />
<img src="/stack/Graphql.svg" alt="" class="skillsLogo" />
<img src="/stack/MongoDB.svg" alt="" class="skillsLogo" />
<img src="/stack/Bash.svg" alt="" class="skillsLogo" />
<img src="/stack/ChartJs.svg" alt="" class="skillsLogo" />
<img src="/stack/Vercel.svg" alt="" class="skillsLogo" />
<img src="/stack/Docker.svg" alt="" class="skillsLogo" />
<img src="/stack/Github.svg" alt="" class="skillsLogo" />
</div>
<div class="skillFadedText absolute">Skills</div>
</div>
</section>
<!-- Skill Section End -->
<section class="contactSection" id="contactMe">
<div class="contactGrad">
<div class="outerSectionDiv">
<div class="upper">
<p>Let's
<h3>Connect!</h3>
</p>
</div>
<div class="lower">
<div class="left_img">
<!-- <img src="./userAsset/Connected world-amico.png" alt=""> -->
<img src="./stack/chat.png" alt="">
</div>
<div class="right">
<form action="">
<input type="text" class="name" id="name" placeholder="Your Name" required>
<input type="email" class="email" id="email" placeholder="Your Email" required>
<input type="text" class="subject" id="subject" placeholder="Subject" required>
<textarea name="message" id="message" cols="30" rows="10" placeholder="Message"
required></textarea>
<!-- <button class="btn sendBtn">SUBMIT<i class="fa-solid fa-paper-plane " style="margin-left: 15px;"></i></button> -->
<button class="send-btn">
<div class="svg-wrapper-1">
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
height="24">
<path fill="none" d="M0 0h24v24H0z"></path>
<path fill="currentColor"
d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685z">
</path>
</svg>
</div>
</div>
<span>Send</span>
</button>
</form>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="outerSectionDiv ft-grad">
<!-- <img src="./stack/footer-gradient.svg" class="footer-gradient"> -->
<div class="secondLast">
<a href="">
<h2>Aayush Bharti</h2>
</a>
<p>Thanks for visting ❤️</p>
<div class="last-links">
<a href="https://github.com/AayushBharti" target="_blank">
<i title="GitHub Profile" class="fa-brands fa-github nav-icon"></i>
</a>
<a href="https://in.linkedin.com/in/iaayushbharti" target="_blank">
<i title="linkedIn Profile" class="fa-brands fa-linkedin nav-icon"></i>
</a>
<a href="https://twitter.com/iAayushBharti" target="_blank">
<i title="Twitter Profile" class="fa-brands fa-x-twitter nav-icon"></i>
</a>
<a href="https://t.me/NotesLib" target="_blank">
<i title="Telegram Channel" class="fa-brands fa-telegram nav-icon"></i>
</a>
<!-- <div class="nav-link"><a href="#contactMe">Contact Me</a></div> -->
</div>
<div class="last-quote">
<svg xmlns="http://www.w3.org/2000/svg" width="124" height="14" fill="currentColor"
class="left-border">
<path
d="M0.466181 9.35938C1.28178 11.6167 3.44138 14 6.28256 14L6.40126 13.9497C7.46574 13.917 8.6719 13.5571 9.63683 12.8442C10.3414 12.3223 10.9196 11.6108 11.2144 10.6987C11.3982 10.0728 11.4556 9.4126 11.3791 8.76221C11.3025 8.11182 11.0919 7.48584 10.7664 6.92579C10.3184 6.20362 9.69044 5.62452 8.9476 5.25293C8.20475 4.88135 7.37767 4.73145 6.55825 4.81934C6.47401 4.82325 6.38977 4.84473 6.31319 4.88331C6.23661 4.92188 6.16768 4.97657 6.11025 5.04346C6.05664 5.11036 6.01069 5.18848 5.98389 5.27295C5.96091 5.35791 5.94943 5.44727 5.95708 5.53614C5.95708 5.62696 5.9724 5.71729 6.01069 5.80079C6.04515 5.88379 6.09876 5.95801 6.16385 6.01758C6.22895 6.07764 6.30553 6.12159 6.38977 6.14698C6.47401 6.17237 6.56208 6.17872 6.65015 6.16504C7.15941 6.08985 7.684 6.15137 8.16646 6.34375C8.64893 6.53614 9.07778 6.85303 9.41474 7.26465C9.7517 7.67676 9.98145 8.1709 10.0848 8.70069C10.1882 9.23047 10.1614 9.7793 10.0121 10.2964C9.49133 11.9565 7.56913 12.6104 6.40126 12.648C4.22634 12.7236 2.35392 10.8057 1.65703 8.875C1.45791 8.34717 1.33538 7.79346 1.28943 7.23243C1.25497 6.78614 1.27029 6.33497 1.33538 5.88868C1.48472 4.88086 1.88294 3.93262 2.49942 3.14014C3.64815 1.75049 5.49376 1.12159 7.68783 1.3667C10.2495 1.65625 12.0147 3.49854 12.8609 4.37891C13.0141 4.54737 13.1787 4.73926 13.351 4.94581L13.7263 5.41016C15.2503 7.30323 17.5401 10.1704 21.6065 8.32178C22.1771 8.01563 22.6557 7.55323 22.9927 6.98389C23.2645 6.53174 23.4368 6.0254 23.4981 5.5H123.51C123.659 5.5 123.789 5.4336 123.877 5.32862C123.954 5.24073 124 5.12598 124 5C124 4.72364 123.782 4.5 123.51 4.5H23.4598C23.3488 3.93848 23.1075 3.41211 22.7476 2.97266C22.2613 2.38233 21.5951 1.98584 20.8599 1.85108C20.4923 1.81055 20.1209 1.83838 19.7647 1.93067C19.5159 1.99561 19.2746 2.09229 19.0449 2.21973C18.4858 2.52881 18.0302 3.00489 17.7315 3.58643C17.6817 3.66358 17.6434 3.75147 17.6243 3.84424L17.6166 3.93897C17.6128 4.00147 17.6166 4.06397 17.6281 4.125C17.6511 4.21729 17.6894 4.30372 17.743 4.37891C17.8004 4.45459 17.8694 4.51661 17.9459 4.56153L18.057 4.60987C18.1068 4.62598 18.1565 4.63624 18.2063 4.64014C18.2638 4.64454 18.325 4.64014 18.3825 4.62647L18.4705 4.60059C18.5548 4.56788 18.6352 4.51661 18.6964 4.4502C18.7386 4.40723 18.773 4.35791 18.8037 4.30469L18.8458 4.21534C19.0181 3.86573 19.2861 3.57813 19.6154 3.3877C19.9485 3.19727 20.3238 3.11377 20.699 3.14649C21.1317 3.2417 21.5185 3.4878 21.8018 3.84375C22.0852 4.2002 22.2422 4.646 22.2498 5.1084C22.2307 5.51172 22.1158 5.9043 21.9167 6.24903C21.7176 6.59424 21.4342 6.88086 21.1011 7.08301C17.9 8.57325 16.2037 6.45411 14.7065 4.56788L14.6261 4.46241C14.3121 4.08252 14.0364 3.73633 13.7646 3.44825C12.8839 2.53663 10.8353 0.398442 7.82568 0.0590868C5.20658 -0.230464 2.96657 0.549321 1.53449 2.28516C0.979278 2.99317 0.565737 3.8042 0.30536 4.67237C0.209633 4.99805 0.133051 5.33155 0.0832729 5.67041C-0.104352 6.91358 0.0258367 8.18702 0.466181 9.35938Z">
</path>
</svg>
<p>stay hungry, stay foolish</p>
<svg xmlns="http://www.w3.org/2000/svg" width="124" height="14" fill="currentColor"
class="right-border">
<path
d="M0.466181 9.35938C1.28178 11.6167 3.44138 14 6.28256 14L6.40126 13.9497C7.46574 13.917 8.6719 13.5571 9.63683 12.8442C10.3414 12.3223 10.9196 11.6108 11.2144 10.6987C11.3982 10.0728 11.4556 9.4126 11.3791 8.76221C11.3025 8.11182 11.0919 7.48584 10.7664 6.92579C10.3184 6.20362 9.69044 5.62452 8.9476 5.25293C8.20475 4.88135 7.37767 4.73145 6.55825 4.81934C6.47401 4.82325 6.38977 4.84473 6.31319 4.88331C6.23661 4.92188 6.16768 4.97657 6.11025 5.04346C6.05664 5.11036 6.01069 5.18848 5.98389 5.27295C5.96091 5.35791 5.94943 5.44727 5.95708 5.53614C5.95708 5.62696 5.9724 5.71729 6.01069 5.80079C6.04515 5.88379 6.09876 5.95801 6.16385 6.01758C6.22895 6.07764 6.30553 6.12159 6.38977 6.14698C6.47401 6.17237 6.56208 6.17872 6.65015 6.16504C7.15941 6.08985 7.684 6.15137 8.16646 6.34375C8.64893 6.53614 9.07778 6.85303 9.41474 7.26465C9.7517 7.67676 9.98145 8.1709 10.0848 8.70069C10.1882 9.23047 10.1614 9.7793 10.0121 10.2964C9.49133 11.9565 7.56913 12.6104 6.40126 12.648C4.22634 12.7236 2.35392 10.8057 1.65703 8.875C1.45791 8.34717 1.33538 7.79346 1.28943 7.23243C1.25497 6.78614 1.27029 6.33497 1.33538 5.88868C1.48472 4.88086 1.88294 3.93262 2.49942 3.14014C3.64815 1.75049 5.49376 1.12159 7.68783 1.3667C10.2495 1.65625 12.0147 3.49854 12.8609 4.37891C13.0141 4.54737 13.1787 4.73926 13.351 4.94581L13.7263 5.41016C15.2503 7.30323 17.5401 10.1704 21.6065 8.32178C22.1771 8.01563 22.6557 7.55323 22.9927 6.98389C23.2645 6.53174 23.4368 6.0254 23.4981 5.5H123.51C123.659 5.5 123.789 5.4336 123.877 5.32862C123.954 5.24073 124 5.12598 124 5C124 4.72364 123.782 4.5 123.51 4.5H23.4598C23.3488 3.93848 23.1075 3.41211 22.7476 2.97266C22.2613 2.38233 21.5951 1.98584 20.8599 1.85108C20.4923 1.81055 20.1209 1.83838 19.7647 1.93067C19.5159 1.99561 19.2746 2.09229 19.0449 2.21973C18.4858 2.52881 18.0302 3.00489 17.7315 3.58643C17.6817 3.66358 17.6434 3.75147 17.6243 3.84424L17.6166 3.93897C17.6128 4.00147 17.6166 4.06397 17.6281 4.125C17.6511 4.21729 17.6894 4.30372 17.743 4.37891C17.8004 4.45459 17.8694 4.51661 17.9459 4.56153L18.057 4.60987C18.1068 4.62598 18.1565 4.63624 18.2063 4.64014C18.2638 4.64454 18.325 4.64014 18.3825 4.62647L18.4705 4.60059C18.5548 4.56788 18.6352 4.51661 18.6964 4.4502C18.7386 4.40723 18.773 4.35791 18.8037 4.30469L18.8458 4.21534C19.0181 3.86573 19.2861 3.57813 19.6154 3.3877C19.9485 3.19727 20.3238 3.11377 20.699 3.14649C21.1317 3.2417 21.5185 3.4878 21.8018 3.84375C22.0852 4.2002 22.2422 4.646 22.2498 5.1084C22.2307 5.51172 22.1158 5.9043 21.9167 6.24903C21.7176 6.59424 21.4342 6.88086 21.1011 7.08301C17.9 8.57325 16.2037 6.45411 14.7065 4.56788L14.6261 4.46241C14.3121 4.08252 14.0364 3.73633 13.7646 3.44825C12.8839 2.53663 10.8353 0.398442 7.82568 0.0590868C5.20658 -0.230464 2.96657 0.549321 1.53449 2.28516C0.979278 2.99317 0.565737 3.8042 0.30536 4.67237C0.209633 4.99805 0.133051 5.33155 0.0832729 5.67041C-0.104352 6.91358 0.0258367 8.18702 0.466181 9.35938Z">
</path>
</svg>
</div>
</div>
<div class="copyright">
<p>©
<script type="text/javascript">
document.write(new Date().getFullYear());
</script>
<a href="" style="color: rgb(128, 128, 128); font-weight: 800;">Aayush Bharti</a> All rights
reserved.
</p>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="https://kit.fontawesome.com/58a810656e.js" crossorigin="anonymous"></script>
<script src="/roleScript.js"></script>
<script src="/scrollToTop.js"></script>
</body>
</html>