-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
730 lines (710 loc) · 33.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
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="icon" href="./images/sprites/png/Logo.png" />
<link rel="apple-touch-icon" href="./images/sprites/png/Logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Nine line</title>
<link rel="stylesheet" href="./build/css/style.css" />
</head>
<body>
<div class="preloader">
<img
src="./images/sprites/png/rocket.png"
alt="Rocket"
class="preloader__image"
/>
</div>
<main>
<header class="header" id="header">
<div class="header__wrapper container">
<button class="header__menu">
<span class="header__line"></span>
<span class="header__line"></span>
<span class="header__line"></span>
</button>
<nav class="header__menu-des menu-des">
<ul class="menu-des__list">
<li class="menu-des__item menu-des-1 fade">
<a class="menu-des__link">Резюме</a>
<div class="header__bgr">
<svg
viewBox="0 0 104 156"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5.34343 155.721C68.0109 140.614 98.8905 72.8895 103.975 1.71247L84.0255 0.287499C79.1094 69.1105 49.9885 124.386 0.656269 136.278L5.34343 155.721Z"
fill="url(#paint0_linear_12623_204)"
/>
<defs>
<linearGradient
id="paint0_linear_12623_204"
x1="175.577"
y1="-393.879"
x2="-862.693"
y2="645.723"
gradientUnits="userSpaceOnUse"
>
<stop
offset="0.254138"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop offset="0.301521" stop-color="#FCDED1" />
<stop
offset="0.341368"
stop-color="#FCDED1"
stop-opacity="0"
/>
</linearGradient>
</defs>
</svg>
</div>
</li>
<li class="menu-des__item menu-des-2 fade">
<a class="menu-des__link">О себе</a>
<div class="header__bgr">
<svg
viewBox="0 0 104 156"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5.34343 155.721C68.0109 140.614 98.8905 72.8895 103.975 1.71247L84.0255 0.287499C79.1094 69.1105 49.9885 124.386 0.656269 136.278L5.34343 155.721Z"
fill="url(#paint0_linear_12623_204)"
/>
<defs>
<linearGradient
id="paint0_linear_12623_204"
x1="175.577"
y1="-393.879"
x2="-862.693"
y2="645.723"
gradientUnits="userSpaceOnUse"
>
<stop
offset="0.254138"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop offset="0.301521" stop-color="#FCDED1" />
<stop
offset="0.341368"
stop-color="#FCDED1"
stop-opacity="0"
/>
</linearGradient>
</defs>
</svg>
</div>
</li>
<li class="menu-des__item menu-des-3 fade">
<a class="menu-des__link">Навыки</a>
<div class="header__bgr">
<svg
viewBox="0 0 104 156"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5.34343 155.721C68.0109 140.614 98.8905 72.8895 103.975 1.71247L84.0255 0.287499C79.1094 69.1105 49.9885 124.386 0.656269 136.278L5.34343 155.721Z"
fill="url(#paint0_linear_12623_204)"
/>
<defs>
<linearGradient
id="paint0_linear_12623_204"
x1="175.577"
y1="-393.879"
x2="-862.693"
y2="645.723"
gradientUnits="userSpaceOnUse"
>
<stop
offset="0.254138"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop offset="0.301521" stop-color="#FCDED1" />
<stop
offset="0.341368"
stop-color="#FCDED1"
stop-opacity="0"
/>
</linearGradient>
</defs>
</svg>
</div>
</li>
</ul>
</nav>
</div>
<nav class="header__popup popup">
<ul class="popup__list">
<li class="popup__item">
<a class="popup__link menu-1">Резюме</a>
</li>
<li class="popup__item">
<a class="popup__link menu-2">О себе</a>
</li>
<li class="popup__item">
<a class="popup__link menu-3">Навыки</a>
</li>
</ul>
<div class="popup__bgr">
<img
class="popup__image"
src="./images/sprites/png/popup.png"
alt="Clock image"
/>
</div>
<div class="popup__vector">
<svg
width="48"
height="70"
viewBox="0 0 48 70"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3.08996 69.8666C31.1432 63.1038 44.8255 32.8441 47.0747 1.35627L37.1001 0.643788C34.935 30.9547 22.132 54.9896 0.746378 60.1451L3.08996 69.8666Z"
fill="url(#paint0_linear_12654_8)"
/>
<defs>
<linearGradient
id="paint0_linear_12654_8"
x1="78.0971"
y1="-173.307"
x2="-380.216"
y2="285.593"
gradientUnits="userSpaceOnUse"
>
<stop
offset="0.254138"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop offset="0.301521" stop-color="#FCDED1" />
<stop
offset="0.341368"
stop-color="#FCDED1"
stop-opacity="0"
/>
</linearGradient>
</defs>
</svg>
</div>
</nav>
</header>
<section class="about" id="about">
<div class="about__wrapper container">
<div class="about__me">
<img
src="./images/sprites/png/Logo.png"
alt="Me"
class="about__image fade"
/>
<h1 class="about__title fade">
Уваров Александр,<br />
Front-end разработчик
</h1>
<p class="about__subtitle fade">
Как разработчик, я высоко ценю способность воплотить видение
дизайнера в жизнь, что считаю очень полезным для бизнеса. Я
получаю огромное удовлетворение, наблюдая за работой от идеи до
дизайна, особенно когда она появляется в руках пользователя. Я
считаю, что ориентированные на пользователя решения являются
наиболее ценными цифровыми ресурсами будущего.
</p>
</div>
<nav class="about__contacts">
<a href="mailto:[email protected]" class="about__contact fade"
><a href="tel:+79620003743" class="about__contact fade"
>+7 (962) 000-37-43</a
><a
href="https://yandex.ru/maps/?ll=30.310182,59.951059&z=12&l=map"
target="_blank"
class="about__contact fade"
>г. Санкт-Петербург</a
>
<nav class="about__social">
<button href="#" class="about__link fade">
<img
src="./images/sprites/svg/fb.svg"
alt=""
class="about__link-image"
/></button
><button href="#" class="about__link fade">
<img
src="./images/sprites/svg/vk.svg"
alt=""
class="about__link-image"
/></button
><button href="#" class="about__link fade">
<img
src="./images/sprites/svg/tg.svg"
alt=""
class="about__link-image"
/>
</button>
</nav>
</nav>
<div class="about__vektor">
<svg
viewBox="0 0 370 123"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M152.084 98.3893L149.53 108.058L152.084 98.3893ZM297.546 98.3893L292.207 89.9335V89.9335L297.546 98.3893ZM9.90326 84.4495C11.1113 83.7698 13.5601 82.9671 17.7692 82.5417C21.8448 82.1299 26.8955 82.1342 32.7929 82.5443C44.5886 83.3645 58.8215 85.7346 73.623 88.8385C103.253 95.0521 133.692 103.874 149.53 108.058L154.638 88.7209C139.437 84.7056 108.031 75.619 77.7278 69.2643C62.5624 66.0841 47.3062 63.5052 34.1802 62.5925C27.6168 62.1361 21.3485 62.0781 15.7582 62.6431C10.3014 63.1946 4.7373 64.4079 0.0967407 67.0187L9.90326 84.4495ZM149.53 108.058C165.11 112.173 191.778 118.957 219.991 121.301C247.845 123.614 279.202 121.797 302.884 106.845L292.207 89.9335C274.196 101.305 248.341 103.587 221.647 101.369C195.312 99.1819 170.095 92.8042 154.638 88.7209L149.53 108.058ZM302.884 106.845C326.083 92.1981 342.707 66.3671 353.327 45.4147C358.728 34.7599 362.767 24.979 365.459 17.8569C366.807 14.2901 367.823 11.3751 368.508 9.33226C368.85 8.31048 369.11 7.50576 369.288 6.94558C369.377 6.66545 369.445 6.44636 369.493 6.29173C369.517 6.21442 369.536 6.15321 369.55 6.10853C369.556 6.08619 369.562 6.06798 369.566 6.05396C369.568 6.04694 369.57 6.04098 369.572 6.03607C369.572 6.03362 369.573 6.03072 369.574 6.02949C369.574 6.02686 369.575 6.0245 360 3.14037C350.425 0.256233 350.425 0.254395 350.426 0.252815C350.426 0.25264 350.426 0.25132 350.427 0.250961C350.427 0.250244 350.427 0.250557 350.426 0.251907C350.425 0.254608 350.423 0.261429 350.42 0.272316C350.413 0.294098 350.402 0.332153 350.385 0.386047C350.352 0.493858 350.298 0.665016 350.225 0.896141C350.078 1.35847 349.852 2.06028 349.545 2.97459C348.932 4.80399 348 7.47945 346.75 10.7857C344.247 17.4098 340.489 26.5055 335.488 36.3725C325.304 56.4638 310.701 78.2573 292.207 89.9335L302.884 106.845Z"
fill="url(#paint0_linear_12654_136)"
/>
<defs>
<linearGradient
id="paint0_linear_12654_136"
x1="366.339"
y1="51.7843"
x2="4.76845"
y2="52.033"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#FCDED1" stop-opacity="0.3" />
<stop
offset="0.217132"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop
offset="0.721638"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop
offset="0.99131"
stop-color="#FCDED1"
stop-opacity="0.5"
/>
</linearGradient>
</defs>
</svg>
</div>
<div class="about__vektor-des">
<svg
viewBox="0 0 1155 363"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M477.325 308.87L474.771 318.538L477.325 308.87ZM944.443 308.87L949.781 317.325L944.443 308.87ZM9.9032 244.833C17.5776 240.516 28.8857 237.484 43.7819 235.978C58.5446 234.487 76.1097 234.56 95.7844 235.928C135.134 238.664 181.971 246.506 229.905 256.558C325.8 276.667 424.616 305.289 474.771 318.538L479.879 299.201C430.362 286.121 330.578 257.234 234.01 236.984C185.712 226.855 137.852 218.805 97.1716 215.976C76.8312 214.562 58.0481 214.435 41.7709 216.08C25.6271 217.711 11.2037 221.154 0.0968018 227.402L9.9032 244.833ZM474.771 318.538C524.668 331.719 608.701 353.055 697.225 360.408C785.389 367.731 880.002 361.381 949.781 317.325L939.104 300.414C874.996 340.889 785.885 347.704 698.88 340.477C612.235 333.279 529.653 312.35 479.879 299.201L474.771 318.538ZM949.781 317.325C1019.08 273.575 1070.23 195.089 1103.85 128.757C1120.75 95.4124 1133.41 64.7609 1141.84 42.4406C1146.07 31.2747 1149.23 22.1786 1151.36 15.8546C1152.42 12.6922 1153.21 10.2218 1153.75 8.5311C1154.02 7.6857 1154.22 7.03516 1154.36 6.59036C1154.43 6.36798 1154.48 6.19702 1154.52 6.07886C1154.53 6.01978 1154.55 5.97388 1154.56 5.94138C1154.56 5.92514 1154.57 5.9122 1154.57 5.90268C1154.57 5.89789 1154.57 5.89325 1154.57 5.89087C1154.57 5.88708 1154.58 5.88412 1145 3C1135.42 0.115875 1135.43 0.114624 1135.43 0.114197C1135.43 0.115173 1135.43 0.115601 1135.42 0.117554C1135.42 0.12146 1135.42 0.128754 1135.42 0.139343C1135.41 0.160522 1135.4 0.195007 1135.39 0.242645C1135.36 0.337891 1135.31 0.485718 1135.25 0.684692C1135.13 1.08264 1134.94 1.68527 1134.69 2.48166C1134.18 4.07449 1133.42 6.44199 1132.39 9.49692C1130.34 15.6075 1127.26 24.464 1123.14 35.3694C1114.89 57.1917 1102.51 87.1581 1086.01 119.715C1052.82 185.185 1003.7 259.634 939.104 300.414L949.781 317.325Z"
fill="url(#paint0_linear_12623_331)"
/>
<defs>
<linearGradient
id="paint0_linear_12623_331"
x1="1165.36"
y1="159.209"
x2="4.25644"
y2="160.007"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#FCDED1" stop-opacity="0.3" />
<stop
offset="0.217132"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop
offset="0.721638"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop
offset="0.99131"
stop-color="#FCDED1"
stop-opacity="0.5"
/>
</linearGradient>
</defs>
</svg>
</div>
</div>
</section>
<div class="experience" id="experience">
<div class="experience__wrapper container">
<section class="work">
<h2 class="work__title fade-left">Опыт работы</h2>
<div class="work__wrapper">
<div class="work__item work-card fade-left">
<span class="work-card__date">Июль 2019</span>
<div class="work-card__wrapper-name">
<h3 class="work-card__name">Freelance Designer</h3>
<img
class="work-card__image"
src="./images/sprites/svg/freelance.svg"
alt="icon company"
/>
</div>
<div class="work-card__wrapper-place">
<p class="work-card__place">Netherlands, Worldwide</p>
</div>
<p class="work-card__subtitle">
Available for a project or job in UX/UI, Visual and Product
design.
</p>
<a href="#" class="work-card__link">Commercial tryouts</a
><a href="#" class="work-card__link">Personal projects</a>
</div>
<div class="work__item work-card fade-left">
<span class="work-card__date">Январь 2017 - Сентябрь 2018</span>
<div class="work-card__wrapper-name">
<h3 class="work-card__name">Digital Designer</h3>
<img
class="work-card__image"
src="./images/sprites/svg/digital.svg"
alt="icon company"
/>
</div>
<div class="work-card__wrapper-place">
<img
src="./images/sprites/png/jcs.png"
alt="Logo firm"
class="work-card__logo"
/>
<div class="work-card__text">
<h3 class="work-card__name">J Creative Solutions</h3>
<p class="work-card__place">
Digital agency in Minsk, Belarus
</p>
</div>
</div>
<p class="work-card__subtitle">
Created visuals for digital marketing channels such as social
media, promo web and online ads. Developed visual language
from scratch or following the branding guidelines. Designed
presentations for clients and indoor purposes.
</p>
<a href="#" class="work-card__link">Agency projects</a>
</div>
<div class="work__item work-card fade-left">
<span class="work-card__date">Март 2014 - Февраль 2017</span>
<div class="work-card__wrapper-name">
<h3 class="work-card__name">
SEO Specialist → Lead SEO Specialist
</h3>
<img
class="work-card__image"
src="./images/sprites/svg/seo.svg"
alt="icon company"
/>
</div>
<div class="work-card__wrapper-place">
<img
src="./images/sprites/png/seo.png"
alt="Logo firm"
class="work-card__logo"
/>
<h3 class="work-card__name">OZ.by</h3>
<p class="work-card__place">
Online bookstore in Minsk, Belarus
</p>
</div>
<p class="work-card__subtitle">
Improved website performance and user experience of the
biggest online bookstore OZ in Belarus, being a part of the
marketing team, <br />
I interpreted Google Analytics data to IT, content and
marketing colleagues. Advised on tech and content optimization
strategy, automated processes, provided reports, increased
organic traffic up to 150%.
</p>
<a href="#" class="work-card__link"
>Annual company report 2016</a
>
</div>
<div class="work__item work-card fade-left">
<span class="work-card__date">Август 2012 - Ноябрь 2013</span>
<div class="work-card__wrapper-name">
<h3 class="work-card__name">Content Specialist</h3>
<img
class="work-card__image"
src="./images/sprites/svg/cont.svg"
alt="icon company"
/>
</div>
<div class="work-card__wrapper-place">
<img
src="./images/sprites/png/21.png"
alt="Logo firm"
class="work-card__logo"
/>
<h3 class="work-card__name">21vek.by</h3>
<p class="work-card__place">
E-commerce store in Minsk, Belarus
</p>
</div>
<p class="work-card__subtitle">
Added and modified the product information, prepared images
and text for the website, developed categories filters, ensure
all info is correct in the catalogue with the goal of
improving online shopper experience.
</p>
</div>
<div class="work__item work-card fade-left">
<span class="work-card__date">Август 2011 - Ноябрь 2014</span>
<div class="work-card__wrapper-name">
<h3 class="work-card__name">Software Support Engineer</h3>
<img
class="work-card__image"
src="./images/sprites/svg/int.svg"
alt="icon company"
/>
</div>
<div class="work-card__wrapper-place">
<img
src="./images/sprites/png/int.png"
alt="Logo firm"
class="work-card__logo"
/>
<h3 class="work-card__name">Integral</h3>
<p class="work-card__place">
Microelectronics factory in Minsk, Belarus
</p>
</div>
<p class="work-card__subtitle">
Supported retail accounting system LS Trade, troubleshoot
technical problems.
</p>
</div>
</div>
</section>
<div class="experience__image-wrapper">
<img
src="./images/sprites/png/boy.png"
alt="Boy image"
class="experience__image fade-bot"
/>
</div>
<section class="education">
<h2 class="education__title fade-right">Образование</h2>
<div class="education__wrapper">
<div class="education__item educ-card fade-right">
<img
src="./images/sprites/svg/educ.svg"
alt="Logo"
class="educ-card__image"
/>
<h3 class="educ-card__title">Interface Design: Web & Mobile</h3>
<p class="educ-card__subtitle">IT-Academy, 2020</p>
</div>
<div class="education__item educ-card fade-right">
<img
src="./images/sprites/svg/educ2.svg"
alt="Logo"
class="educ-card__image"
/>
<h3 class="educ-card__title">Fundamentals of Usability</h3>
<p class="educ-card__subtitle">Skillshare, Oct 2018</p>
</div>
<div class="education__item educ-card fade-right">
<img
src="./images/sprites/svg/educ3.svg"
alt="Logo"
class="educ-card__image"
/>
<h3 class="educ-card__title">CG Artist</h3>
<p class="educ-card__subtitle">
Polygon CG School, May-Sep 2017
</p>
</div>
<div class="education__item educ-card fade-right">
<img
src="./images/sprites/svg/educ4.svg"
alt="Logo"
class="educ-card__image"
/>
<h3 class="educ-card__title">Graphic Design</h3>
<p class="educ-card__subtitle">
Belarusian State Academy of Arts, 2015 - 2017 Postgraduate
Diploma
</p>
</div>
<div class="education__item educ-card fade-right">
<img
src="./images/sprites/svg/educ5.svg"
alt="Logo"
class="educ-card__image"
/>
<h3 class="educ-card__title">SEO Specialist</h3>
<p class="educ-card__subtitle">ARTOX Media, Jun-Aug 2012</p>
</div>
<div class="education__item educ-card fade-right">
<img
src="./images/sprites/svg/educ6.svg"
alt="Logo"
class="educ-card__image"
/>
<h3 class="educ-card__title">
Information Technology Software
</h3>
<p class="educ-card__subtitle">
Belarusian State University of Informatics and
Radioelectronics, 2011 - 2015 Bachelor’s degree
</p>
<p class="educ-card__subtitle">
Polotsk State Economic College, 2007 - 2011 Associate’s degree
</p>
</div>
</div>
</section>
</div>
</div>
<section class="skill" id="skill">
<div class="skill__wrapper container">
<div class="skill__bgr">
<svg
viewBox="0 0 370 122"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M217.916 23.7423L220.47 14.074V14.074L217.916 23.7423ZM72.4543 23.7423L67.1157 15.2866L72.4543 23.7423ZM360.097 37.6821C358.889 38.3618 356.44 39.1645 352.231 39.5899C348.155 40.0017 343.105 39.9973 337.207 39.5873C325.411 38.7671 311.178 36.397 296.377 33.293C266.747 27.0795 236.308 18.2577 220.47 14.074L215.362 33.4107C230.563 37.426 261.969 46.5126 292.272 52.8673C307.438 56.0475 322.694 58.6264 335.82 59.5391C342.383 59.9955 348.652 60.0535 354.242 59.4885C359.699 58.937 365.263 57.7237 369.903 55.1129L360.097 37.6821ZM220.47 14.074C204.89 9.95817 178.222 3.17432 150.009 0.830802C122.155 -1.48289 90.798 0.334563 67.1157 15.2866L77.7929 32.1981C95.8036 20.8269 121.659 18.5448 148.353 20.7622C174.688 22.9497 199.905 29.3274 215.362 33.4107L220.47 14.074ZM67.1157 15.2866C43.9166 29.9335 27.2929 55.7645 16.6727 76.7169C11.272 87.3717 7.23323 97.1526 4.54128 104.275C3.19313 107.842 2.17712 110.757 1.49222 112.799C1.14964 113.821 0.889522 114.626 0.711755 115.186C0.622861 115.466 0.554524 115.685 0.506735 115.84C0.482839 115.917 0.464076 115.978 0.450445 116.023C0.443629 116.045 0.438096 116.064 0.433846 116.078C0.43172 116.085 0.429915 116.091 0.428431 116.096C0.42769 116.098 0.426815 116.101 0.426445 116.102C0.425653 116.105 0.424939 116.107 10 118.991C19.5751 121.875 19.5745 121.877 19.574 121.879C19.574 121.879 19.5736 121.88 19.5735 121.881C19.5733 121.881 19.5733 121.881 19.5738 121.88C19.5746 121.877 19.5766 121.87 19.58 121.859C19.5866 121.837 19.5983 121.799 19.6149 121.746C19.6482 121.638 19.7016 121.467 19.7749 121.235C19.9216 120.773 20.1483 120.071 20.4548 119.157C21.0682 117.328 21.9999 114.652 23.2495 111.346C25.7532 104.722 29.5106 95.6261 34.5119 85.7591C44.6956 65.6678 59.299 43.8743 77.7929 32.1981L67.1157 15.2866Z"
fill="url(#paint0_linear_12654_156)"
/>
<defs>
<linearGradient
id="paint0_linear_12654_156"
x1="3.66088"
y1="70.3473"
x2="365.232"
y2="70.0986"
gradientUnits="userSpaceOnUse"
>
<stop
offset="0.0833333"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop
offset="0.322917"
stop-color="#FCDED1"
stop-opacity="0.6"
/>
<stop
offset="0.713542"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop
offset="0.911458"
stop-color="#FCDED1"
stop-opacity="0.2"
/>
</linearGradient>
</defs>
</svg>
</div>
<div class="skill__bgr-desktop">
<svg
viewBox="0 0 1155 363"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M1145.1 118.167C1137.42 122.484 1126.11 125.516 1111.22 127.022C1096.46 128.513 1078.89 128.44 1059.22 127.072C1019.87 124.336 973.029 116.494 925.095 106.442C829.2 86.3327 730.384 57.7108 680.229 44.4619L675.121 63.7986C724.638 76.879 824.422 105.766 920.99 126.016C969.288 136.145 1017.15 144.195 1057.83 147.024C1078.17 148.438 1096.95 148.565 1113.23 146.92C1129.37 145.289 1143.8 141.846 1154.9 135.598L1145.1 118.167ZM680.229 44.4619C630.332 31.281 546.299 9.94523 457.775 2.59203C369.611 -4.73133 274.998 1.61868 205.219 45.6745L215.896 62.586C280.004 22.111 369.115 15.2964 456.12 22.5234C542.765 29.7206 625.347 50.6503 675.121 63.7986L680.229 44.4619ZM205.219 45.6745C135.923 89.4253 84.773 167.911 51.1514 234.243C34.25 267.588 21.5915 298.239 13.1551 320.559C8.93468 331.725 5.76522 340.821 3.64493 347.145C2.58466 350.308 1.78636 352.778 1.24984 354.469C0.981569 355.314 0.778711 355.965 0.641245 356.41C0.57251 356.632 0.52012 356.803 0.484071 356.921C0.466046 356.98 0.452106 357.026 0.442251 357.059C0.437325 357.075 0.433417 357.088 0.430532 357.097C0.42909 357.102 0.427691 357.107 0.42697 357.109C0.425828 357.113 0.424939 357.116 10 360C19.5751 362.884 19.5747 362.885 19.5746 362.886C19.5749 362.885 19.575 362.884 19.5756 362.882C19.5768 362.879 19.579 362.871 19.5822 362.861C19.5886 362.839 19.5991 362.805 19.6136 362.757C19.6427 362.662 19.6879 362.514 19.7494 362.315C19.8724 361.917 20.0603 361.315 20.313 360.518C20.8185 358.926 21.5833 356.558 22.6075 353.503C24.6563 347.392 27.7414 338.536 31.8633 327.631C40.1115 305.808 52.4886 275.842 68.9906 243.285C102.176 177.815 151.305 103.366 215.896 62.586L205.219 45.6745Z"
fill="url(#paint0_linear_21_11)"
/>
<defs>
<linearGradient
id="paint0_linear_21_11"
x1="-10.3566"
y1="203.791"
x2="1150.74"
y2="202.993"
gradientUnits="userSpaceOnUse"
>
<stop
offset="0.0833333"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop
offset="0.322917"
stop-color="#FCDED1"
stop-opacity="0.6"
/>
<stop
offset="0.713542"
stop-color="#FCDED1"
stop-opacity="0"
/>
<stop
offset="0.911458"
stop-color="#FCDED1"
stop-opacity="0.2"
/>
</linearGradient>
</defs>
</svg>
</div>
<h2 class="skill__title fade-skill">Навыки</h2>
<div class="skill__item-wrapper">
<div class="skill__item">
<h3 class="skill__item-title fade-skill">Adobe Creative Suite</h3>
<p class="skill__subtitle fade-skill">
Photoshop, Illustrator, InDesign, XD, After Effects
</p>
</div>
<div class="skill__item">
<h3 class="skill__item-title fade-skill">Prototyping</h3>
<p class="skill__subtitle fade-skill">
Sketch, Figma, InVision, Marvel, Principle, Balsamiq
</p>
</div>
<div class="skill__item">
<h3 class="skill__item-title fade-skill">Additional</h3>
<p class="skill__subtitle fade-skill">
HTML, CSS, Google Analytics, Keynote, Miro
</p>
</div>
<div class="skill__item">
<h3 class="skill__item-title fade-skill">Languages</h3>
<p class="skill__subtitle fade-skill">
Conversational English and Native Russian
</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="footer__wrapper container">
<img
src="./images/sprites/png/love.png"
alt="Love image"
class="footer__image fade-skill"
/>
</div>
</footer>
<aside class="top-link">
<button class="top-link__link">
<svg
width="12"
height="13"
viewBox="0 0 12 13"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M6 13V1" stroke="#282A33" stroke-width="1.2" />
<path d="M1 6L6 1L11 6" stroke="#282A33" stroke-width="1.2" />
</svg>
</button>
<span class="top-link__progress"></span>
</aside>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollTrigger.min.js"></script>
<script src="./js/main.js"></script>
</main>
</body>
</html>