-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
449 lines (427 loc) · 44.3 KB
/
index.html
File metadata and controls
449 lines (427 loc) · 44.3 KB
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
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="header-content">
<span> <p><SS/></p> </span>
<div class="div-header-content">
<ul>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Work</a>
</li>
<li>
<a href="#">
Testimonials
</a>
</li>
<li>
<a href="#">
Contact
</a>
</li>
</ul>
<div class="div-div-header-content">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 22C20.2091 22 22 20.2091 22 18C22 15.7909 20.2091 14 18 14C15.7909 14 14 15.7909 14 18C14 20.2091 15.7909 22 18 22Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18 8V10" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18 26V28" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.9299 10.93L12.3399 12.34" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M23.6599 23.66L25.0699 25.07" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8 18H10" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26 18H28" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.3399 23.66L10.9299 25.07" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M25.0699 10.93L23.6599 12.34" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<button>Download CV</button>
</div>
</div>
</div>
</header>
<section class="sect-1">
<div class="sect-1-content">
<div class="sect-1-content-1">
<div class="sect-1-content-1-1">
<h1>Hi, I’m Stas</h1>
<p>I'm an aspiring web developer with a strong focus on building responsive, accessible, and visually clean user interfaces. I'm currently learning modern front-end and back-end technologies step by step, paying close attention to how the web really works under the hood. Even though I'm early in my journey, I enjoy experimenting with layouts, understanding CSS behavior, and gradually moving toward more advanced tools like React and Node.js. What drives me most is the satisfaction of seeing ideas come to life in the browser — and the endless opportunities to grow and improve.</p>
</div>
<div class="sect-1-content-1-2">
<div class="sect-1-content-1-2-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 10C20 16 12 22 12 22C12 22 4 16 4 10C4 7.87827 4.84285 5.84344 6.34315 4.34315C7.84344 2.84285 9.87827 2 12 2C14.1217 2 16.1566 2.84285 17.6569 4.34315C19.1571 5.84344 20 7.87827 20 10Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p>Richmond, USA</p>
</div>
<div class="sect-1-content-1-2-2">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="8" y="8" width="8" height="8" rx="4" fill="#10B981"/>
</svg>
<p>Available for new projects</p>
</div>
</div>
<div class="sect-1-content-1-3">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 28V24C21.1392 22.7473 20.78 21.4901 20 20.5C23 20.5 26 18.5 26 15C26.08 13.75 25.73 12.52 25 11.5C25.28 10.35 25.28 9.15 25 8C25 8 24 8 22 9.5C19.36 9 16.64 9 14 9.5C12 8 11 8 11 8C10.7 9.15 10.7 10.35 11 11.5C10.2719 12.5159 9.91851 13.7528 10 15C10 18.5 13 20.5 16 20.5C15.61 20.99 15.32 21.55 15.15 22.15C14.98 22.75 14.93 23.38 15 24V28" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 24C10.49 26 10 22 8 22" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28 10C28 10 27.3 12.1 26 13.4C27.6 23.4 16.6 30.7 8 25C10.2 25.1 12.4 24.4 14 23C9 21.5 6.5 15.6 9 11C11.2 13.6 14.6 15.1 18 15C17.1 10.8 22 8.4 25 11.2C26.1 11.2 28 10 28 10Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 11.5C11 10.5717 11.3687 9.6815 12.0251 9.02513C12.6815 8.36875 13.5717 8 14.5 8H18V15H14.5C13.5717 15 12.6815 14.6313 12.0251 13.9749C11.3687 13.3185 11 12.4283 11 11.5Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18 8H21.5C21.9596 8 22.4148 8.09053 22.8394 8.26642C23.264 8.44231 23.6499 8.70012 23.9749 9.02513C24.2999 9.35013 24.5577 9.73597 24.7336 10.1606C24.9095 10.5852 25 11.0404 25 11.5C25 11.9596 24.9095 12.4148 24.7336 12.8394C24.5577 13.264 24.2999 13.6499 23.9749 13.9749C23.6499 14.2999 23.264 14.5577 22.8394 14.7336C22.4148 14.9095 21.9596 15 21.5 15H18V8Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18 18.5C18 18.0404 18.0905 17.5852 18.2664 17.1606C18.4423 16.736 18.7001 16.3501 19.0251 16.0251C19.3501 15.7001 19.736 15.4423 20.1606 15.2664C20.5852 15.0905 21.0404 15 21.5 15C21.9596 15 22.4148 15.0905 22.8394 15.2664C23.264 15.4423 23.6499 15.7001 23.9749 16.0251C24.2999 16.3501 24.5577 16.736 24.7336 17.1606C24.9095 17.5852 25 18.0404 25 18.5C25 18.9596 24.9095 19.4148 24.7336 19.8394C24.5577 20.264 24.2999 20.6499 23.9749 20.9749C23.6499 21.2999 23.264 21.5577 22.8394 21.7336C22.4148 21.9095 21.9596 22 21.5 22C21.0404 22 20.5852 21.9095 20.1606 21.7336C19.736 21.5577 19.3501 21.2999 19.0251 20.9749C18.7001 20.6499 18.4423 20.264 18.2664 19.8394C18.0905 19.4148 18 18.9596 18 18.5Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11 25.5C11 24.5717 11.3687 23.6815 12.0251 23.0251C12.6815 22.3687 13.5717 22 14.5 22H18V25.5C18 26.4283 17.6313 27.3185 16.9749 27.9749C16.3185 28.6313 15.4283 29 14.5 29C13.5717 29 12.6815 28.6313 12.0251 27.9749C11.3687 27.3185 11 26.4283 11 25.5Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11 18.5C11 17.5717 11.3687 16.6815 12.0251 16.0251C12.6815 15.3687 13.5717 15 14.5 15H18V22H14.5C13.5717 22 12.6815 21.6313 12.0251 20.9749C11.3687 20.3185 11 19.4283 11 18.5Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
<div class="sect-1-content-2">
<div class="sect-1-content-2-content">
<img class="sect-1-content-2-content-1" src="photo_2025-06-01_12-12-51.jpg" alt="">
<div id="sect-1-content-2-content-2-id" class="sect-1-content-2-content-2">
</div>
</div>
</div>
</div>
</section>
<section class="sect-2">
<div class="sect-2-main-content">
<div class="sect-2-head">
<div class="sect-2-head-content">
About me
</div>
</div>
<div class="sect-2-content">
<div class="sect-2-content-1">
<div class="sect-2-content-1-content">
<img id="sect-2-content-1-content-1-id" class="sect-2-content-1-content-1" src="photo_2025-05-24_14-57-02.jpg" alt="">
<div id="sect-2-content-1-content-2-id" class="sect-2-content-1-content-2">
</div>
</div>
</div>
<div class="sect-2-content-2">
<h3>Curious about me? Here you have it:</h3>
<div class="sect-2-content-2-content" >
<p>I'm a passionate and self-taught web development enthusiast, currently diving deep into the fundamentals of front-end and back-end development. I'm especially interested in how technical and visual aspects come together to create meaningful digital experiences. Clean layout, responsive design, and code that just feels right — that’s what keeps me motivated.</p>
<p>I began my journey not too long ago, and even though I’m still early in the process, I treat every project as an opportunity to learn and level up. At the moment, I’m focused on mastering HTML, CSS (with modern tools like Grid and clamp()), JavaScript, and gradually moving toward frameworks like React and backend tools like Node.js.</p>
<p>What excites me most is the creative freedom that web development brings — being able to bring an idea to life right in the browser. I also enjoy thinking through user experience, interaction, and structure — not just the code itself.</p>
<p>When I’m not experimenting with code or reading docs, you might find me exploring the journeys of solo devs and indie hackers, or just soaking in inspiration for what I’ll build next.</p>
<p>Finally, some quick bits about me.</p>
<div class="two-li">
<ul>
<li>Currently learning full stack web development</li>
<li>Curious about product building and design</li>
</ul>
<ul>
<li>Lover of clean UI and purposeful code</li>
<li>Taking it step by step, but aiming big</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sect-3">
<div class="sect-3-content">
<div class="sect-3-content-1">
<div>
Skills
</div>
<p>
The skills, tools and technologies I am really good at:
</p>
</div>
<div class="sect-3-content-2">
<div class="div-block-skills">
<div class="div-blocks">
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 64V0H64V64H0Z" fill="#FFD600"/>
<path d="M41.8454 47.9058C43.0756 49.904 44.4125 51.8187 47.2445 51.8187C49.6231 51.8187 50.8712 50.6365 50.8712 49.0009C50.8712 47.0436 49.5805 46.3485 46.9636 45.2089L45.5289 44.5973C41.3885 42.8409 38.6347 40.64 38.6347 35.9911C38.6347 31.7067 41.9147 28.4462 47.04 28.4462C50.6898 28.4462 53.312 29.7102 55.2036 33.0205L50.7343 35.8773C49.7511 34.1209 48.688 33.4293 47.04 33.4293C45.3583 33.4293 44.2934 34.4907 44.2934 35.8773C44.2934 37.5911 45.36 38.2845 47.8223 39.3458L49.2569 39.9573C54.1369 42.0356 56.8889 44.1582 56.8889 48.9298C56.8889 54.0711 52.8285 56.8889 47.3778 56.8889C42.0463 56.8889 39.0187 54.2133 37.3334 50.9013L41.8454 47.9058ZM21.248 48.0516C22.1476 49.6622 23.5147 50.9013 25.4809 50.9013C27.3618 50.9013 28.4445 50.1582 28.4445 47.2693V28.4445H34.3698V48.1796C34.3698 54.1653 30.8978 56.8889 25.8276 56.8889C21.2463 56.8889 17.9396 53.7849 16.592 50.9013L21.248 48.0516Z" fill="#000001"/>
</svg>
<p>Javascript</p>
</div>
<div class="div-blocks">
<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.8054 34.608C51.7548 34.6187 49.9788 35.1107 48.4908 35.8454C47.9468 34.7587 47.3948 33.8027 47.3028 33.092C47.1948 32.2627 47.0694 31.7667 47.2001 30.7787C47.3308 29.7907 47.9028 28.3907 47.8948 28.2854C47.8868 28.18 47.7668 27.6774 46.5841 27.668C45.4014 27.66 44.3894 27.896 44.2708 28.208C44.1521 28.52 43.9241 29.2227 43.7828 29.956C43.5761 31.028 41.4214 34.8534 40.1988 36.8534C39.7988 36.072 39.4588 35.384 39.3881 34.84C39.2801 34.0107 39.1548 33.5147 39.2854 32.5267C39.4161 31.5387 39.9881 30.1387 39.9801 30.0334C39.9721 29.928 39.8521 29.4254 38.6694 29.416C37.4868 29.408 36.4748 29.644 36.3561 29.956C36.2374 30.268 36.1094 30.9974 35.8681 31.704C35.6254 32.4094 32.7628 38.7894 32.0121 40.444C31.6294 41.2867 31.2974 41.964 31.0628 42.4254L31.0614 42.4227C31.0614 42.4227 31.0468 42.4534 31.0228 42.5054C30.8214 42.8987 30.7028 43.116 30.7028 43.116C30.7028 43.116 30.7041 43.1187 30.7068 43.124C30.5468 43.4134 30.3761 43.6814 30.2921 43.6814C30.2334 43.6814 30.1148 42.912 30.3174 41.856C30.7441 39.6427 31.7668 36.192 31.7574 36.072C31.7521 36.0107 31.9481 35.4094 31.0894 35.0947C30.2548 34.7894 29.9574 35.2987 29.8814 35.3C29.8081 35.3014 29.7534 35.48 29.7534 35.48C29.7534 35.48 30.6828 31.5987 27.9801 31.5987C26.2894 31.5987 23.9481 33.448 22.7948 35.124C22.0668 35.5214 20.5081 36.372 18.8561 37.28C18.2214 37.6294 17.5734 37.9854 16.9588 38.324C16.9174 38.2774 16.8748 38.232 16.8321 38.1854C13.5534 34.688 7.49476 32.2147 7.75076 27.512C7.84409 25.8027 8.43876 21.3014 19.3948 15.8427C28.3694 11.3707 35.5548 12.6014 36.7961 15.328C38.5694 19.2254 32.9561 26.4667 23.6361 27.512C20.0854 27.9107 18.2148 26.5334 17.7494 26.0214C17.2601 25.4814 17.1868 25.4574 17.0041 25.5587C16.7068 25.724 16.8948 26.2 17.0041 26.484C17.2828 27.208 18.4241 28.492 20.3708 29.132C22.0841 29.6947 26.2534 30.0027 31.2948 28.052C36.9428 25.868 41.3521 19.7907 40.0561 14.712C38.7388 9.5467 30.1734 7.84803 22.0668 10.728C17.2361 12.4427 12.0134 15.1334 8.25743 18.6454C3.79209 22.8214 3.08009 26.4574 3.37343 27.976C4.41609 33.3734 11.8548 36.888 14.8334 39.492C14.6868 39.5734 14.5481 39.6494 14.4228 39.7187C12.9294 40.4574 7.25876 43.4254 5.84009 46.56C4.23076 50.116 6.09609 52.668 7.33076 53.012C11.1561 54.076 15.0814 52.1614 17.1921 49.0147C19.3014 45.8694 19.0441 41.772 18.0761 39.9027C18.0641 39.88 18.0508 39.8574 18.0388 39.8334C18.4241 39.6054 18.8174 39.3734 19.2068 39.144C19.9668 38.6974 20.7134 38.2814 21.3601 37.9294C20.9974 38.9214 20.7321 40.112 20.5948 41.8307C20.4321 43.8494 21.2601 46.4587 22.3428 47.4854C22.8201 47.9374 23.3934 47.948 23.7561 47.948C25.0161 47.948 25.5908 46.9 26.2241 45.66C27.0001 44.14 27.6894 42.3694 27.6894 42.3694C27.6894 42.3694 26.8254 47.1507 29.1801 47.1507C30.0388 47.1507 30.9014 46.0374 31.2868 45.4707C31.2881 45.4774 31.2881 45.48 31.2881 45.48C31.2881 45.48 31.3108 45.4427 31.3548 45.3694C31.4441 45.2334 31.4948 45.1467 31.4948 45.1467C31.4948 45.1467 31.4961 45.1374 31.4988 45.1214C31.8441 44.5227 32.6094 43.1574 33.7561 40.9054C35.2388 37.996 36.6601 34.3507 36.6601 34.3507C36.6601 34.3507 36.7921 35.2414 37.2254 36.716C37.4801 37.5827 38.0214 38.5414 38.4494 39.4614C38.1054 39.9387 37.8948 40.212 37.8948 40.212C37.8948 40.212 37.8961 40.2174 37.9001 40.2267C37.6254 40.592 37.3174 40.9854 36.9948 41.3694C35.8241 42.7627 34.4308 44.3547 34.2441 44.8134C34.0241 45.3547 34.0761 45.752 34.5014 46.0734C34.8121 46.3067 35.3641 46.344 35.9414 46.3054C36.9934 46.2347 37.7321 45.9734 38.0974 45.8147C38.6668 45.6134 39.3294 45.2974 39.9508 44.84C41.0988 43.996 41.7908 42.7894 41.7241 41.1894C41.6868 40.308 41.4068 39.4347 41.0508 38.6107C41.1548 38.4614 41.2588 38.3094 41.3641 38.1574C43.1734 35.512 44.5774 32.6054 44.5774 32.6054C44.5774 32.6054 44.7094 33.496 45.1428 34.9707C45.3614 35.716 45.7948 36.5307 46.1841 37.328C44.4828 38.7107 43.4281 40.3174 43.0614 41.3707C42.3841 43.32 42.9148 44.2027 43.9094 44.404C44.3601 44.4947 44.9974 44.288 45.4761 44.0854C46.0721 43.888 46.7881 43.5587 47.4574 43.0667C48.6054 42.2227 49.7094 41.0414 49.6428 39.4427C49.6121 38.7147 49.4148 37.992 49.1468 37.2987C50.5894 36.6974 52.4561 36.364 54.8348 36.6414C59.9374 37.2374 60.9374 40.4227 60.7468 41.756C60.5548 43.0894 59.4854 43.8227 59.1268 44.044C58.7694 44.2654 58.6601 44.3427 58.6894 44.5067C58.7334 44.7454 58.8988 44.7374 59.2041 44.6854C59.6241 44.6147 61.8828 43.6014 61.9801 41.14C62.1014 38.012 59.1081 34.58 53.8054 34.608ZM14.4761 47.8667C12.7854 49.7107 10.4254 50.4067 9.41209 49.82C8.31876 49.1867 8.75209 46.472 10.8254 44.5147C12.0894 43.3227 13.7214 42.224 14.8041 41.548C15.0508 41.4 15.4121 41.1827 15.8521 40.9187C15.9254 40.8774 15.9668 40.8547 15.9668 40.8547L15.9654 40.852C16.0508 40.8014 16.1374 40.7494 16.2268 40.6947C16.9828 43.48 16.2508 45.932 14.4761 47.8667ZM26.7894 39.4974C26.2014 40.932 24.9694 44.604 24.2188 44.4067C23.5748 44.2374 23.1828 41.4467 24.0908 38.7C24.5468 37.3174 25.5228 35.6654 26.0961 35.024C27.0188 33.992 28.0348 33.6547 28.2814 34.0734C28.5948 34.6067 27.1588 38.5974 26.7894 39.4974ZM36.9614 44.3507C36.7121 44.4814 36.4828 44.5627 36.3774 44.5C36.2988 44.4534 36.4801 44.2814 36.4801 44.2814C36.4801 44.2814 37.7521 42.912 38.2534 42.2894C38.5454 41.9267 38.8828 41.496 39.2508 41.016C39.2534 41.064 39.2548 41.112 39.2548 41.1587C39.2521 42.7987 37.6681 43.9054 36.9614 44.3507ZM44.7974 42.564C44.6108 42.432 44.6428 42.004 45.2548 40.6694C45.4948 40.1454 46.0441 39.264 46.9961 38.4214C47.1068 38.768 47.1734 39.1 47.1721 39.4094C47.1601 41.4734 45.6881 42.244 44.7974 42.564Z" fill="#F06292"/>
</svg>
<p>Sass/Scss</p>
</div>
<div class="div-blocks">
<svg width="44" height="64" viewBox="0 0 44 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_316_332)">
<path d="M22.0259 32C22.0259 29.1711 23.1497 26.458 25.1501 24.4576C27.1505 22.4572 29.8636 21.3334 32.6925 21.3334C35.5215 21.3334 38.2346 22.4572 40.235 24.4576C42.2354 26.458 43.3592 29.1711 43.3592 32C43.3592 34.829 42.2354 37.5421 40.235 39.5425C38.2346 41.5429 35.5215 42.6667 32.6925 42.6667C29.8636 42.6667 27.1505 41.5429 25.1501 39.5425C23.1497 37.5421 22.0259 34.829 22.0259 32Z" fill="#1ABCFE"/>
<path d="M0.692627 53.3333C0.692627 50.5043 1.81643 47.7912 3.81682 45.7908C5.81721 43.7904 8.53032 42.6666 11.3593 42.6666H22.026V53.3333C22.026 56.1623 20.9022 58.8754 18.9018 60.8758C16.9014 62.8762 14.1883 64 11.3593 64C8.53032 64 5.81721 62.8762 3.81682 60.8758C1.81643 58.8754 0.692627 56.1623 0.692627 53.3333Z" fill="#0ACF83"/>
<path d="M22.0259 0V21.3333H32.6925C35.5215 21.3333 38.2346 20.2095 40.235 18.2091C42.2354 16.2087 43.3592 13.4956 43.3592 10.6667C43.3592 7.83769 42.2354 5.12458 40.235 3.12419C38.2346 1.12381 35.5215 0 32.6925 0L22.0259 0Z" fill="#FF7262"/>
<path d="M0.692627 10.6667C0.692627 13.4956 1.81643 16.2087 3.81682 18.2091C5.81721 20.2095 8.53032 21.3333 11.3593 21.3333H22.026V0H11.3593C8.53032 0 5.81721 1.12381 3.81682 3.12419C1.81643 5.12458 0.692627 7.83769 0.692627 10.6667Z" fill="#F24E1E"/>
<path d="M0.692627 32C0.692627 34.829 1.81643 37.5421 3.81682 39.5425C5.81721 41.5429 8.53032 42.6667 11.3593 42.6667H22.026V21.3334H11.3593C8.53032 21.3334 5.81721 22.4572 3.81682 24.4576C1.81643 26.458 0.692627 29.1711 0.692627 32Z" fill="#A259FF"/>
</g>
<defs>
<clipPath id="clip0_316_332">
<rect width="42.6667" height="64" fill="white" transform="translate(0.692627)"/>
</clipPath>
</defs>
</svg>
<p>Figma</p>
</div>
<div class="div-blocks">
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56.2668 29.4666L34.5334 7.73329C33.8667 7.06663 32.9334 6.66663 32.0001 6.66663C31.0667 6.66663 30.1334 7.06663 29.4667 7.73329L24.8001 12.4L30.2668 17.8666C30.8001 17.6 31.3334 17.4666 32.0001 17.4666C34.2667 17.4666 36.0001 19.2 36.0001 21.4666C36.0001 22.1333 35.8668 22.6666 35.6001 23.2L40.9334 28.5333C41.4668 28.2666 42.0001 28.1333 42.6667 28.1333C44.9334 28.1333 46.6667 29.8666 46.6667 32.1333C46.6667 34.4 44.9334 36.1333 42.6667 36.1333C40.4001 36.1333 38.6667 34.4 38.6667 32.1333C38.6667 31.4666 38.8001 30.9333 39.0667 30.4L33.7334 25.0666C33.6001 25.0666 33.4667 25.2 33.3334 25.2V39.0666C34.9334 39.6 36.0001 41.0666 36.0001 42.8C36.0001 45.0666 34.2667 46.8 32.0001 46.8C29.7334 46.8 28.0001 45.0666 28.0001 42.8C28.0001 41.0666 29.0667 39.6 30.6667 39.0666V25.0666C29.0667 24.5333 28.0001 23.0666 28.0001 21.3333C28.0001 20.6666 28.1334 20.1333 28.4001 19.6L22.9334 14.1333L7.73342 29.4666C7.06675 30.1333 6.66675 31.0666 6.66675 32C6.66675 32.9333 7.06675 33.8666 7.73342 34.5333L29.4667 56.2666C30.1334 56.9333 31.0667 57.3333 32.0001 57.3333C32.9334 57.3333 33.8667 56.9333 34.5334 56.2666L56.2668 34.5333C56.9334 33.8666 57.3334 32.9333 57.3334 32C57.3334 31.0666 56.9334 30.1333 56.2668 29.4666Z" fill="#F4511E"/>
</svg>
<p>Git</p>
</div>
</div>
</div>
</div>
</section>
<section class="sect-4">
<div class="sect-4-content">
<div class="sect-3-content-1">
<div>
Work
</div>
<p>
Some of the noteworthy projects I have built:
</p>
</div>
<div class="sect-4-content-1">
<div class="work-photo">
<img src="Picture.png" alt="">
</div>
<div class="sect-4-content-work-1">
<p class="main-p">Fiskil</p>
<p class="main-p-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec urna ac tellus volutpat viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</p>
<div class="tags-container">
<span class="tag">React</span>
<span class="tag">Next.js</span>
<span class="tag">Typescript</span>
<span class="tag">Nest.js</span>
<span class="tag">PostgreSQL</span>
<span class="tag">Tailwindcss</span>
<span class="tag">Figma</span>
<span class="tag">Cypress</span>
<span class="tag">Storybook</span>
<span class="tag">Git</span>
</div>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 19V25C24 25.5304 23.7893 26.0391 23.4142 26.4142C23.0391 26.7893 22.5304 27 22 27H11C10.4696 27 9.96086 26.7893 9.58579 26.4142C9.21071 26.0391 9 25.5304 9 25V14C9 13.4696 9.21071 12.9609 9.58579 12.5858C9.96086 12.2107 10.4696 12 11 12H17" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21 9H27V15" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 20L27 9" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
<div class="sect-4-content-1">
<div id="sect-4-content-work-1-id" class="sect-4-content-work-1">
<p class="main-p">Fiskil</p>
<p class="main-p-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec urna ac tellus volutpat viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</p>
<div class="tags-container">
<span class="tag">React</span>
<span class="tag">Next.js</span>
<span class="tag">Typescript</span>
<span class="tag">Nest.js</span>
<span class="tag">PostgreSQL</span>
<span class="tag">Tailwindcss</span>
<span class="tag">Figma</span>
<span class="tag">Cypress</span>
<span class="tag">Storybook</span>
<span class="tag">Git</span>
</div>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 19V25C24 25.5304 23.7893 26.0391 23.4142 26.4142C23.0391 26.7893 22.5304 27 22 27H11C10.4696 27 9.96086 26.7893 9.58579 26.4142C9.21071 26.0391 9 25.5304 9 25V14C9 13.4696 9.21071 12.9609 9.58579 12.5858C9.96086 12.2107 10.4696 12 11 12H17" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21 9H27V15" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 20L27 9" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div id="work-photo-id" class="work-photo">
<img src="Picture.png" alt="">
</div>
</div>
<div class="sect-4-content-1">
<div class="work-photo">
<img src="Picture.png" alt="">
</div>
<div class="sect-4-content-work-1">
<p class="main-p">Fiskil</p>
<p class="main-p-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec urna ac tellus volutpat viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</p>
<div class="tags-container">
<span class="tag">React</span>
<span class="tag">Next.js</span>
<span class="tag">Typescript</span>
<span class="tag">Nest.js</span>
<span class="tag">PostgreSQL</span>
<span class="tag">Tailwindcss</span>
<span class="tag">Figma</span>
<span class="tag">Cypress</span>
<span class="tag">Storybook</span>
<span class="tag">Git</span>
</div>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 19V25C24 25.5304 23.7893 26.0391 23.4142 26.4142C23.0391 26.7893 22.5304 27 22 27H11C10.4696 27 9.96086 26.7893 9.58579 26.4142C9.21071 26.0391 9 25.5304 9 25V14C9 13.4696 9.21071 12.9609 9.58579 12.5858C9.96086 12.2107 10.4696 12 11 12H17" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21 9H27V15" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 20L27 9" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
</div>
</section>
<section class="sect-5">
<div class="sect-5-content">
<div class="sect-3-content-1">
<div>
Testimonials
</div>
<p>
Nice things people have said about me:
</p>
</div>
<div class="sect-5-blocks">
<div class="sect-5-blocks-content">
<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.666504" width="64" height="64" rx="32" fill="#9CA3AF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.1665 22C25.1665 20.0109 25.9567 18.1032 27.3632 16.6967C28.7697 15.2902 30.6774 14.5 32.6665 14.5C34.6556 14.5 36.5633 15.2902 37.9698 16.6967C39.3763 18.1032 40.1665 20.0109 40.1665 22C40.1665 23.9891 39.3763 25.8968 37.9698 27.3033C36.5633 28.7098 34.6556 29.5 32.6665 29.5C30.6774 29.5 28.7697 28.7098 27.3632 27.3033C25.9567 25.8968 25.1665 23.9891 25.1665 22ZM18.9182 45.5083C18.9744 41.8991 20.4476 38.4568 23.0198 35.9243C25.592 33.3918 29.0569 31.9724 32.6665 31.9724C36.2761 31.9724 39.741 33.3918 42.3132 35.9243C44.8854 38.4568 46.3586 41.8991 46.4148 45.5083C46.4192 45.7513 46.3526 45.9903 46.2232 46.196C46.0939 46.4017 45.9074 46.5653 45.6865 46.6667C41.6018 48.5395 37.1601 49.5061 32.6665 49.5C28.0232 49.5 23.6115 48.4867 19.6465 46.6667C19.4256 46.5653 19.2391 46.4017 19.1098 46.196C18.9804 45.9903 18.9138 45.7513 18.9182 45.5083Z" fill="black"/>
</svg>
<p class="sect-5-blocks-content-p-main-p">“Job well done! I am really impressed. He is very very good at what he does:) I would recommend Sagar and will rehire in the future for Frontend development.”</p>
<div class="sect-5-blocks-content-p">
<p class="sect-5-blocks-content-1">John Doe</p>
<p class="sect-5-blocks-content-2">Founder - xyz.com</p>
</div>
</div>
<div class="sect-5-blocks-content">
<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.666504" width="64" height="64" rx="32" fill="#9CA3AF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.1665 22C25.1665 20.0109 25.9567 18.1032 27.3632 16.6967C28.7697 15.2902 30.6774 14.5 32.6665 14.5C34.6556 14.5 36.5633 15.2902 37.9698 16.6967C39.3763 18.1032 40.1665 20.0109 40.1665 22C40.1665 23.9891 39.3763 25.8968 37.9698 27.3033C36.5633 28.7098 34.6556 29.5 32.6665 29.5C30.6774 29.5 28.7697 28.7098 27.3632 27.3033C25.9567 25.8968 25.1665 23.9891 25.1665 22ZM18.9182 45.5083C18.9744 41.8991 20.4476 38.4568 23.0198 35.9243C25.592 33.3918 29.0569 31.9724 32.6665 31.9724C36.2761 31.9724 39.741 33.3918 42.3132 35.9243C44.8854 38.4568 46.3586 41.8991 46.4148 45.5083C46.4192 45.7513 46.3526 45.9903 46.2232 46.196C46.0939 46.4017 45.9074 46.5653 45.6865 46.6667C41.6018 48.5395 37.1601 49.5061 32.6665 49.5C28.0232 49.5 23.6115 48.4867 19.6465 46.6667C19.4256 46.5653 19.2391 46.4017 19.1098 46.196C18.9804 45.9903 18.9138 45.7513 18.9182 45.5083Z" fill="black"/>
</svg>
<p class="sect-5-blocks-content-p-main-p">“Job well done! I am really impressed. He is very very good at what he does:) I would recommend Sagar and will rehire in the future for Frontend development.”</p>
<div class="sect-5-blocks-content-p">
<p class="sect-5-blocks-content-1">John Doe</p>
<p class="sect-5-blocks-content-2">Founder - xyz.com</p>
</div>
</div>
<div class="sect-5-blocks-content">
<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.666504" width="64" height="64" rx="32" fill="#9CA3AF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.1665 22C25.1665 20.0109 25.9567 18.1032 27.3632 16.6967C28.7697 15.2902 30.6774 14.5 32.6665 14.5C34.6556 14.5 36.5633 15.2902 37.9698 16.6967C39.3763 18.1032 40.1665 20.0109 40.1665 22C40.1665 23.9891 39.3763 25.8968 37.9698 27.3033C36.5633 28.7098 34.6556 29.5 32.6665 29.5C30.6774 29.5 28.7697 28.7098 27.3632 27.3033C25.9567 25.8968 25.1665 23.9891 25.1665 22ZM18.9182 45.5083C18.9744 41.8991 20.4476 38.4568 23.0198 35.9243C25.592 33.3918 29.0569 31.9724 32.6665 31.9724C36.2761 31.9724 39.741 33.3918 42.3132 35.9243C44.8854 38.4568 46.3586 41.8991 46.4148 45.5083C46.4192 45.7513 46.3526 45.9903 46.2232 46.196C46.0939 46.4017 45.9074 46.5653 45.6865 46.6667C41.6018 48.5395 37.1601 49.5061 32.6665 49.5C28.0232 49.5 23.6115 48.4867 19.6465 46.6667C19.4256 46.5653 19.2391 46.4017 19.1098 46.196C18.9804 45.9903 18.9138 45.7513 18.9182 45.5083Z" fill="black"/>
</svg>
<p class="sect-5-blocks-content-p-main-p">“Job well done! I am really impressed. He is very very good at what he does:) I would recommend Sagar and will rehire in the future for Frontend development.”</p>
<div class="sect-5-blocks-content-p">
<p class="sect-5-blocks-content-1">John Doe</p>
<p class="sect-5-blocks-content-2">Founder - xyz.com</p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-content">
<div class="sect-3-content-1">
<div>
Get in touch
</div>
<p>
What’s next? Feel free to reach out to me if you're looking for a developer, have a query, or simply want to connect.
</p>
</div>
<div class="number-info">
<div class="number-info-1">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.6667 5.3335H5.33341C3.86066 5.3335 2.66675 6.5274 2.66675 8.00016V24.0002C2.66675 25.4729 3.86066 26.6668 5.33341 26.6668H26.6667C28.1395 26.6668 29.3334 25.4729 29.3334 24.0002V8.00016C29.3334 6.5274 28.1395 5.3335 26.6667 5.3335Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M29.3334 9.3335L17.3734 16.9335C16.9618 17.1914 16.4858 17.3282 16.0001 17.3282C15.5143 17.3282 15.0384 17.1914 14.6267 16.9335L2.66675 9.3335" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="number-info-p">fizer.stanislav@student.uzhnu.edu.ua</p>
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.6667 10.6665H13.3334C11.8607 10.6665 10.6667 11.8604 10.6667 13.3332V26.6665C10.6667 28.1393 11.8607 29.3332 13.3334 29.3332H26.6667C28.1395 29.3332 29.3334 28.1393 29.3334 26.6665V13.3332C29.3334 11.8604 28.1395 10.6665 26.6667 10.6665Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.33341 21.3332C3.86675 21.3332 2.66675 20.1332 2.66675 18.6665V5.33317C2.66675 3.8665 3.86675 2.6665 5.33341 2.6665H18.6667C20.1334 2.6665 21.3334 3.8665 21.3334 5.33317" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="number-info-2">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.3334 22.56V26.56C29.3349 26.9313 29.2589 27.2989 29.1101 27.6391C28.9613 27.9793 28.7431 28.2848 28.4695 28.5358C28.1959 28.7868 27.8728 28.9779 27.5211 29.0969C27.1693 29.2159 26.7966 29.2601 26.4267 29.2266C22.3239 28.7808 18.3827 27.3788 14.9201 25.1333C11.6985 23.0862 8.96719 20.3549 6.92007 17.1333C4.66671 13.6549 3.2644 9.69463 2.82674 5.5733C2.79342 5.20459 2.83724 4.83298 2.95541 4.48213C3.07357 4.13128 3.2635 3.80889 3.51309 3.53546C3.76269 3.26204 4.06648 3.04358 4.40513 2.894C4.74378 2.74441 5.10986 2.66698 5.48007 2.66663H9.48007C10.1271 2.66026 10.7545 2.8894 11.2451 3.31134C11.7357 3.73328 12.0562 4.31923 12.1467 4.95997C12.3156 6.24006 12.6287 7.49694 13.0801 8.70663C13.2595 9.18387 13.2983 9.70252 13.1919 10.2011C13.0856 10.6998 12.8386 11.1574 12.4801 11.52L10.7867 13.2133C12.6848 16.5514 15.4487 19.3152 18.7867 21.2133L20.4801 19.52C20.8426 19.1615 21.3003 18.9144 21.7989 18.8081C22.2975 18.7018 22.8162 18.7406 23.2934 18.92C24.5031 19.3714 25.76 19.6845 27.0401 19.8533C27.6878 19.9447 28.2793 20.2709 28.7021 20.77C29.125 21.269 29.3496 21.9061 29.3334 22.56Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p class="number-info-p">+380 95 85 13 169</p>
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.6667 10.6665H13.3334C11.8607 10.6665 10.6667 11.8604 10.6667 13.3332V26.6665C10.6667 28.1393 11.8607 29.3332 13.3334 29.3332H26.6667C28.1395 29.3332 29.3334 28.1393 29.3334 26.6665V13.3332C29.3334 11.8604 28.1395 10.6665 26.6667 10.6665Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.33341 21.3332C3.86675 21.3332 2.66675 20.1332 2.66675 18.6665V5.33317C2.66675 3.8665 3.86675 2.6665 5.33341 2.6665H18.6667C20.1334 2.6665 21.3334 3.8665 21.3334 5.33317" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
<div class="platforms">
<p>You may also find me on these platforms!</p>
<div class="svg-content">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 28V24C21.1392 22.7473 20.78 21.4901 20 20.5C23 20.5 26 18.5 26 15C26.08 13.75 25.73 12.52 25 11.5C25.28 10.35 25.28 9.15 25 8C25 8 24 8 22 9.5C19.36 9 16.64 9 14 9.5C12 8 11 8 11 8C10.7 9.15 10.7 10.35 11 11.5C10.2719 12.5159 9.91851 13.7528 10 15C10 18.5 13 20.5 16 20.5C15.61 20.99 15.32 21.55 15.15 22.15C14.98 22.75 14.93 23.38 15 24V28" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 24C10.49 26 10 22 8 22" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 4.00002C22 4.00002 21.3 6.10002 20 7.40002C21.6 17.4 10.6 24.7 2 19C4.2 19.1 6.4 18.4 8 17C3 15.5 0.5 9.60002 3 5.00002C5.2 7.60002 8.6 9.10002 12 9.00002C11.1 4.80002 16 2.40002 19 5.20002C20.1 5.20002 22 4.00002 22 4.00002Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 5.5C5 4.57174 5.36875 3.6815 6.02513 3.02513C6.6815 2.36875 7.57174 2 8.5 2H12V9H8.5C7.57174 9 6.6815 8.63125 6.02513 7.97487C5.36875 7.3185 5 6.42826 5 5.5Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 2H15.5C15.9596 2 16.4148 2.09053 16.8394 2.26642C17.264 2.44231 17.6499 2.70012 17.9749 3.02513C18.2999 3.35013 18.5577 3.73597 18.7336 4.16061C18.9095 4.58525 19 5.04037 19 5.5C19 5.95963 18.9095 6.41475 18.7336 6.83939C18.5577 7.26403 18.2999 7.64987 17.9749 7.97487C17.6499 8.29988 17.264 8.55769 16.8394 8.73358C16.4148 8.90947 15.9596 9 15.5 9H12V2Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12.5C12 12.0404 12.0905 11.5852 12.2664 11.1606C12.4423 10.736 12.7001 10.3501 13.0251 10.0251C13.3501 9.70012 13.736 9.44231 14.1606 9.26642C14.5852 9.09053 15.0404 9 15.5 9C15.9596 9 16.4148 9.09053 16.8394 9.26642C17.264 9.44231 17.6499 9.70012 17.9749 10.0251C18.2999 10.3501 18.5577 10.736 18.7336 11.1606C18.9095 11.5852 19 12.0404 19 12.5C19 12.9596 18.9095 13.4148 18.7336 13.8394C18.5577 14.264 18.2999 14.6499 17.9749 14.9749C17.6499 15.2999 17.264 15.5577 16.8394 15.7336C16.4148 15.9095 15.9596 16 15.5 16C15.0404 16 14.5852 15.9095 14.1606 15.7336C13.736 15.5577 13.3501 15.2999 13.0251 14.9749C12.7001 14.6499 12.4423 14.264 12.2664 13.8394C12.0905 13.4148 12 12.9596 12 12.5Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5 19.5C5 18.5717 5.36875 17.6815 6.02513 17.0251C6.6815 16.3687 7.57174 16 8.5 16H12V19.5C12 20.4283 11.6313 21.3185 10.9749 21.9749C10.3185 22.6313 9.42826 23 8.5 23C7.57174 23 6.6815 22.6313 6.02513 21.9749C5.36875 21.3185 5 20.4283 5 19.5Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5 12.5C5 11.5717 5.36875 10.6815 6.02513 10.0251C6.6815 9.36875 7.57174 9 8.5 9H12V16H8.5C7.57174 16 6.6815 15.6313 6.02513 14.9749C5.36875 14.3185 5 13.4283 5 12.5Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
</div>
</footer>
<section class="sect-6">
<div class="sect-6-content">
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_327_412)">
<path d="M8.49992 14.6668C12.1818 14.6668 15.1666 11.6821 15.1666 8.00016C15.1666 4.31826 12.1818 1.3335 8.49992 1.3335C4.81802 1.3335 1.83325 4.31826 1.83325 8.00016C1.83325 11.6821 4.81802 14.6668 8.49992 14.6668Z" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.5 6.23616C10.1417 5.82996 9.66823 5.5425 9.14254 5.41203C8.61685 5.28155 8.0639 5.31424 7.55725 5.50576C7.0506 5.69728 6.61429 6.03854 6.30636 6.48414C5.99843 6.92973 5.8335 7.45853 5.8335 8.00016C5.8335 8.5418 5.99843 9.0706 6.30636 9.51619C6.61429 9.96178 7.0506 10.303 7.55725 10.4946C8.0639 10.6861 8.61685 10.7188 9.14254 10.5883C9.66823 10.4578 10.1417 10.1704 10.5 9.76416" stroke="#4B5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_327_412">
<rect width="16" height="16" fill="white" transform="translate(0.5)"/>
</clipPath>
</defs>
</svg>
<p>2023 | Designed and coded with ❤️️ by Sagar Shah</p>
</div>
</section>
<style>
@media (max-width: 1024px) {
.number-info-p {
font-size: 22px;
}
header,.sect-3, .sect-2, .sect-4{
padding: 16px;
}
.sect-2-content-2{
width: 100%;
min-width: 0px;
height: 100%;
}
}
@media (max-width: 768px) {
.sect-2-main-content{
padding: 4px;
}
.number-info-p {
font-size: 16px;
}
footer,.sect-3-content,.sect-1-content{
padding: 0px;
}
.div-block-skills{
gap: 0px;
}
.sect-3-content-2{
gap: 8px;
}
}
</style>
</body>
</html>