-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
414 lines (366 loc) · 40.6 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
<!doctype html>
<html class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link href="./output.css" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="./public/assests/favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./public/assests/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./public/assests/favicon_io/favicon-16x16.png">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
</head>
<body >
<!-- header -->
<header class="w-full h-screen bg-cover bg-no-repeat relative bg-center" id='home' style="background-image: url(./public/assests/hero.jpg) " >
<div class="absolute inset-0 bg-black bg-opacity-30"></div>
<nav class='w-full bg-gray-600 bg-opacity-95 py-7 px-4 lg:px-40 z-50 fixed'>
<div class="flex flex-col md:flex-row text-white font-mono text-2xl ">
<div class="text-white w-full lg:w-52 text-left "> Amish Khan </div>
<div class='w-full flex justify-center sm:hidden md:flex' id="nav-elements-div">
<ul class="flex flex-col md:flex-row md:mt-0 justify-center mt-10 gap-8 text-lg text-gray-500" id="navlinks">
<li class='cursor-pointer active:text-white hover:text-gray-300 ' ><a href="#home">Home</a></li>
<li class='cursor-pointer active:text-white hover:text-gray-300 ' ><a href="#about">About</a></li>
<li class='cursor-pointer active:text-white hover:text-gray-300 ' ><a href="#projects">Projects</a></li>
<li class='cursor-pointer active:text-white hover:text-gray-300 ' ><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
<div>
<span id="nav-button" class="material-symbols-outlined absolute top-8 right-2 md:hidden" >
menu
</span>
</div>
</nav>
<div class='w-full h-screen absolute top-0 flex justify-center align-middle text-white flex-col'>
<div >
<h4 data-aos="fade-up" data-aos-duration="1000" class=' text-center my-5 text-3xl' >Heyy</h4>
<h1 data-aos="fade-up" data-aos-duration="2000" class=' text-center my-5 text-5xl'> I'm <span class=' text-orange-700'>Amish</span> Khan</h1>
<div data-aos="fade-up" data-aos-duration="3000" class='w-full justify-center align-middle flex'> <div class=' bg-red-700 bg-opacity-70 w-fit rounded-full px-4 py-1'> <h4 class=' text-white text-lg font-bold ' style="text-shadow: rgb(56 10 10 / 98%) 1.35px 3.35px 2px; ">Web Developer</h4></div></div>
</div>
</div>
</header>
<!-- header end -->
<!-- about -->
<section id="about" class='w-full '>
<div class=' py-52 px-0 md:px-52 flex justify-center align-middle '>
<div class='flex gap-40 justify-center align-middle lg:flex-row md:flex-col flex-col w-[80rem] '>
<div class="relative" data-aos="fade-up" data-aos-duration="1000">
<div class=' w-56 md:w-80 mx-auto'>
<div class=' w-56 md:w-80 absolute h-[15rem] md:h-[25rem] bottom-14 left-10 -z-10 border-red-600 border-8'></div>
<img src="./public/assests/mumbai1-removebg.png" class=' h-[15rem] md:h-[25rem] object-cover ' width="100%" alt="" />
</div>
</div>
<div class=" w-full md:w-80" data-aos="fade-up" data-aos-duration="1000">
<h1 class='text-6xl font-light font-sans mb-4'>Amish khan</h1>
<h1 class='text-2xl font-semibold font-sans mb-4 text-orange-700'>Web Developer</h1>
<p class=' leading-loose text-md text-start w-full'>I am a passionate and ambitious web developer with a strong desire to create meaningful and innovative web applications. While I may be relatively new to the field, my enthusiasm for coding and continuous learning drives me to excel in every project I undertake.</p>
</div>
</div>
</div>
<!-- skills -->
<div class='flex flex-col justify-center'>
<h1 class='text-6xl font-light font-sans text-center'>My Skills</h1>
<div class="flex w-9/12 my-12 mx-auto justify-evenly gap-14 md:px-52 align-middle flex-wrap ">
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col items-center w-[6rem] '>
<svg xmlns="http://www.w3.org/2000/svg" style="width: 4rem; height: 5rem;" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
<path d="M 45.273438 2.324219 C 45.085938 2.117188 44.816406 2 44.535156 2 L 5.464844 2 C 5.183594 2 4.914063 2.117188 4.726563 2.324219 C 4.535156 2.53125 4.441406 2.808594 4.46875 3.089844 L 7.988281 42.515625 C 8.023438 42.929688 8.3125 43.273438 8.710938 43.390625 L 24.722656 47.960938 C 24.808594 47.988281 24.902344 48 24.996094 48 C 25.089844 48 25.179688 47.988281 25.269531 47.960938 L 41.292969 43.390625 C 41.691406 43.273438 41.976563 42.929688 42.015625 42.515625 L 45.53125 3.089844 C 45.558594 2.808594 45.464844 2.53125 45.273438 2.324219 Z M 36.847656 15.917969 L 18.035156 15.917969 L 18.484375 21.007813 L 36.394531 21.007813 L 35.050781 36.050781 L 24.992188 39.089844 L 24.894531 39.058594 L 14.953125 36.046875 L 14.410156 29.917969 L 19.28125 29.917969 L 19.492188 32.296875 L 25.050781 33.460938 L 30.507813 32.296875 L 31.089844 25.859375 L 14.046875 25.859375 L 12.722656 11.054688 L 37.28125 11.054688 Z"></path>
</svg>
<p class='text-sm text-center mx-auto'> HTML</p>
</div>
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col justify-around items-center w-[6rem]'>
<svg xmlns="http://www.w3.org/2000/svg" style="width: 4rem; height: 5rem;" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
<path fill-rule="evenodd" d="M 42 6 L 39 40 L 25 44 L 11 40 L 8 6 Z M 16.800781 28 L 20.800781 28 L 20.898438 30.5 L 25 31.898438 L 29.101563 30.5 L 29.398438 26 L 20.601563 26 L 20.398438 22 L 29.601563 22 L 29.898438 18 L 16.101563 18 L 15.800781 14 L 34.101563 14 L 33.601563 22 L 32.898438 33.5 L 25 36.101563 L 17.101563 33.5 Z"></path>
</svg>
<p class='text-sm text-center mx-auto'> CSS</p>
</div>
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col justify-around items-center w-[6rem]'>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" style="width: 4rem; height: 5rem;" width="100" height="100" viewBox="0 0 50 50">
<path d="M45.274,2.325C45.084,2.118,44.817,2,44.536,2H5.464C5.183,2,4.916,2.118,4.726,2.325S4.443,2.81,4.468,3.089l3.52,39.427 c0.037,0.412,0.324,0.759,0.722,0.873l16.01,4.573C24.809,47.987,24.902,48,24.994,48s0.185-0.013,0.274-0.038l16.024-4.573 c0.398-0.114,0.685-0.461,0.722-0.873l3.518-39.427C45.557,2.81,45.463,2.532,45.274,2.325z M12,29.004l7,1.942V11h4v26l-11-3.051 V29.004z M38.054,22L37,34.25L27,37v-4.601l6.75-1.855l0.25-3.75L27,28V11h12l-0.345,4H31v8L38.054,22z"></path>
</svg>
<p class='text-sm text-center mx-auto'> Javascript</p>
</div>
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col justify-around items-center w-[6rem]'>
<svg xmlns="http://www.w3.org/2000/svg" style="width: 4rem; height: 5rem;" x="0px" y="0px" width="100" height="100" viewBox="0 0 30 30">
<path d="M 10.679688 4.1816406 C 10.068687 4.1816406 9.502 4.3184219 9 4.6074219 C 7.4311297 5.5132122 6.8339651 7.7205462 7.1503906 10.46875 C 4.6127006 11.568833 3 13.188667 3 15 C 3 16.811333 4.6127006 18.431167 7.1503906 19.53125 C 6.8341285 22.279346 7.4311297 24.486788 9 25.392578 C 9.501 25.681578 10.067687 25.818359 10.679688 25.818359 C 11.982314 25.818359 13.48785 25.164589 15 24.042969 C 16.512282 25.164589 18.01964 25.818359 19.322266 25.818359 C 19.933266 25.818359 20.499953 25.681578 21.001953 25.392578 C 22.570814 24.486793 23.167976 22.279432 22.851562 19.53125 C 25.388297 18.431178 27 16.81094 27 15 C 27 13.188667 25.387299 11.568833 22.849609 10.46875 C 23.165872 7.7206538 22.56887 5.5132122 21 4.6074219 C 20.499 4.3174219 19.932312 4.1816406 19.320312 4.1816406 C 18.017686 4.1816406 16.51215 4.8354109 15 5.9570312 C 13.487763 4.8354109 11.981863 4.1816406 10.679688 4.1816406 z M 10.679688 5.9316406 C 11.461321 5.9316406 12.49496 6.3472486 13.617188 7.1171875 C 12.95737 7.7398717 12.311153 8.4479321 11.689453 9.2363281 C 10.681079 9.3809166 9.7303472 9.5916908 8.8496094 9.8554688 C 8.8448793 9.7943902 8.8336776 9.7303008 8.8300781 9.6699219 C 8.7230781 7.8899219 9.114 6.5630469 9.875 6.1230469 C 10.1 5.9930469 10.362688 5.9316406 10.679688 5.9316406 z M 19.320312 5.9316406 C 19.636312 5.9316406 19.9 5.9930469 20.125 6.1230469 C 20.886 6.5620469 21.276922 7.8899219 21.169922 9.6699219 C 21.166295 9.7303008 21.155145 9.7943902 21.150391 9.8554688 C 20.2691 9.5915252 19.317669 9.3809265 18.308594 9.2363281 C 17.686902 8.4480417 17.042616 7.7397993 16.382812 7.1171875 C 17.504962 6.3473772 18.539083 5.9316406 19.320312 5.9316406 z M 15 8.2285156 C 15.27108 8.4752506 15.540266 8.7360345 15.8125 9.0214844 C 15.542718 9.012422 15.274373 9 15 9 C 14.726286 9 14.458598 9.0124652 14.189453 9.0214844 C 14.461446 8.7363308 14.729174 8.4750167 15 8.2285156 z M 15 10.75 C 15.828688 10.75 16.614128 10.796321 17.359375 10.876953 C 17.813861 11.494697 18.261774 12.147811 18.681641 12.875 C 19.084074 13.572033 19.439938 14.285488 19.753906 15 C 19.439896 15.714942 19.084316 16.429502 18.681641 17.126953 C 18.263078 17.852044 17.816279 18.500949 17.363281 19.117188 C 16.591711 19.201607 15.800219 19.25 15 19.25 C 14.171312 19.25 13.385872 19.203679 12.640625 19.123047 C 12.186139 18.505303 11.738226 17.854142 11.318359 17.126953 C 10.915684 16.429502 10.560194 15.714942 10.246094 15 C 10.559972 14.285488 10.915926 13.572033 11.318359 12.875 C 11.737083 12.149909 12.183612 11.499051 12.636719 10.882812 C 13.408289 10.798393 14.199781 10.75 15 10.75 z M 19.746094 11.291016 C 20.142841 11.386804 20.524253 11.490209 20.882812 11.605469 C 20.801579 11.97252 20.702235 12.346608 20.589844 12.724609 C 20.461164 12.483141 20.336375 12.240903 20.197266 12 C 20.054139 11.752196 19.895244 11.529558 19.746094 11.291016 z M 10.251953 11.292969 C 10.103305 11.530776 9.9454023 11.752991 9.8027344 12 C 9.6636666 12.240944 9.5387971 12.483106 9.4101562 12.724609 C 9.29751 12.345829 9.1965499 11.971295 9.1152344 11.603516 C 9.4803698 11.48815 9.86083 11.385986 10.251953 11.292969 z M 7.46875 12.246094 C 7.6794464 13.135714 7.9717297 14.057918 8.3476562 14.998047 C 7.9725263 15.935943 7.6814729 16.856453 7.4707031 17.744141 C 5.7292327 16.903203 4.75 15.856373 4.75 15 C 4.75 14.121 5.701875 13.119266 7.296875 12.322266 C 7.3513169 12.295031 7.4131225 12.272692 7.46875 12.246094 z M 22.529297 12.255859 C 24.270767 13.096797 25.25 14.143627 25.25 15 C 25.25 15.879 24.298125 16.880734 22.703125 17.677734 C 22.648683 17.704969 22.586877 17.727308 22.53125 17.753906 C 22.32043 16.863764 22.030541 15.940699 21.654297 15 C 22.028977 14.062913 22.318703 13.142804 22.529297 12.255859 z M 15 13 C 13.895 13 13 13.895 13 15 C 13 16.105 13.895 17 15 17 C 16.105 17 17 16.105 17 15 C 17 13.895 16.105 13 15 13 z M 9.4101562 17.275391 C 9.5388794 17.516948 9.6655262 17.759008 9.8046875 18 C 9.9476585 18.247625 10.104915 18.470608 10.253906 18.708984 C 9.857159 18.613196 9.4757466 18.509791 9.1171875 18.394531 C 9.1984813 18.02725 9.2976676 17.653633 9.4101562 17.275391 z M 20.589844 17.277344 C 20.702364 17.655759 20.803517 18.02905 20.884766 18.396484 C 20.51963 18.51185 20.13917 18.614014 19.748047 18.707031 C 19.896695 18.469224 20.054598 18.247009 20.197266 18 C 20.336044 17.759557 20.461449 17.518344 20.589844 17.277344 z M 8.8496094 20.144531 C 9.7309004 20.408475 10.682331 20.619073 11.691406 20.763672 C 12.313288 21.552345 12.957085 22.261935 13.617188 22.884766 C 12.495042 23.654481 11.461272 24.070312 10.679688 24.070312 C 10.363687 24.070312 10.1 24.006953 9.875 23.876953 C 9.114 23.437953 8.7230781 22.112031 8.8300781 20.332031 C 8.8337424 20.271023 8.8447938 20.206253 8.8496094 20.144531 z M 21.150391 20.144531 C 21.155182 20.206253 21.166285 20.271023 21.169922 20.332031 C 21.276922 22.112031 20.886 23.436953 20.125 23.876953 C 19.9 24.006953 19.637312 24.070313 19.320312 24.070312 C 18.538728 24.070312 17.504958 23.654609 16.382812 22.884766 C 17.042964 22.261863 17.688542 21.552454 18.310547 20.763672 C 19.318921 20.619083 20.269653 20.408309 21.150391 20.144531 z M 14.1875 20.978516 C 14.457282 20.987578 14.725627 21 15 21 C 15.274373 21 15.542718 20.987578 15.8125 20.978516 C 15.540266 21.263964 15.27108 21.524765 15 21.771484 C 14.72892 21.524749 14.459734 21.263966 14.1875 20.978516 z"></path>
</svg>
<p class='text-sm text-center mx-auto'> React</p>
</div>
<div data-aos="fade-up" class='text-6xl text-center rounded-3xl shadow-md p-3'>
<svg xmlns="http://www.w3.org/2000/svg" style="width: 4rem; height: 5rem;" x="0px" y="0px" width="100" height="100" viewBox="0 0 24 24">
<path d="M23.395 7.081c-.488-.207-1.053-.002-1.29.472-.224.448-.523.723-.914.838-.612.183-1.343-.052-1.685-.253-.451-.265-.974-.667-1.527-1.092C16.214 5.688 14.018 4 11 4 8.586 4 7.346 5.239 5.293 7.293 4.902 7.684 4.899 8.32 5.29 8.71 5.67 9.092 6.28 9.104 6.672 8.74c.01-.009.02-.019.03-.028.552-.426 4.03-.012 5.55 1.196C14.511 11.703 16.142 13 18 13c2.659 0 4.879-1.741 5.94-4.658C24.121 7.844 23.882 7.291 23.395 7.081zM18.395 14.081c-.488-.207-1.053-.002-1.29.472-.224.448-.523.723-.914.838-.612.18-1.343-.052-1.685-.253-.451-.265-.974-.667-1.527-1.092C11.214 12.688 9.018 11 6 11c-2.414 0-3.654 1.239-5.707 3.293-.391.391-.394 1.027-.003 1.417.38.382.991.395 1.383.03.01-.009.02-.019.03-.028.551-.426 4.031-.012 5.55 1.196C9.511 18.703 11.142 20 13 20c2.659 0 4.879-1.741 5.94-4.658C19.121 14.844 18.882 14.291 18.395 14.081z"></path>
</svg>
<p class='text-sm text-center mx-auto'>Tailwindcss</p>
</div>
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col justify-around items-center w-[6rem]'>
<svg xmlns="http://www.w3.org/2000/svg" style="width: 4rem; height: 5rem;" x="0px" y="0px" width="100" height="100" viewBox="0 0 30 30">
<path d="M4.576,6.133C4.525,4.637,5.66,3.258,7.194,3.258h15.721c1.534,0,2.669,1.379,2.619,2.875 c-0.049,1.437,0.015,3.298,0.471,4.816c0.458,1.522,1.229,2.485,2.494,2.608v1.402c-1.264,0.124-2.036,1.086-2.494,2.608 c-0.456,1.518-0.52,3.379-0.471,4.816c0.051,1.496-1.084,2.875-2.619,2.875H7.194c-1.534,0-2.669-1.379-2.619-2.875 c0.049-1.437-0.015-3.298-0.471-4.816c-0.458-1.522-1.231-2.485-2.495-2.608v-1.402c1.264-0.124,2.038-1.086,2.495-2.608 C4.561,9.431,4.624,7.57,4.576,6.133z"></path><path fill="#fff" d="M16.759,13.922v-0.017c1.168-0.202,2.079-1.296,2.079-2.502c0-0.852-0.328-1.574-0.948-2.087 c-0.618-0.512-1.486-0.782-2.509-0.782h-4.687v11.449h4.711c1.224,0,2.24-0.299,2.938-0.865c0.699-0.567,1.069-1.391,1.069-2.384 C19.413,15.233,18.347,14.106,16.759,13.922z M14.564,13.383H12.56v-3.351h2.385c1.308,0,2.029,0.574,2.029,1.616 C16.973,12.766,16.118,13.383,14.564,13.383z M12.56,14.786h2.369c1.711,0,2.579,0.618,2.579,1.838c0,1.218-0.855,1.861-2.474,1.861 H12.56V14.786z"></path>
</svg>
<p class='text-sm text-center mx-auto'> Bootstrap</p>
</div>
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col justify-around items-center w-[6rem]'>
<svg xmlns="http://www.w3.org/2000/svg" style="width: 4rem; height: 5rem;" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
<path d="M 24 2 C 16.832 2 11 10.292328 11 20.486328 C 11 25.752514 12.564938 30.494647 15.060547 33.859375 A 3.5 3.5 0 0 0 18.5 38 A 3.5 3.5 0 1 0 18.5 31 A 3.5 3.5 0 0 0 17.931641 31.050781 C 16.143565 28.387233 15 24.611465 15 20.486328 C 15 12.633328 19.122 6 24 6 C 28.119 6 31.689125 10.7375 32.703125 16.9375 C 34.125125 17.3455 35.541688 17.897453 36.929688 18.564453 C 36.251687 9.2704531 30.712 2 24 2 z M 22.5 17 A 3.5 3.5 0 1 0 22.5 24 A 3.5 3.5 0 0 0 25.640625 22.041016 C 28.890379 21.837485 32.64609 22.840116 36.113281 24.917969 C 42.973281 29.030969 46.703812 36.223047 44.257812 40.623047 C 43.453812 42.069047 42.005359 43.108953 40.068359 43.626953 C 37.279359 44.372953 33.859234 43.993672 30.490234 42.638672 C 29.421234 43.632672 28.245891 44.565828 26.962891 45.423828 C 30.290891 47.104828 33.8105 47.996094 37.0625 47.996094 C 38.4725 47.996094 39.833516 47.830234 41.103516 47.490234 C 44.110516 46.685234 46.410906 44.982406 47.753906 42.566406 C 51.337906 36.117406 47.127922 26.858281 38.169922 21.488281 C 33.907448 18.931871 29.185543 17.753815 25.035156 18.09375 A 3.5 3.5 0 0 0 22.5 17 z M 9.1601562 23.324219 C 2.0791563 28.795219 -0.95795312 36.799406 2.2480469 42.566406 C 3.5910469 44.982406 5.8914375 46.685234 8.8984375 47.490234 C 10.169438 47.830234 11.527453 47.996094 12.939453 47.996094 C 16.739453 47.996094 20.910031 46.789672 24.707031 44.513672 C 28.954867 41.96696 32.09575 38.543722 33.876953 34.962891 C 35.628054 34.772138 37 33.301038 37 31.5 C 37 29.57 35.43 28 33.5 28 C 31.57 28 30 29.57 30 31.5 C 30 32.040225 30.132082 32.546629 30.351562 33.003906 C 28.907628 35.978686 26.213448 38.945387 22.650391 41.082031 C 18.354391 43.658031 13.599641 44.609953 9.9316406 43.626953 C 7.9956406 43.108953 6.5481406 42.069047 5.7441406 40.623047 C 3.8101406 37.143047 5.7462969 31.923469 10.029297 27.855469 C 9.6182969 26.415469 9.3241562 24.899219 9.1601562 23.324219 z"></path>
</svg>
<p class='text-sm text-center mx-auto'> Redux</p>
</div>
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col justify-around items-center w-[6rem]'>
<svg xmlns="http://www.w3.org/2000/svg" style="width: 4rem; height: 5rem;" x="0px" y="0px" width="100" height="100" viewBox="0 0 32 32">
<path d="M 15.994141 3 C 15.629141 3 15.264219 3.0895313 14.949219 3.2695312 L 5.0390625 8.9902344 C 4.3990625 9.3602344 4 10.060781 4 10.800781 L 4 21.179688 C 4 21.929688 4.3990625 22.620234 5.0390625 22.990234 L 7.640625 24.490234 C 8.900625 25.110234 9.3499219 25.109375 9.9199219 25.109375 C 11.789922 25.109375 12.859375 23.979531 12.859375 22.019531 L 12.859375 11.310547 C 12.859375 11.150547 12.730312 11.019531 12.570312 11.019531 L 11.320312 11.019531 C 11.150313 11.019531 11.029297 11.150547 11.029297 11.310547 L 11.029297 22.009766 C 11.029297 22.889766 10.120391 23.749531 8.6503906 23.019531 L 5.9296875 21.449219 C 5.8296875 21.399219 5.7695313 21.289687 5.7695312 21.179688 L 5.7695312 10.810547 C 5.7695312 10.690547 5.8296875 10.589297 5.9296875 10.529297 L 15.839844 4.8105469 C 15.929844 4.7505469 16.050391 4.7505469 16.150391 4.8105469 L 26.060547 10.529297 C 26.160547 10.589297 26.220703 10.690781 26.220703 10.800781 L 26.220703 21.179688 C 26.220703 21.289687 26.160313 21.399219 26.070312 21.449219 L 16.150391 27.179688 C 16.060391 27.229688 15.929844 27.229688 15.839844 27.179688 L 13.289062 25.669922 C 13.219062 25.619922 13.120781 25.610391 13.050781 25.650391 C 12.340781 26.050391 12.210781 26.100078 11.550781 26.330078 C 11.390781 26.380078 11.140625 26.479766 11.640625 26.759766 L 14.949219 28.720703 C 15.269219 28.900703 15.630234 29 15.990234 29 C 16.360234 29 16.719062 28.900703 17.039062 28.720703 L 26.960938 22.990234 C 27.600938 22.620234 28 21.929688 28 21.179688 L 28 10.810547 C 28 10.060547 27.600938 9.37 26.960938 9 L 17.039062 3.2695312 C 16.724063 3.0895313 16.359141 3 15.994141 3 z M 18.660156 11.005859 C 15.830156 11.005859 14.140625 12.205078 14.140625 14.205078 C 14.140625 16.375078 15.819062 16.974141 18.539062 17.244141 C 21.789062 17.564141 22.039062 18.045547 22.039062 18.685547 C 22.039062 19.785547 21.150547 20.255859 19.060547 20.255859 C 16.430547 20.255859 15.850156 19.594922 15.660156 18.294922 C 15.640156 18.154922 15.520859 18.054688 15.380859 18.054688 L 14.089844 18.054688 C 13.929844 18.054688 13.810547 18.185938 13.810547 18.335938 C 13.810547 20.005937 14.720547 21.994141 19.060547 21.994141 C 22.200547 21.994141 24 20.755703 24 18.595703 C 24 16.455703 22.549766 15.884609 19.509766 15.474609 C 16.419766 15.074609 16.109375 14.864531 16.109375 14.144531 C 16.109375 13.544531 16.380156 12.755859 18.660156 12.755859 C 20.690156 12.755859 21.449766 13.194453 21.759766 14.564453 C 21.789766 14.694453 21.899062 14.794922 22.039062 14.794922 L 23.330078 14.794922 C 23.410078 14.794922 23.479063 14.755313 23.539062 14.695312 C 23.589062 14.645313 23.619375 14.564609 23.609375 14.474609 C 23.409375 12.114609 21.840156 11.005859 18.660156 11.005859 z"></path>
</svg>
<p class='text-sm text-center mx-auto'> NodeJs</p>
</div>
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col justify-around items-center w-[6rem]'>
<svg xmlns="http://www.w3.org/2000/svg" style="width: 4rem; height: 5rem;" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
<path d="M49.729 11h-.85c-1.051 0-2.041.49-2.68 1.324l-8.7 11.377-8.7-11.377C28.162 11.49 27.171 11 26.121 11h-.85l10.971 14.346L25.036 40h.85c1.051 0 2.041-.49 2.679-1.324L37.5 26.992l8.935 11.684C47.073 39.51 48.063 40 49.114 40h.85L38.758 25.346 49.729 11zM21.289 34.242c-2.554 3.881-7.582 5.87-12.389 4.116C4.671 36.815 2 32.611 2 28.109L2 27h12v0h11l0-4.134c0-6.505-4.818-12.2-11.295-12.809C6.273 9.358 0 15.21 0 22.5l0 5.573c0 5.371 3.215 10.364 8.269 12.183 6.603 2.376 13.548-1.17 15.896-7.256 0 0 0 0 0 0h-.638C22.616 33 21.789 33.481 21.289 34.242zM2 22.5C2 16.71 6.71 12 12.5 12S23 16.71 23 22.5V25H2V22.5z"></path>
</svg>
<p class='text-sm text-center mx-auto'> Express</p>
</div>
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col justify-around items-center w-[6rem]'>
<img src="./public/assests/mongodb.svg" style="width: 4rem; height: 5rem;" alt="" srcset="">
<p class='text-sm text-center mx-auto'> MongoDb</p>
</div>
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col justify-around items-center w-[6rem]'>
<svg xmlns="http://www.w3.org/2000/svg" style="width: 4rem; height: 5rem;" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48">
<polygon fill="#b71c1c" points="18.001,29.994 18.001,35 21.995,34.995 21.995,29.999 20.001,32.004"></polygon><path fill="#b71c1c" d="M46.586,21.441c-0.177-0.221-0.84-0.354-0.84-0.354l-0.796,1.592l0.088-1.769 c0,0-4.821-1.946-8.668-2.875s-6.58-1.291-8.048-1.326c-1.062-0.026-3.097,0.088-3.097,0.088l1.725,1.636 c0,0-2.167-0.885-2.963-1.194s-2.034-0.31-2.654-0.354c-0.619-0.044-1.15,0.221-1.15,0.221s-0.575,0.442,0.752,3.405 c1.088,2.43,3.719,3.965,4.632,4.44c-5.917-1.284-6.578-7.005-6.578-7.005s-3.603-0.037-8.757,1.769 c-5.824,2.041-9.288,5.971-9.288,5.971s4.6-1.548,8.492-0.487s5.497,3.788,5.497,3.788l0.107-3.007h2.936l2.251,2.713l1.758-2.677 h2.971c0,0,0.015,0,0.036-0.001v5.979c0,0,2.014-1.665,3.372-2.328c1.813-0.885,6.015-0.619,6.015-0.619s-0.067-0.47-0.315-0.967 c-0.352-0.704,0.573-0.935,0.573-0.935s8.278-1.813,9.206-1.99c0.929-0.177,1.592-0.575,1.813-0.796 c0.221-0.221,0.84-1.769,0.973-1.946C46.763,22.237,46.763,21.662,46.586,21.441z M21.2,18.389c0.221-0.354,0.885-0.487,1.902,0 c1.2,0.574,2.654,2.477,2.654,2.477l-1.238-0.575l0.619,1.106l-1.106-0.619l0.973,1.415l-0.663-0.177l0.885,1.459 C21.377,21.264,20.979,18.743,21.2,18.389z M37.918,20.556l-0.663,0.486c0,0-2.654,0.354-3.361,0.31 c-0.708-0.044-1.15-1.106-1.15-1.106l-1.459-0.885L37.918,20.556z M32.92,26.748c-0.487,0.398-0.044,1.371-0.044,1.371 c-0.663-0.486-1.46-1.415-0.752-1.946c0.708-0.531,5.882-1.194,5.882-1.194S33.406,26.35,32.92,26.748z"></path>
</svg>
<p class='text-sm text-center mx-auto'> Mongoose</p>
</div>
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col justify-around items-center w-[6rem]'>
<svg xmlns="http://www.w3.org/2000/svg" style="width: 4rem; height: 5rem;" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50">
<path d="M 46.792969 22.089844 L 27.910156 3.207031 C 27.109375 2.402344 26.054688 2 25 2 C 23.945313 2 22.890625 2.402344 22.089844 3.207031 L 18.355469 6.941406 L 22.976563 11.5625 C 24.511719 10.660156 26.511719 10.855469 27.828125 12.171875 C 29.144531 13.488281 29.335938 15.488281 28.433594 17.019531 L 32.976563 21.5625 C 34.511719 20.660156 36.511719 20.855469 37.828125 22.171875 C 39.390625 23.734375 39.390625 26.265625 37.828125 27.828125 C 36.265625 29.390625 33.734375 29.390625 32.171875 27.828125 C 30.855469 26.511719 30.660156 24.511719 31.5625 22.976563 L 27.019531 18.433594 C 26.695313 18.625 26.355469 18.765625 26 18.855469 L 26 31.140625 C 27.722656 31.585938 29 33.136719 29 35 C 29 37.210938 27.210938 39 25 39 C 22.789063 39 21 37.210938 21 35 C 21 33.136719 22.277344 31.585938 24 31.140625 L 24 18.855469 C 23.332031 18.683594 22.695313 18.351563 22.171875 17.828125 C 20.855469 16.511719 20.664063 14.511719 21.566406 12.980469 L 16.941406 8.355469 L 3.207031 22.089844 C 1.597656 23.695313 1.597656 26.304688 3.207031 27.910156 L 22.089844 46.792969 C 22.890625 47.597656 23.945313 48 25 48 C 26.054688 48 27.109375 47.597656 27.910156 46.792969 L 46.792969 27.910156 C 48.402344 26.304688 48.402344 23.695313 46.792969 22.089844 Z"></path>
</svg>
<p class='text-sm text-center mx-auto'> Git</p>
</div>
<div data-aos="fade-up" class='text-6xl rounded-3xl shadow-md p-3 flex flex-col justify-around items-center w-[6rem]'>
<svg xmlns="http://www.w3.org/2000/svg" style="width: 4rem; height: 5rem;" x="0px" y="0px" width="100" height="100" viewBox="0 0 30 30">
<path d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"></path>
</svg>
<p class='text-sm text-center mx-auto'> Github</p>
</div>
</div>
</div>
<!-- education -->
<div class='py-5 md:px-52'>
<div>
<h1 class='text-6xl font-light font-sans text-center mb-6'>
Education
</h1>
<ul class='before:border-x-2 mt-16 before:m-2 before:h-[95%] before:contents[""] before:absolute before:border-gray-400 before:-z-10 relative '>
<li class='before:rounded-full before:relative before:top-7 before:bg-black before:w-3 before:h-2 before:pl-5'>
<div class=' w-40 bg-orange-700 rounded-ee-full relative top-0 left-8 text-center py-1 px-3 text-white text-1xl'>
2022-2025
</div>
<div class=' my-8 mx-8 ' data-aos="fade-right">
<h1 class='text-3xl text-orange-700 font-sans '>Bachelor of Computer Applications</h1>
<h2>Anand Engineering College</h2>
</div>
</li>
<li class='before:rounded-full before:relative before:top-7 before:bg-black before:w-3 before:h-2 before:pl-5'>
<div class=' w-40 bg-orange-700 rounded-ee-full relative top-0 left-8 text-center py-1 px-3 text-white text-1xl'>
2020-2021
</div>
<div class=' my-8 mx-8 ' data-aos="fade-right">
<h1 class='text-3xl text-orange-700 font-sans '>Senior Secondary Education</h1>
<h2>Gayatri Public School</h2>
</div>
</li>
<li class='before:rounded-full before:relative before:top-7 before:bg-black before:w-3 before:h-2 before:pl-5'>
<div class=' w-40 bg-orange-700 rounded-ee-full relative top-0 left-8 text-center py-1 px-3 text-white text-1xl'>
2018-2019
</div>
<div class=' my-8 mx-8 ' data-aos="fade-right">
<h1 class='text-3xl text-orange-700 font-sans '>Secondary Education</h1>
<h2>Gayatri Public School</h2>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- about End -->
<!-- projects -->
<section id="projects" class='py-5 md:px-48 w-full relative'>
<div>
<h1 class='text-6xl font-sans font-light text-center text-orange-700'>Projects</h1>
<div class="mt-8 flex my-12 mx-auto justify-evenly gap-10 relative align-middle flex-wrap " id="project-div" >
<!-- project 1 -->
<div class="w-[22rem] rounded-lg shadow-lg mt-3 relative " >
<div class=' hover:scale-105 transition-all duration-500 relative' data-aos="zoom-in-up" data-aos-duration="1000">
<img src="./public/assests/shopvista.png" class='w-full h-[16rem] rounded-md ' alt="" />
<div class="cursor-pointer absolute bg-black opacity-65 py-5 w-full bottom-0 modal-trigger"> <h1 class="text-2xl text-white ">ShopVista</h1></div>
</div>
<div class=" md:-left-8 left-0 h-screen bg-white flex overflow-hidden w-full md:w-[30rem] absolute -top-8 md:-top-10 z-10 scroll-none hidden justify-center align-middle closeClass">
<div class=" bg-white w-[30rem] h-[33rem] rounded-lg md:m-12 shadow-xl ">
<div class="flex justify-end">
<span class="material-symbols-outlined text-black text-3xl cursor-pointer close">
close
</span>
</div>
<div class=" w-full ">
<div class="">
<img src="./public/assests/shopvista.png" class=" w-full h-[19rem] " alt="" />
</div>
</div>
<div class=" px-3 py-2">
<h1 class="text-3xl font-sans font-light text-orange-700 text-center">ShopVista</h1>
<p >This is an e-commerce website made using React.js bootstrap MUI</p>
</div>
<button class=" bg-red-700 rounded-lg px-4 py-2 mt-3 ml-3 text-white font-sans hover:bg-red-500">
<a target="_blank" href="https://github.com/AMISH-KHAN/ShopVista-Frontend">code</a>
</button>
</div>
</div>
</div>
<!-- end project 1 -->
<!-- project 2 -->
<div class="w-[22rem] rounded-lg shadow-lg mt-3 relative " >
<div class=' hover:scale-105 transition-all duration-500 relative' data-aos="zoom-in-up" data-aos-duration="1000">
<img src="./public/assests/tic-tac-toe.png" class='w-full h-[16rem] rounded-md' alt="" />
<div class="cursor-pointer absolute bg-black opacity-65 py-5 w-full bottom-0 modal-trigger"> <h1 class="text-2xl text-white ">Tic Tac Toe</h1></div>
</div>
<div class=" md:-left-8 left-0 h-screen bg-white flex overflow-hidden w-full md:w-[30rem] absolute -top-8 md:-top-10 z-10 scroll-none hidden justify-center align-middle closeClass">
<div class=" bg-white w-[30rem] h-[33rem] rounded-lg md:m-12 shadow-xl ">
<div class="flex justify-end">
<span class="material-symbols-outlined text-black text-3xl cursor-pointer close">
close
</span>
</div>
<div class=" w-full ">
<div class="">
<img src="./public/assests/tic-tac-toe.png" class=" w-full h-[19rem]" alt="" />
</div>
</div>
<div class=" px-3 py-2">
<h1 class="text-3xl font-sans font-light text-orange-700 text-center">ChatApp</h1>
<p >This is a multiplayer tic-tac-toe game it uses socket.io HTML CSS Javascript</p>
</div>
<button class=" bg-red-700 rounded-lg px-4 py-2 mt-3 ml-3 text-white font-sans hover:bg-red-500">
<a target="_blank" href="https://github.com/AMISH-KHAN/Tic-Tac_toe-app"> Code</a>
</button>
<button class=" bg-red-700 rounded-lg px-4 py-2 mt-3 ml-3 text-white font-sans hover:bg-red-500">
<a target="_blank" href="https://tic-tac-toe-8a0g.onrender.com/">Live</a>
</button>
</div>
<div>
</div>
</div>
</div>
<!-- end project 2 -->
<!-- project 3 -->
<!-- <div class="w-[22rem] rounded-lg shadow-lg mt-3 relative " >
<div class=' hover:scale-105 transition-all duration-500 relative' data-aos="zoom-in-up" data-aos-duration="1000">
<img src="./public/assests/mumbai1.jpeg" class='w-full h-[16rem] rounded-md' alt="" />
<div class="cursor-pointer absolute bg-black opacity-65 py-5 w-full bottom-0 modal-trigger"> <h1 class="text-2xl text-white ">TodoList</h1></div>
</div>
<div class=" md:-left-8 left-0 h-screen bg-white flex overflow-hidden w-full md:w-[30rem] absolute -top-8 md:-top-10 z-10 scroll-none hidden justify-center align-middle closeClass">
<div class=" bg-white w-[30rem] h-[33rem] rounded-lg md:m-12 shadow-xl ">
<div class="flex justify-end">
<span class="material-symbols-outlined text-black text-3xl cursor-pointer close">
close
</span>
</div>
<div class=" w-full ">
<div class="">
<img src="./public/assests/mumbai1.jpeg" class=" w-full h-[19rem]" alt="" />
</div>
</div>
<div class=" px-3 py-2">
<h1 class="text-3xl font-sans font-light text-orange-700 text-center">TodoList</h1>
<p >its is made using MERn</p>
</div>
<button class=" bg-red-700 rounded-lg px-4 py-2 mt-3 ml-3 text-white font-sans hover:bg-red-500">
Code
</button>
<button class=" bg-red-700 rounded-lg px-4 py-2 mt-3 ml-3 text-white font-sans hover:bg-red-500">
Live
</button>
</div>
<div>
</div>
</div>
</div> -->
<!-- end project 3 -->
<!-- project 4 -->
<!-- <div class="w-[22rem] rounded-lg shadow-lg mt-3 relative " >
<div class=' hover:scale-105 transition-all duration-500 relative' data-aos="zoom-in-up" data-aos-duration="1000">
<img src="./public/assests/hero.jpg" class='w-full h-[16rem] rounded-md' alt="" />
<div class="cursor-pointer absolute bg-black opacity-65 py-5 w-full bottom-0 modal-trigger"> <h1 class="text-2xl text-white ">Wheather App</h1></div>
</div>
<div class=" md:-left-8 left-0 h-screen bg-white flex overflow-hidden w-full md:w-[30rem] absolute -top-8 md:-top-10 z-10 scroll-none hidden justify-center align-middle closeClass">
<div class=" bg-white w-[30rem] h-[33rem] rounded-lg md:m-12 shadow-xl ">
<div class="flex justify-end">
<span class="material-symbols-outlined text-black text-3xl cursor-pointer close">
close
</span>
</div>
<div class=" w-full ">
<div class="">
<img src="./public/assests/hero.jpg" class=" w-full h-[19rem]" alt="" />
</div>
</div>
<div class=" px-3 py-2">
<h1 class="text-3xl font-sans font-light text-orange-700 text-center">Wheather app</h1>
<p >its is made using MERn</p>
</div>
<button class=" bg-red-700 rounded-lg px-4 py-2 mt-3 ml-3 text-white font-sans hover:bg-red-500">
Code
</button>
<button class=" bg-red-700 rounded-lg px-4 py-2 mt-3 ml-3 text-white font-sans hover:bg-red-500">
Live
</button>
</div>
<div>
</div>
</div>
</div> -->
<!-- end project 4 -->
</div>
</div>
</section>
<!-- end projects -->
<!-- contact -->
<section id="contact" class='py-5 md:px-48 w-full'>
<h2 class="text-6xl font-sans font-light text-center text-orange-700">Contact Us</h2>
<div class=" p-3 " >
<form action="https://api.web3forms.com/submit" method="POST" class='w-[60%] flex flex-col align-middle justify-self-center justify-center mx-auto mt-7' >
<input type="hidden" name="access_key" value="5ff137a0-2038-4c39-8aea-37f3a98d1e93">
<input type="text" name="name" id="name" class=' outline-2 rounded-md h-10 p-2 outline-orange-700 border-2 mt-4 w-full mx-auto font-sans text-lg ' placeholder='Enter your name' />
<div class="flex flex-col md:flex-row">
<input type="email" name="email" id="email" class=' outline-2 rounded-md h-10 p-2 outline-orange-700 border-2 mt-4 w-full md:w-1/2 mx-auto font-sans text-lg ' placeholder='Enter your email'/>
<input type="text" name="subject" id="subject" class=' outline-2 rounded-md h-10 p-2 outline-orange-700 border-2 mt-4 w-full md:w-1/2 md:ml-3 mx-auto font-sans text-lg ' placeholder='Enter your subject'/>
</div>
<textarea name="message" id="message" cols="20" rows="5" class='outline-2 rounded-md p-2 outline-orange-700 border-2 mt-4 w-full mx-auto font-sans text-lg ' placeholder='Enter Message' ></textarea>
<button type='submit ' class=' rounded-lg w-full py-2 px-5 mt-5 bg-red-600 hover:bg-red-700 text-white text-lg font-sans' > Submit </button>
</form>
</div>
</section>
<!-- end contact -->
<!-- footer -->
<footer class='w-full bg-gray-800 py-11 '>
<h1 class='text-lg text-white font-sans text-center'>Email: [email protected]</h1>
<div >
<h1 class='text-lg font-light font-sans text-gray-400 text-center my-3'>Social media</h1>
<div class='flex gap-8 align-middle my-3 justify-center text-2xl text-gray-400'>
<a href="https://www.linkedin.com/in/amish-khan" target='_blank'><svg xmlns="http://www.w3.org/2000/svg" class=" w-12 h-12 " x="0px" y="0px" width="3rem" height="100" viewBox="0 0 30 30">
<path d="M24,4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h18c1.105,0,2-0.895,2-2V6C26,4.895,25.105,4,24,4z M10.954,22h-2.95 v-9.492h2.95V22z M9.449,11.151c-0.951,0-1.72-0.771-1.72-1.72c0-0.949,0.77-1.719,1.72-1.719c0.948,0,1.719,0.771,1.719,1.719 C11.168,10.38,10.397,11.151,9.449,11.151z M22.004,22h-2.948v-4.616c0-1.101-0.02-2.517-1.533-2.517 c-1.535,0-1.771,1.199-1.771,2.437V22h-2.948v-9.492h2.83v1.297h0.04c0.394-0.746,1.356-1.533,2.791-1.533 c2.987,0,3.539,1.966,3.539,4.522V22z"></path>
</svg></a>
<a href="https://twitter.com/Amishk7618" target='_blank'><svg xmlns="http://www.w3.org/2000/svg" class=" w-12 h-12 " x="0px" y="0px" width="100" height="100" viewBox="0 0 30 30">
<path d="M 6 4 C 4.895 4 4 4.895 4 6 L 4 24 C 4 25.105 4.895 26 6 26 L 24 26 C 25.105 26 26 25.105 26 24 L 26 6 C 26 4.895 25.105 4 24 4 L 6 4 z M 8.6484375 9 L 13.259766 9 L 15.951172 12.847656 L 19.28125 9 L 20.732422 9 L 16.603516 13.78125 L 21.654297 21 L 17.042969 21 L 14.056641 16.730469 L 10.369141 21 L 8.8945312 21 L 13.400391 15.794922 L 8.6484375 9 z M 10.878906 10.183594 L 17.632812 19.810547 L 19.421875 19.810547 L 12.666016 10.183594 L 10.878906 10.183594 z"></path>
</svg></a>
<a href="https://github.com/AMISH-KHAN" target='_blank'><svg xmlns="http://www.w3.org/2000/svg" class=" w-12 h-12 " x="0px" y="0px" width="3rem" height="100" viewBox="0 0 30 30">
<path d="M15,3C8.373,3,3,8.373,3,15c0,5.623,3.872,10.328,9.092,11.63C12.036,26.468,12,26.28,12,26.047v-2.051 c-0.487,0-1.303,0-1.508,0c-0.821,0-1.551-0.353-1.905-1.009c-0.393-0.729-0.461-1.844-1.435-2.526 c-0.289-0.227-0.069-0.486,0.264-0.451c0.615,0.174,1.125,0.596,1.605,1.222c0.478,0.627,0.703,0.769,1.596,0.769 c0.433,0,1.081-0.025,1.691-0.121c0.328-0.833,0.895-1.6,1.588-1.962c-3.996-0.411-5.903-2.399-5.903-5.098 c0-1.162,0.495-2.286,1.336-3.233C9.053,10.647,8.706,8.73,9.435,8c1.798,0,2.885,1.166,3.146,1.481C13.477,9.174,14.461,9,15.495,9 c1.036,0,2.024,0.174,2.922,0.483C18.675,9.17,19.763,8,21.565,8c0.732,0.731,0.381,2.656,0.102,3.594 c0.836,0.945,1.328,2.066,1.328,3.226c0,2.697-1.904,4.684-5.894,5.097C18.199,20.49,19,22.1,19,23.313v2.734 c0,0.104-0.023,0.179-0.035,0.268C23.641,24.676,27,20.236,27,15C27,8.373,21.627,3,15,3z"></path>
</svg></a>
</div>
</div>
<h1 class='text-lg font-light font-sans text-gray-400 text-center'>Copyright ©2024. All right reserved | This website is made with <span>💗</span> by AmishKhan</h1>
</footer>
<!-- end footer -->
<script src="script.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script src="https://kit.fontawesome.com/38afb15894.js" crossorigin="anonymous"></script>
</body>
</html>