-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1426 lines (1421 loc) · 123 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
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>WebStudio</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/1.0.0/modern-normalize.min.css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Roboto:wght@400;500;700;900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<header class="header">
<div class="header-container">
<a href="./index.html" class="logo link header-logo">
<span class="accent">Web</span>Studio
</a>
<nav class="header-menu">
<ul class="">
<li class="menuitem-list">
<a href="./index.html" class="current link link-selection nav"
>Студия</a
>
<div class="underline"></div>
</li>
<li class="menuitem-list">
<a href="./portfolio.html" class="link link-selection nav"
><div>Портфолио</div></a
>
</li>
<li class="menuitem-list">
<a href="#openModal" class="link link-selection nav"
><div>Контакты</div></a
>
</li>
</ul>
</nav>
<div class="header-list">
<ul class="contact-list">
<li>
<a
href="mailto:info@devstudio.com"
lang="en"
class="link link-selection"
>
<div>
<svg
width="16"
height="12"
viewBox="0 0 16 12"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.5 0H1.50001C0.672854 0 0 0.672853 0 1.50001V10.5C0 11.3271 0.672854 12 1.50001 12H14.5C15.3271 12 16 11.3271 16 10.5V1.50001C16 0.672853 15.3271 0 14.5 0ZM14.5 0.999994C14.5679 0.999994 14.6325 1.01409 14.6916 1.0387L8 6.83838L1.30833 1.0387C1.36742 1.01412 1.43204 0.999994 1.49998 0.999994H14.5ZM14.5 11H1.50001C1.22414 11 0.999996 10.7759 0.999996 10.5V2.09521L7.67236 7.87792C7.76661 7.95944 7.8833 7.99999 8 7.99999C8.1167 7.99999 8.23339 7.95948 8.32764 7.87792L15 2.09521V10.5C15 10.7759 14.7759 11 14.5 11Z"
/>
</svg>
<span>info@devstudio.com</span>
</div>
</a>
</li>
<li>
<a href="tel:+380961111111" class="link link-selection x">
<div>
<svg
width="10"
height="16"
viewBox="0 0 10 16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.5 0H1.5C0.672848 0 0 0.672848 0 1.5V14.5C0 15.3272 0.672848 16 1.5 16H8.5C9.32715 16 10 15.3272 10 14.5V1.5C10 0.672848 9.32715 0 8.5 0ZM1.5 1H8.5C8.77588 1 9 1.22412 9 1.5V12H1V1.5C1 1.22412 1.22412 1 1.5 1ZM8.5 15H1.5C1.22412 15 1 14.7759 1 14.5V13H9V14.5C9 14.7759 8.77588 15 8.5 15Z"
/>
</svg>
<span>+38 096 111 11 11</span>
</div>
</a>
</li>
</ul>
</div>
<!-- Бургерменю для моб -->
<input type="checkbox" id="burger" />
<div id="openBurger" class="burger-menu">
<div class="burger-dialog">
<div class="burger-content">
<div class="burger-header">
<h3 class="burger-title"></h3>
<a href="./index.html" title="Close" class="close-burger">×</a>
</div>
<div class="burger-body">
<a href="./index.html" class="burger-link">Студия</a>
<a href="./portfolio.html" class="burger-link">Портфолио</a>
<a href="#openModal" class="burger-link">Контакты</a>
<div class="burger-footer">
<ul class="burger-footer__container">
<li>
<a href="tel:+380961111111" class="burger-link link-phone"
>+38 096 111 11 11</a
>
</li>
<li>
<a
href="mailto:info@devstudio.com"
class="burger-link link-mail"
>info@devstudio.com</a
>
</li>
</ul>
<div class="burger-socialmedia">
<ul class="burger-socialmedia__container">
<li><a href="#" class="socialburger">Instagram</a></li>
<li><a href="#" class="socialburger">Twitter</a></li>
<li><a href="#" class="socialburger">Facebook</a></li>
<li><a href="#" class="socialburger">LinkedIn</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<label for="burger" class="burger-label">☰</label>
</div>
</header>
<main>
<div id="openModal" class="modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title">Контакты</h3>
<div class="close__container">
<a href="#close" title="Close" class="close">×</a>
</div>
</div>
<div class="modal-body">
<h4 class="body-title">
Оставьте свои данные, мы вам перезвоним
</h4>
<div class="form">
<form>
<div class="label"><label for="name">Имя</label></div>
<div class="input">
<div class="editbox__container">
<input
type="text"
id="name"
class="editbox"
placeholder="Введите своё имя"
/>
<svg
class="modal-svg"
width="12"
height="12"
viewBox="0 0 12 12"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6 6C7.6575 6 9 4.6575 9 3C9 1.3425 7.6575 0 6 0C4.3425 0 3 1.3425 3 3C3 4.6575 4.3425 6 6 6ZM6 7.5C3.9975 7.5 0 8.505 0 10.5V11.25C0 11.6625 0.3375 12 0.75 12H11.25C11.6625 12 12 11.6625 12 11.25V10.5C12 8.505 8.0025 7.5 6 7.5Z"
/>
</svg>
</div>
</div>
<div class="label"><label for="phone">Телефон</label></div>
<div class="input editbox__container">
<input
type="text"
id="phone"
class="editbox"
placeholder="Введите телефон"
/>
<svg
class="modal-svg"
width="14"
height="14"
viewBox="0 0 14 14"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.996 9.12256L10.1579 8.91269C9.71641 8.86203 9.2822 9.01401 8.97102 9.32519L7.63945 10.6568C5.59144 9.61466 3.91251 7.94296 2.87041 5.8877L4.20922 4.54888C4.5204 4.2377 4.67237 3.80349 4.62171 3.36205L4.41185 1.53836C4.325 0.807445 3.70988 0.257446 2.97173 0.257446H1.71976C0.902004 0.257446 0.221746 0.937708 0.272403 1.75547C0.655953 7.93572 5.59868 12.8712 11.7717 13.2548C12.5894 13.3054 13.2697 12.6252 13.2697 11.8074V10.5555C13.2769 9.82453 12.7269 9.2094 11.996 9.12256Z"
/>
</svg>
</div>
<div class="label"><label for="email">Почта</label></div>
<div class="input editbox__container">
<input
type="text"
id="email"
class="editbox"
placeholder="Введите почту"
/>
<svg
class="modal-svg"
width="16"
height="12"
viewBox="0 0 16 12"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14 0H2C1.175 0 0.5075 0.675 0.5075 1.5L0.5 10.5C0.5 11.325 1.175 12 2 12H14C14.825 12 15.5 11.325 15.5 10.5V1.5C15.5 0.675 14.825 0 14 0ZM13.7 3.1875L8.3975 6.5025C8.1575 6.6525 7.8425 6.6525 7.6025 6.5025L2.3 3.1875C2.1125 3.0675 2 2.865 2 2.6475C2 2.145 2.5475 1.845 2.975 2.1075L8 5.25L13.025 2.1075C13.4525 1.845 14 2.145 14 2.6475C14 2.865 13.8875 3.0675 13.7 3.1875Z"
/>
</svg>
</div>
<div class="label">
<label for="comment">Комментарий</label>
</div>
<div class="input">
<textarea
id="comment"
name="comment"
class="editbox editbox__comment"
rows="4"
cols="50"
placeholder="Напишите коментарий"
></textarea>
</div>
<div class="input accept-rules">
<input
class="checkbox-input"
type="checkbox"
id="accept-rules"
name="accept-rules"
value="yes"
/>
<label class="checkbox-label" for="accept-rules"
>Соглашаюсь с рассылкой и принимаю
<a href="#" class="link link__accept-rules"
>Условия договора</a
>
</label>
</div>
<div class="input submit">
<input
class="main-button submit-button"
type="submit"
value="Отправить"
/>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--Герой-->
<section class="primary-background-color">
<div class="opacity"></div>
<div class="main-theme">
<h1 class="main-title">Эффективные решения для вашего бизнеса</h1>
<button
onclick="document.location='#openModal'"
type="button"
class="main-button button"
>
Заказать услугу
</button>
</div>
</section>
<!--Преимущества-->
<section class="adventages">
<h2 class="hiden-title">Наши преимущества</h2>
<div class="adventages-container">
<ul class="list">
<li class="list-item">
<div>
<div class="adventages-svg">
<svg
width="66"
height="70"
viewBox="0 0 66 70"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M65.3163 48.3385L46.8468 29.7337L48.8966 19.6373C49.4256 19.8438 49.9879 19.9517 50.5556 19.9558H50.5696C53.1777 19.9866 55.3169 17.8974 55.3479 15.2893C55.3788 12.6812 53.2894 10.542 50.6813 10.5111C48.0732 10.4803 45.934 12.5695 45.9031 15.1776C45.8965 15.7357 45.9888 16.2905 46.176 16.8163L35.326 18.1405L17.6276 0.35C17.4105 0.128479 17.1141 0.00247917 16.804 0C16.4977 0.00160417 16.2044 0.123521 15.9873 0.3395L12.6786 3.6295C12.2232 4.08508 12.2232 4.82358 12.6786 5.27917L14.459 7.08517C7.56162 19.7681 9.80191 35.4741 19.9703 45.7228C20.0636 45.8121 20.1718 45.8843 20.29 45.9363C20.2165 46.3311 20.1781 46.7317 20.1756 47.1333V60.6667H6.17562C2.95562 60.6705 0.346077 63.28 0.342285 66.5V68.8333C0.342285 69.4776 0.86466 70 1.50895 70H55.1756C55.8199 70 56.3423 69.4776 56.3423 68.8333V66.5C56.3385 63.28 53.729 60.6705 50.509 60.6667H36.509V54.6688C38.7021 55.1288 40.9367 55.3633 43.1776 55.3688C48.5548 55.363 53.8464 54.0225 58.5776 51.4675L60.3673 53.2677C60.5844 53.4892 60.8808 53.6152 61.191 53.6177C61.4972 53.6161 61.7905 53.4941 62.0076 53.2782L65.3163 49.9882C65.7717 49.5326 65.7717 48.7941 65.3163 48.3385ZM48.9246 13.6348C49.8383 12.726 51.3157 12.7301 52.2244 13.6437C53.1332 14.5574 53.1291 16.0348 52.2155 16.9435C51.7781 17.3785 51.1864 17.6226 50.5695 17.6225H50.5625C49.2739 17.6158 48.2345 16.5658 48.2412 15.2771C48.2445 14.6602 48.4918 14.0699 48.9291 13.6348H48.9246ZM46.1783 21.301L44.8693 27.7445L42.298 25.158L46.1783 21.301ZM44.853 19.3282L40.653 23.5037L37.4038 20.237L44.853 19.3282ZM50.509 63C52.442 63 54.009 64.567 54.009 66.5V67.6667H2.67562V66.5C2.67562 64.567 4.2426 63 6.17562 63H50.509ZM34.1756 58.3333V60.6667H22.509V58.3333H34.1756ZM22.509 56V47.1333C22.509 44.303 25.1258 42 28.3423 42C31.5588 42 34.1756 44.303 34.1756 47.1333V56H22.509ZM36.509 52.29V47.1333C36.509 43.0162 32.8456 39.6667 28.3423 39.6667C25.4306 39.622 22.7079 41.1041 21.165 43.5738C12.2887 34.2249 10.2899 20.2875 16.1805 8.82073L56.872 49.7455C50.5886 52.9419 43.3857 53.8418 36.509 52.29ZM61.2038 50.7943L59.56 49.1412L16.7923 6.11567L15.1415 4.46133L16.7923 2.81633L34.15 20.272C34.1581 20.272 34.1628 20.2872 34.171 20.293L62.8593 49.1493L61.2038 50.7943Z"
fill="#212121"
/>
<path
d="M28.3528 44.3333H28.3423C26.4093 44.3304 24.84 45.895 24.837 47.8281C24.8341 49.7611 26.3988 51.3304 28.3318 51.3333H28.3423C30.2753 51.3362 31.8446 49.7716 31.8475 47.8386C31.8505 45.9055 30.2858 44.3362 28.3528 44.3333ZM29.1695 48.6605C28.9498 48.8789 28.6522 49.0012 28.3423 49C27.698 48.9966 27.1784 48.4716 27.1817 47.8273C27.1834 47.5189 27.307 47.2237 27.5256 47.0062C27.7428 46.7902 28.036 46.6683 28.3423 46.6667C28.9866 46.67 29.5062 47.195 29.5028 47.8393C29.5012 48.1477 29.3776 48.4429 29.159 48.6605H29.1695Z"
fill="#2196F3"
/>
</svg>
</div>
<h3 class="adventages-title">Внимание к деталям</h3>
<p class="adventages-description">
Идейные соображения, а также начало повседневной работы по
формированию позиции.
</p>
</div>
</li>
<li class="list-item">
<div>
<div class="adventages-svg">
<svg
width="70"
height="70"
viewBox="0 0 70 70"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_344)">
<path
d="M68.4614 33.4715C68.4576 14.9819 53.4656 -0.00373771 34.9754 6.99302e-07C16.4858 0.00373911 1.50017 14.9963 1.50391 33.4859C1.50711 48.0502 10.9252 60.9413 24.7995 65.3713C24.9319 65.413 25.0697 65.4343 25.2081 65.4338C25.4719 65.4333 25.7304 65.3628 25.9573 65.2287C26.2527 65.0541 26.4732 64.7764 26.5768 64.449L35.0315 37.6521C37.3429 37.6404 39.2068 35.7568 39.1945 33.4459C39.1827 31.1345 37.2997 29.2706 34.9883 29.2824C34.3666 29.285 33.753 29.4282 33.1944 29.7011L22.0251 18.5302C21.4707 17.9951 20.5879 18.0106 20.0528 18.5644C19.5305 19.1054 19.5305 19.962 20.0528 20.503L31.2162 31.6792C30.3596 33.4277 30.8493 35.5383 32.3895 36.7303L24.3338 62.2647C8.41354 56.4002 0.261689 38.7405 6.12618 22.8203C11.9907 6.90002 29.6503 -1.25183 45.5706 4.61266C61.4909 10.4771 69.6427 28.1374 63.7782 44.0571C60.913 51.8351 55.0261 58.1252 47.4548 61.4989L46.5842 57.3989C46.4251 56.6454 45.6844 56.1636 44.9308 56.3233C44.6931 56.3741 44.4726 56.4857 44.291 56.6475L35.8978 64.1409C35.322 64.653 35.2708 65.5347 35.7835 66.1105C35.9501 66.2974 36.1637 66.4362 36.403 66.5126L47.1188 69.9327C47.8521 70.1682 48.6377 69.765 48.8732 69.0312C48.948 68.7994 48.9603 68.5527 48.9101 68.3145L48.0545 64.2915C60.4452 59.0678 68.4902 46.918 68.4614 33.4715ZM34.9829 32.0766C35.753 32.0766 36.3779 32.7014 36.3779 33.4715C36.3779 34.2422 35.753 34.8665 34.9829 34.8665C34.2123 34.8665 33.588 34.2422 33.588 33.4715C33.588 32.7014 34.2123 32.0766 34.9829 32.0766ZM39.5774 64.5916L44.3551 60.3298L45.6737 66.543L39.5774 64.5916Z"
fill="#212121"
/>
<path
d="M33.5879 6.96729V9.7572C33.5879 10.5278 34.2122 11.1522 34.9828 11.1522C35.753 11.1522 36.3778 10.5278 36.3778 9.7572V6.96729C36.3778 6.19717 35.753 5.57233 34.9828 5.57233C34.2122 5.57233 33.5879 6.19717 33.5879 6.96729Z"
fill="#2196F3"
/>
<path
d="M8.4787 32.0765C7.70805 32.0765 7.08374 32.7014 7.08374 33.4715C7.08374 34.2421 7.70805 34.8665 8.4787 34.8665H11.2686C12.0393 34.8665 12.6636 34.2421 12.6636 33.4715C12.6636 32.7014 12.0393 32.0765 11.2686 32.0765H8.4787Z"
fill="#2196F3"
/>
<path
d="M61.4866 34.8665C62.2572 34.8665 62.8815 34.2421 62.8815 33.4715C62.8815 32.7014 62.2572 32.0765 61.4866 32.0765H58.6967C57.9265 32.0765 57.3017 32.7014 57.3017 33.4715C57.3017 34.2421 57.9265 34.8665 58.6967 34.8665H61.4866Z"
fill="#2196F3"
/>
</g>
<defs>
<clipPath id="clip0_1_1">
<rect width="70" height="70" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<h3 class="adventages-title">Пунктуальность</h3>
<p class="adventages-description">
Задача организации, в особенности же рамки и место обучения
кадров влечет за собой.
</p>
</div>
</li>
<li class="list-item">
<div>
<div class="adventages-svg">
<svg
width="70"
height="70"
viewBox="0 0 70 70"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_354)">
<path
d="M32.6496 32.7351H34.9817V43.2296H32.6496V32.7351Z"
fill="#2196F3"
/>
<path
d="M41.978 37.3993H44.3101V43.2296H41.978V37.3993Z"
fill="#2196F3"
/>
<path
d="M23.3211 40.8975H25.6532V43.2296H23.3211V40.8975Z"
fill="#2196F3"
/>
<path
d="M16.3248 39.7314H18.6569V43.2295H16.3248V39.7314Z"
fill="#2196F3"
/>
<path
d="M3.49817 61.8865H59.4689C61.4007 61.8865 62.967 60.3202 62.967 58.3883V53.7241C62.967 51.7923 61.4007 50.2259 59.4689 50.2259H58.3028V21.1469L64.9262 14.8725C66.4635 15.6303 68.3242 15.1702 69.3302 13.7816C70.3369 12.3935 70.1957 10.4821 68.9966 9.25684C67.7975 8.03157 65.8901 7.8488 64.4798 8.82412C63.0701 9.80001 62.569 11.6499 63.2933 13.2037L58.3028 17.9345V15.2443C58.3028 13.3124 56.7365 11.7461 54.8046 11.7461H8.16239C6.23054 11.7461 4.66422 13.3124 4.66422 15.2443V50.2259H3.49817C1.56632 50.2259 0 51.7923 0 53.7241V58.3883C0 60.3202 1.56632 61.8865 3.49817 61.8865ZM66.4652 10.58C67.1091 10.58 67.6312 11.1021 67.6312 11.7461C67.6312 12.39 67.1091 12.9121 66.4652 12.9121C65.8212 12.9121 65.2991 12.39 65.2991 11.7461C65.2991 11.1021 65.8212 10.58 66.4652 10.58ZM6.99634 15.2443C6.99634 14.6003 7.51844 14.0782 8.16239 14.0782H54.8046C55.4486 14.0782 55.9707 14.6003 55.9707 15.2443V20.1414L53.6386 22.3573V17.5764C53.6386 16.9324 53.1165 16.4103 52.4725 16.4103H10.4945C9.85055 16.4103 9.32845 16.9324 9.32845 17.5764V46.7278C9.32845 47.3717 9.85055 47.8938 10.4945 47.8938H52.4725C53.1165 47.8938 53.6386 47.3717 53.6386 46.7278V25.5651L55.9707 23.3554V50.2259H6.99634V15.2443ZM17.4908 30.403C15.9131 30.3984 14.5279 31.4495 14.1083 32.9703C13.6886 34.491 14.3383 36.104 15.6951 36.9091C17.0513 37.7142 18.7793 37.5121 19.9129 36.4149L23.9662 38.4487C24.4371 38.6844 25.0081 38.5739 25.3583 38.1805L33.9745 28.4871L42.4443 34.8338C42.8987 35.1743 43.5329 35.1378 43.9452 34.7478L51.3065 27.7748V45.5617H11.6606V18.7424H51.3065V24.5619L43.0564 32.3747L34.5154 25.9716C34.0303 25.6084 33.3476 25.6767 32.9445 26.1294L24.2099 35.9571L20.9446 34.3242C20.9685 34.1841 20.9833 34.0429 20.989 33.9012C20.989 31.9693 19.4227 30.403 17.4908 30.403ZM18.6569 33.9012C18.6569 34.5451 18.1348 35.0672 17.4908 35.0672C16.8469 35.0672 16.3248 34.5451 16.3248 33.9012C16.3248 33.2572 16.8469 32.7351 17.4908 32.7351C18.1348 32.7351 18.6569 33.2572 18.6569 33.9012ZM25.6532 52.5581H37.3138V53.7241C37.3138 54.3681 36.7917 54.8902 36.1477 54.8902H26.8193C26.1753 54.8902 25.6532 54.3681 25.6532 53.7241V52.5581ZM2.33211 53.7241C2.33211 53.0802 2.85422 52.5581 3.49817 52.5581H23.3211V53.7241C23.3211 55.656 24.8874 57.2223 26.8193 57.2223H36.1477C38.0796 57.2223 39.6459 55.656 39.6459 53.7241V52.5581H59.4689C60.1128 52.5581 60.6349 53.0802 60.6349 53.7241V58.3883C60.6349 59.0323 60.1128 59.5544 59.4689 59.5544H3.49817C2.85422 59.5544 2.33211 59.0323 2.33211 58.3883V53.7241Z"
fill="#212121"
/>
</g>
<defs>
<clipPath id="clip0_1_2">
<rect width="70" height="70" fill="white" />
</clipPath>
</defs>
</svg>
</div>
<h3 class="adventages-title">Планирование</h3>
<p class="adventages-description">
Равным образом консультация с широким активом в значительной
степени обуславливает.
</p>
</div>
</li>
<li class="list-item">
<div>
<div class="adventages-svg">
<svg
width="70"
height="70"
viewBox="0 0 70 70"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M69.9433 9.89637C69.8056 9.47513 69.4416 9.16724 69.0018 9.10298L64.8228 8.49512L62.9526 4.70809C62.5606 3.91005 61.2527 3.91005 60.8608 4.70809L58.9906 8.49512L54.8114 9.10312C54.3716 9.16724 54.0076 9.47418 53.8687 9.89651C53.7323 10.3188 53.8453 10.7831 54.1639 11.0924L57.1891 14.0407L56.4752 18.2034C56.4005 18.6409 56.5802 19.0831 56.9384 19.3445C57.3012 19.6082 57.7748 19.6407 58.168 19.4331L61.9061 17.4672L65.6442 19.4331C65.8146 19.5229 66.0024 19.5672 66.1879 19.5672C66.4294 19.5672 66.671 19.4925 66.874 19.3443C67.2333 19.0831 67.413 18.6408 67.3372 18.2033L66.6233 14.0405L69.6485 11.0923C69.9654 10.7819 70.0798 10.3187 69.9433 9.89637ZM64.5556 12.7991C64.2815 13.0662 64.1555 13.4536 64.2208 13.8316L64.6385 16.2688L62.4499 15.1184C62.2795 15.0286 62.0929 14.9843 61.9061 14.9843C61.7195 14.9843 61.534 15.0286 61.3624 15.1184L59.1736 16.2688L59.5913 13.8316C59.6567 13.4536 59.5306 13.0675 59.2565 12.7991L57.4843 11.0724L59.932 10.7166C60.3124 10.6617 60.6402 10.4226 60.8106 10.0783L61.9049 7.86169L62.9992 10.0783C63.1696 10.4225 63.4974 10.6617 63.8778 10.7166L66.3255 11.0724L64.5556 12.7991Z"
fill="#2196F3"
/>
<path
d="M57.167 44.8923H54.8336V47.2257H57.167V44.8923Z"
fill="#2196F3"
/>
<path
d="M57.167 49.5591H54.8336V51.8925H57.167V49.5591Z"
fill="#2196F3"
/>
<path
d="M59.5004 47.2257H57.167V49.5591H59.5004V47.2257Z"
fill="#2196F3"
/>
<path
d="M54.8337 47.2257H52.5003V49.5591H54.8337V47.2257Z"
fill="#2196F3"
/>
<path
d="M49.0002 57.7259H46.6668V60.0593H49.0002V57.7259Z"
fill="#2196F3"
/>
<path
d="M49.0002 62.3926H46.6668V64.726H49.0002V62.3926Z"
fill="#2196F3"
/>
<path
d="M51.3337 60.0593H49.0002V62.3927H51.3337V60.0593Z"
fill="#2196F3"
/>
<path
d="M46.6668 60.0593H44.3334V62.3927H46.6668V60.0593Z"
fill="#2196F3"
/>
<path
d="M35 53.0592H32.6666V55.3926H35V53.0592Z"
fill="#2196F3"
/>
<path
d="M35 57.7259H32.6666V60.0593H35V57.7259Z"
fill="#2196F3"
/>
<path
d="M37.3334 55.3925H35V57.7259H37.3334V55.3925Z"
fill="#2196F3"
/>
<path
d="M32.6666 55.3925H30.3332V57.7259H32.6666V55.3925Z"
fill="#2196F3"
/>
<path
d="M12.833 13.3918H10.4996V15.7252H12.833V13.3918Z"
fill="#2196F3"
/>
<path
d="M12.833 18.0587H10.4996V20.3921H12.833V18.0587Z"
fill="#2196F3"
/>
<path
d="M15.1663 15.7252H12.8329V18.0586H15.1663V15.7252Z"
fill="#2196F3"
/>
<path
d="M10.4996 15.7252H8.1662V18.0586H10.4996V15.7252Z"
fill="#2196F3"
/>
<path
d="M54.0635 30.9738C53.4348 30.1256 52.5119 29.5797 51.4642 29.4326C50.4119 29.2833 49.3735 29.5597 48.5335 30.2026L45.7952 32.3014L45.794 32.3026L41.6429 35.4025L38.6725 34.2194C43.9692 31.8429 47.6712 26.545 47.6712 20.3942C47.6712 12.0314 40.8402 5.22736 32.4436 5.22736C24.047 5.22736 17.2162 12.0314 17.2162 20.3942C17.2162 23.4253 18.1226 26.2439 19.6662 28.6158L13.6204 28.5633C13.6169 28.5633 13.6134 28.5633 13.6099 28.5633C13.5912 28.5633 13.5761 28.5726 13.5586 28.5738C13.4431 28.5785 13.3299 28.6018 13.2191 28.6415C13.1911 28.652 13.162 28.6579 13.1352 28.6706C13.1212 28.6765 13.1072 28.6776 13.0932 28.6846L6.02078 32.1764C6.01955 32.1764 6.01846 32.1764 6.01846 32.1775L1.87663 34.1693C1.8311 34.1891 1.78448 34.2159 1.73895 34.2462C0.0880496 35.3452 -0.474284 37.5036 0.429989 39.2676C0.911793 40.2056 1.73198 40.8963 2.74003 41.2124C3.12859 41.3337 3.52521 41.3933 3.91952 41.3933C4.55308 41.3933 5.18077 41.2381 5.75582 40.9313L8.79157 39.3167L13.7441 36.7593L16.7122 36.7418L4.80848 48.5884C4.80738 48.5896 4.80615 48.5896 4.80492 48.5907L1.8765 51.5074C1.18469 52.1958 0.80433 53.1092 0.80433 54.0835C0.80433 55.0565 1.18469 55.9723 1.8765 56.6619C2.58703 57.3689 3.52152 57.7235 4.45601 57.7235C5.39173 57.7235 6.32498 57.3689 7.03785 56.6619L9.91254 53.7988L13.7206 50.9556L15.6912 52.9179L11.8376 56.7551C11.8365 56.7564 11.8352 56.7564 11.834 56.7575L8.90559 59.6741C8.21378 60.3625 7.83343 61.2759 7.83343 62.2502C7.83343 63.2233 8.21378 64.139 8.90559 64.8286C9.61613 65.5356 10.5518 65.8903 11.4863 65.8903C12.4208 65.8903 13.3565 65.5356 14.0682 64.8286L16.9977 61.912L21.6842 57.2453C21.6854 57.244 21.6854 57.2429 21.6865 57.2417L23.8951 55.0542L23.8869 55.046C23.9009 55.032 23.9207 55.0272 23.9348 55.0122L35.2353 42.6349L42.8281 43.7152C42.8829 43.7234 42.9377 43.7269 42.9926 43.7269C43.1338 43.7269 43.2703 43.6931 43.4021 43.6429C43.4406 43.629 43.4744 43.6102 43.5106 43.5916C43.5526 43.5706 43.5969 43.559 43.6367 43.5322L50.6659 38.8655C50.6916 38.848 50.7056 38.8199 50.73 38.8013C50.758 38.7792 50.7931 38.7699 50.8186 38.7453L53.5999 36.1401C55.0471 34.7841 55.2466 32.5628 54.0635 30.9738ZM4.66027 38.8722C4.28114 39.0752 3.85061 39.1159 3.43881 38.9854C3.03042 38.8582 2.69915 38.5793 2.50541 38.2025C2.15308 37.5164 2.35721 36.6811 2.97436 36.2296L5.84796 34.8471L6.53977 36.8689L6.8303 37.7182L4.66027 38.8722ZM12.3102 34.874L8.92336 36.6241L8.36459 34.9907L7.96331 33.8169L12.3968 31.6282L12.3102 34.874ZM45.3402 20.3919C45.3402 22.4009 44.8607 24.2957 44.03 25.9907L34.8832 21.8362C34.7875 20.5821 34.1366 19.4842 33.1589 18.8005L36.3615 8.16849C41.5626 9.82295 45.3402 14.6752 45.3402 20.3919ZM19.5519 20.3919C19.5519 13.3159 25.3363 7.55831 32.4461 7.55831C32.9991 7.55831 33.5404 7.60493 34.0759 7.67261L30.9434 18.0713C30.9014 18.0701 30.8617 18.0585 30.8185 18.0585C28.5598 18.0585 26.7222 19.8901 26.7222 22.1419C26.7222 24.3936 28.5598 26.2254 30.8185 26.2254C32.3375 26.2254 33.65 25.3866 34.3582 24.1591L42.8073 27.9975C40.4564 31.1615 36.6938 33.2255 32.4459 33.2255C25.3363 33.2255 19.5519 27.4679 19.5519 20.3919ZM32.5814 22.1419C32.5814 23.1068 31.7903 23.8919 30.8185 23.8919C29.8467 23.8919 29.0557 23.1068 29.0557 22.1419C29.0557 21.1771 29.8467 20.3919 30.8185 20.3919C31.7903 20.3919 32.5814 21.1771 32.5814 22.1419ZM5.39186 55.0074C4.87506 55.5196 4.03846 55.5185 3.52289 55.0087C3.27433 54.7601 3.13788 54.4324 3.13788 54.0835C3.13788 53.7358 3.27433 53.4079 3.52289 53.1618L5.62743 51.0652L7.48944 52.9191L5.39186 55.0074ZM12.4222 63.1743C11.9054 63.6865 11.0677 63.6877 10.552 63.1755C10.3034 62.927 10.167 62.5993 10.167 62.2503C10.167 61.9027 10.3034 61.5748 10.552 61.3287L12.6579 59.231L13.5388 60.1073L14.5211 61.0849L12.4222 63.1743ZM20.0384 55.5862C20.0371 55.5873 20.036 55.5873 20.0348 55.5885L16.1742 59.4385L15.2933 58.5623L14.311 57.5846L18.168 53.7451C18.168 53.7451 18.168 53.7451 18.168 53.744C18.1693 53.7428 18.1703 53.7428 18.1716 53.7417C18.2591 53.6542 18.3139 53.5492 18.3676 53.4454C18.3828 53.415 18.4119 53.3893 18.4248 53.3579C18.461 53.2681 18.4668 53.1713 18.4808 53.0767C18.4878 53.0229 18.5112 52.9729 18.5112 52.9179C18.5112 52.8397 18.4832 52.764 18.4669 52.6869C18.4529 52.6169 18.4529 52.5456 18.426 52.4781C18.3817 52.3684 18.3058 52.2716 18.2265 52.177C18.2044 52.1513 18.1962 52.1186 18.1717 52.0942C18.1717 52.0942 18.1717 52.0942 18.1705 52.0942C18.1693 52.0931 18.1693 52.0906 18.1682 52.0895L14.6529 48.5895C14.6156 48.5521 14.5678 48.537 14.5258 48.5055C14.464 48.4577 14.4045 48.4134 14.3356 48.3795C14.2692 48.3468 14.2015 48.327 14.1315 48.3082C14.0568 48.2872 13.9845 48.2709 13.9063 48.265C13.8351 48.2604 13.7686 48.2674 13.6975 48.2756C13.6193 48.2849 13.5459 48.2954 13.47 48.3199C13.3965 48.3432 13.3312 48.3793 13.2636 48.4179C13.2204 48.4424 13.1714 48.4506 13.1305 48.4809L9.25136 51.3767L7.2808 49.4143L12.5286 44.1946L22.0674 53.576L20.0384 55.5862ZM34.9545 40.2372C34.9207 40.2325 34.8891 40.2454 34.8554 40.2431C34.7702 40.2384 34.6886 40.2443 34.6034 40.2582C34.5369 40.2699 34.4739 40.2827 34.4109 40.3049C34.3362 40.3306 34.2686 40.3656 34.1996 40.4075C34.1343 40.4472 34.0748 40.4892 34.0177 40.5417C33.9896 40.5661 33.9559 40.5779 33.9302 40.6058L23.6527 51.862L14.1851 42.5506L20.3825 36.3859C20.8387 35.9309 20.8411 35.1923 20.386 34.735C20.1562 34.5052 19.8541 34.392 19.5519 34.3932V34.3921L14.6985 34.4212L14.7592 30.9049L21.5493 30.9633C24.3166 33.7937 28.176 35.5589 32.4461 35.5589C33.4027 35.5589 34.3361 35.4598 35.2449 35.2905C35.3324 35.3605 35.4186 35.4317 35.5284 35.476L40.7996 37.5761L41.1332 39.235L41.5228 41.1717L34.9545 40.2372ZM43.7944 40.6269L43.1096 37.2189L46.2736 34.8564L47.102 35.9554L48.3445 37.605L43.7944 40.6269ZM52.0055 34.4341L50.1726 36.1514L48.1356 33.4471L49.9544 32.0529C50.2939 31.7917 50.7221 31.6854 51.1421 31.7403C51.5644 31.7997 51.9378 32.0203 52.1921 32.3621C52.6659 33.0003 52.5853 33.8905 52.0055 34.4341Z"
fill="#212121"
/>
<path
d="M29.7545 40.5651L25.0668 35.8984C24.613 35.4446 23.8755 35.4446 23.4205 35.8984L18.734 40.5651C18.5147 40.7856 18.391 41.0819 18.391 41.3922C18.391 41.7026 18.5135 42.0001 18.734 42.2194L23.4205 46.8861C23.648 47.1124 23.9468 47.2256 24.2443 47.2256C24.5418 47.2256 24.8404 47.1124 25.0668 46.8861L29.7545 42.2194C29.9738 42.0001 30.0987 41.7026 30.0987 41.3922C30.0987 41.0819 29.9749 40.7844 29.7545 40.5651ZM24.2443 44.4128L21.2109 41.3922L24.2443 38.3717L27.2788 41.3922L24.2443 44.4128Z"
fill="#212121"
/>
<path
d="M37.5468 11.0923L36.9833 13.358C37.1385 13.3966 40.7844 14.3462 40.7844 18.0586H43.1178C43.1177 13.6461 39.4742 11.5718 37.5468 11.0923Z"
fill="#212121"
/>
<path
d="M43.1178 20.3919H40.7844V22.7253H43.1178V20.3919Z"
fill="#212121"
/>
</svg>
</div>
<h3 class="adventages-title">Современные технологии</h3>
<p class="adventages-description">
Значимость этих проблем настолько очевидна, что реализация
плановых заданий.
</p>
</div>
</li>
</ul>
</div>
</section>
<!--Род деятельности-->
<section class="occupation">
<h2 class="secondary-title">Чем мы занимаемся</h2>
<ul class="occupation-foto">
<li>
<div class="foto-container">
<div class="foto__container">
<div class="foto--description">Десктопные приложения</div>
<img
src="./images/photo1.jpg"
alt="Верстка"
width="370"
height="294"
/>
</div>
</div>
</li>
<li>
<div class="foto-container">
<div class="foto__container">
<div class="foto--description">Мобильные приложения</div>
<img
src="images/photo2.jpg"
alt="Дизайн"
width="370"
height="294"
/>
</div>
</div>
</li>
<li>
<div class="foto-container">
<div class="foto__container">
<div class="foto--description">Дизайнерские решения</div>
<img
src="./images/photo3.jpg"
alt="Внешнее оформление"
width="370"
height="294"
/>
</div>
</div>
</li>
</ul>
</section>
<!--Наша команда-->
<section class="secondary-background">
<div class="team">
<h2 class="secondary-title">Наша команда</h2>
<div class="worker__container">
<ul class="list list-worker">
<li>
<div class="worker-block">
<img src="./images/worker1.jpg" alt="Работник1" width="270" />
<div class="worker-info">
<div>
<h3 class="worker-name">Игорь Демьяненко</h3>
<p lang="en" class="worker-prof">Product Designer</p>
</div>
</div>
<div class="worker-svg">
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_520)">
<path
d="M19.9804 5.88005C19.9336 4.81738 19.7617 4.0868 19.5156 3.45374C19.2616 2.78176 18.8709 2.18014 18.359 1.68002C17.8589 1.1721 17.2533 0.777435 16.5891 0.527447C15.9524 0.281274 15.2256 0.109427 14.163 0.0625732C13.0924 0.0117516 12.7525 0 10.0371 0C7.32173 0 6.98185 0.0117516 5.91521 0.0586052C4.85253 0.105459 4.12195 0.277459 3.48904 0.523479C2.81692 0.777435 2.2153 1.16814 1.71517 1.68002C1.20726 2.18014 0.812743 2.78573 0.562603 3.44992C0.31643 4.0868 0.144583 4.81341 0.0977294 5.87609C0.0469078 6.9467 0.0351562 7.28658 0.0351562 10.002C0.0351562 12.7173 0.0469078 13.0572 0.0937614 14.1239C0.140615 15.1865 0.312615 15.9171 0.558787 16.5502C0.812743 17.2221 1.20726 17.8238 1.71517 18.3239C2.2153 18.8318 2.82088 19.2265 3.48508 19.4765C4.12195 19.7226 4.84856 19.8945 5.91139 19.9413C6.97788 19.9883 7.31791 19.9999 10.0333 19.9999C12.7487 19.9999 13.0885 19.9883 14.1552 19.9413C15.2179 19.8945 15.9484 19.7226 16.5813 19.4765C17.9254 18.9568 18.9881 17.8941 19.5078 16.5502C19.7538 15.9133 19.9258 15.1865 19.9727 14.1239C20.0195 13.0572 20.0313 12.7173 20.0313 10.002C20.0313 7.28658 20.0273 6.9467 19.9804 5.88005ZM18.1794 14.0457C18.1364 15.0225 17.9723 15.5499 17.8356 15.9015C17.4995 16.7728 16.808 17.4643 15.9367 17.8004C15.5851 17.9372 15.0538 18.1012 14.0809 18.1441C13.026 18.1911 12.7096 18.2027 10.0411 18.2027C7.37255 18.2027 7.05221 18.1911 6.00113 18.1441C5.02438 18.1012 4.49693 17.9372 4.1453 17.8004C3.71171 17.6402 3.31704 17.3862 2.9967 17.0541C2.6646 16.7298 2.41065 16.3391 2.2504 15.9055C2.11365 15.5539 1.94959 15.0225 1.90671 14.0497C1.8597 12.9948 1.8481 12.6783 1.8481 10.0097C1.8481 7.34122 1.8597 7.02087 1.90671 5.96995C1.94959 4.99319 2.11365 4.46575 2.2504 4.11412C2.41065 3.68038 2.6646 3.28586 3.00067 2.96536C3.32483 2.63327 3.71553 2.37931 4.14927 2.21921C4.5009 2.08247 5.03231 1.9184 6.0051 1.87537C7.05999 1.82851 7.37652 1.81676 10.0449 1.81676C12.7174 1.81676 13.0337 1.82851 14.0848 1.87537C15.0616 1.9184 15.589 2.08247 15.9407 2.21921C16.3742 2.37931 16.7689 2.63327 17.0893 2.96536C17.4213 3.28967 17.6753 3.68038 17.8356 4.11412C17.9723 4.46575 18.1364 4.99701 18.1794 5.96995C18.2263 7.02484 18.238 7.34122 18.238 10.0097C18.238 12.6783 18.2263 12.9908 18.1794 14.0457Z"
/>
<path
d="M10.0371 4.8642C7.20068 4.8642 4.89935 7.16537 4.89935 10.0019C4.89935 12.8385 7.20068 15.1396 10.0371 15.1396C12.8736 15.1396 15.1748 12.8385 15.1748 10.0019C15.1748 7.16537 12.8736 4.8642 10.0371 4.8642ZM10.0371 13.3346C8.19696 13.3346 6.70436 11.8422 6.70436 10.0019C6.70436 8.16165 8.19696 6.66921 10.0371 6.66921C11.8773 6.66921 13.3698 8.16165 13.3698 10.0019C13.3698 11.8422 11.8773 13.3346 10.0371 13.3346Z"
/>
<path
d="M16.5775 4.6611C16.5775 5.32346 16.0405 5.86052 15.378 5.86052C14.7156 5.86052 14.1785 5.32346 14.1785 4.6611C14.1785 3.99858 14.7156 3.46167 15.378 3.46167C16.0405 3.46167 16.5775 3.99858 16.5775 4.6611Z"
/>
</g>
<defs>
<clipPath id="clip0_1_3">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_514)">
<path
d="M20 3.79875C19.2563 4.125 18.4637 4.34125 17.6375 4.44625C18.4875 3.93875 19.1363 3.14125 19.4412 2.18C18.6488 2.6525 17.7738 2.98625 16.8412 3.1725C16.0887 2.37125 15.0162 1.875 13.8462 1.875C11.5763 1.875 9.74875 3.7175 9.74875 5.97625C9.74875 6.30125 9.77625 6.61375 9.84375 6.91125C6.435 6.745 3.41875 5.11125 1.3925 2.6225C1.03875 3.23625 0.83125 3.93875 0.83125 4.695C0.83125 6.115 1.5625 7.37375 2.6525 8.1025C1.99375 8.09 1.3475 7.89875 0.8 7.5975C0.8 7.61 0.8 7.62625 0.8 7.6425C0.8 9.635 2.22125 11.29 4.085 11.6712C3.75125 11.7625 3.3875 11.8062 3.01 11.8062C2.7475 11.8062 2.4825 11.7913 2.23375 11.7362C2.765 13.36 4.2725 14.5538 6.065 14.5925C4.67 15.6838 2.89875 16.3412 0.98125 16.3412C0.645 16.3412 0.3225 16.3263 0 16.285C1.81625 17.4563 3.96875 18.125 6.29 18.125C13.835 18.125 17.96 11.875 17.96 6.4575C17.96 6.27625 17.9538 6.10125 17.945 5.9275C18.7588 5.35 19.4425 4.62875 20 3.79875Z"
/>
</g>
<defs>
<clipPath id="clip0_1_4">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_510)">
<path
d="M13.3308 3.32083H15.1567V0.140833C14.8417 0.0975 13.7583 0 12.4967 0C9.86416 0 8.06082 1.65583 8.06082 4.69917V7.5H5.15582V11.055H8.06082V20H11.6225V11.0558H14.41L14.8525 7.50083H11.6217V5.05167C11.6225 4.02417 11.8992 3.32083 13.3308 3.32083Z"
/>
</g>
<defs>
<clipPath id="clip0_1_5">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_504)">
<path
d="M19.995 20V19.9992H20V12.6642C20 9.07587 19.2275 6.31171 15.0325 6.31171C13.0158 6.31171 11.6625 7.41837 11.11 8.46754H11.0517V6.64671H7.07416V19.9992H11.2158V13.3875C11.2158 11.6467 11.5458 9.96337 13.7017 9.96337C15.8258 9.96337 15.8575 11.95 15.8575 13.4992V20H19.995Z"
/>
<path
d="M0.330017 6.64746H4.47668V20H0.330017V6.64746Z"
/>
<path
d="M2.40167 0C1.07583 0 0 1.07583 0 2.40167C0 3.7275 1.07583 4.82583 2.40167 4.82583C3.7275 4.82583 4.80333 3.7275 4.80333 2.40167C4.8025 1.07583 3.72667 0 2.40167 0V0Z"
/>
</g>
<defs>
<clipPath id="clip0_1_6">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
</div>
</div>
</li>
<li>
<div class="worker-block">
<img src="./images/worker2.jpg" alt="Работник2" width="270" />
<div class="worker-info">
<div>
<h3 class="worker-name">Ольга Репина</h3>
<p lang="en" class="worker-prof">Frontend Developer</p>
</div>
</div>
<div class="worker-svg">
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_520)">
<path
d="M19.9804 5.88005C19.9336 4.81738 19.7617 4.0868 19.5156 3.45374C19.2616 2.78176 18.8709 2.18014 18.359 1.68002C17.8589 1.1721 17.2533 0.777435 16.5891 0.527447C15.9524 0.281274 15.2256 0.109427 14.163 0.0625732C13.0924 0.0117516 12.7525 0 10.0371 0C7.32173 0 6.98185 0.0117516 5.91521 0.0586052C4.85253 0.105459 4.12195 0.277459 3.48904 0.523479C2.81692 0.777435 2.2153 1.16814 1.71517 1.68002C1.20726 2.18014 0.812743 2.78573 0.562603 3.44992C0.31643 4.0868 0.144583 4.81341 0.0977294 5.87609C0.0469078 6.9467 0.0351562 7.28658 0.0351562 10.002C0.0351562 12.7173 0.0469078 13.0572 0.0937614 14.1239C0.140615 15.1865 0.312615 15.9171 0.558787 16.5502C0.812743 17.2221 1.20726 17.8238 1.71517 18.3239C2.2153 18.8318 2.82088 19.2265 3.48508 19.4765C4.12195 19.7226 4.84856 19.8945 5.91139 19.9413C6.97788 19.9883 7.31791 19.9999 10.0333 19.9999C12.7487 19.9999 13.0885 19.9883 14.1552 19.9413C15.2179 19.8945 15.9484 19.7226 16.5813 19.4765C17.9254 18.9568 18.9881 17.8941 19.5078 16.5502C19.7538 15.9133 19.9258 15.1865 19.9727 14.1239C20.0195 13.0572 20.0313 12.7173 20.0313 10.002C20.0313 7.28658 20.0273 6.9467 19.9804 5.88005ZM18.1794 14.0457C18.1364 15.0225 17.9723 15.5499 17.8356 15.9015C17.4995 16.7728 16.808 17.4643 15.9367 17.8004C15.5851 17.9372 15.0538 18.1012 14.0809 18.1441C13.026 18.1911 12.7096 18.2027 10.0411 18.2027C7.37255 18.2027 7.05221 18.1911 6.00113 18.1441C5.02438 18.1012 4.49693 17.9372 4.1453 17.8004C3.71171 17.6402 3.31704 17.3862 2.9967 17.0541C2.6646 16.7298 2.41065 16.3391 2.2504 15.9055C2.11365 15.5539 1.94959 15.0225 1.90671 14.0497C1.8597 12.9948 1.8481 12.6783 1.8481 10.0097C1.8481 7.34122 1.8597 7.02087 1.90671 5.96995C1.94959 4.99319 2.11365 4.46575 2.2504 4.11412C2.41065 3.68038 2.6646 3.28586 3.00067 2.96536C3.32483 2.63327 3.71553 2.37931 4.14927 2.21921C4.5009 2.08247 5.03231 1.9184 6.0051 1.87537C7.05999 1.82851 7.37652 1.81676 10.0449 1.81676C12.7174 1.81676 13.0337 1.82851 14.0848 1.87537C15.0616 1.9184 15.589 2.08247 15.9407 2.21921C16.3742 2.37931 16.7689 2.63327 17.0893 2.96536C17.4213 3.28967 17.6753 3.68038 17.8356 4.11412C17.9723 4.46575 18.1364 4.99701 18.1794 5.96995C18.2263 7.02484 18.238 7.34122 18.238 10.0097C18.238 12.6783 18.2263 12.9908 18.1794 14.0457Z"
/>
<path
d="M10.0371 4.8642C7.20068 4.8642 4.89935 7.16537 4.89935 10.0019C4.89935 12.8385 7.20068 15.1396 10.0371 15.1396C12.8736 15.1396 15.1748 12.8385 15.1748 10.0019C15.1748 7.16537 12.8736 4.8642 10.0371 4.8642ZM10.0371 13.3346C8.19696 13.3346 6.70436 11.8422 6.70436 10.0019C6.70436 8.16165 8.19696 6.66921 10.0371 6.66921C11.8773 6.66921 13.3698 8.16165 13.3698 10.0019C13.3698 11.8422 11.8773 13.3346 10.0371 13.3346Z"
/>
<path
d="M16.5775 4.6611C16.5775 5.32346 16.0405 5.86052 15.378 5.86052C14.7156 5.86052 14.1785 5.32346 14.1785 4.6611C14.1785 3.99858 14.7156 3.46167 15.378 3.46167C16.0405 3.46167 16.5775 3.99858 16.5775 4.6611Z"
/>
</g>
<defs>
<clipPath id="clip0_1_7">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_514)">
<path
d="M20 3.79875C19.2563 4.125 18.4637 4.34125 17.6375 4.44625C18.4875 3.93875 19.1363 3.14125 19.4412 2.18C18.6488 2.6525 17.7738 2.98625 16.8412 3.1725C16.0887 2.37125 15.0162 1.875 13.8462 1.875C11.5763 1.875 9.74875 3.7175 9.74875 5.97625C9.74875 6.30125 9.77625 6.61375 9.84375 6.91125C6.435 6.745 3.41875 5.11125 1.3925 2.6225C1.03875 3.23625 0.83125 3.93875 0.83125 4.695C0.83125 6.115 1.5625 7.37375 2.6525 8.1025C1.99375 8.09 1.3475 7.89875 0.8 7.5975C0.8 7.61 0.8 7.62625 0.8 7.6425C0.8 9.635 2.22125 11.29 4.085 11.6712C3.75125 11.7625 3.3875 11.8062 3.01 11.8062C2.7475 11.8062 2.4825 11.7913 2.23375 11.7362C2.765 13.36 4.2725 14.5538 6.065 14.5925C4.67 15.6838 2.89875 16.3412 0.98125 16.3412C0.645 16.3412 0.3225 16.3263 0 16.285C1.81625 17.4563 3.96875 18.125 6.29 18.125C13.835 18.125 17.96 11.875 17.96 6.4575C17.96 6.27625 17.9538 6.10125 17.945 5.9275C18.7588 5.35 19.4425 4.62875 20 3.79875Z"
/>
</g>
<defs>
<clipPath id="clip0_1_8">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_510)">
<path
d="M13.3308 3.32083H15.1567V0.140833C14.8417 0.0975 13.7583 0 12.4967 0C9.86416 0 8.06082 1.65583 8.06082 4.69917V7.5H5.15582V11.055H8.06082V20H11.6225V11.0558H14.41L14.8525 7.50083H11.6217V5.05167C11.6225 4.02417 11.8992 3.32083 13.3308 3.32083Z"
/>
</g>
<defs>
<clipPath id="clip0_1_9">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_504)">
<path
d="M19.995 20V19.9992H20V12.6642C20 9.07587 19.2275 6.31171 15.0325 6.31171C13.0158 6.31171 11.6625 7.41837 11.11 8.46754H11.0517V6.64671H7.07416V19.9992H11.2158V13.3875C11.2158 11.6467 11.5458 9.96337 13.7017 9.96337C15.8258 9.96337 15.8575 11.95 15.8575 13.4992V20H19.995Z"
/>
<path
d="M0.330017 6.64746H4.47668V20H0.330017V6.64746Z"
/>
<path
d="M2.40167 0C1.07583 0 0 1.07583 0 2.40167C0 3.7275 1.07583 4.82583 2.40167 4.82583C3.7275 4.82583 4.80333 3.7275 4.80333 2.40167C4.8025 1.07583 3.72667 0 2.40167 0V0Z"
/>
</g>
<defs>
<clipPath id="clip0_1_10">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
</div>
</div>
</li>
<li>
<div class="worker-block">
<img src="./images/worker3.jpg" alt="Работник3" width="270" />
<div class="worker-info">
<div>
<h3 class="worker-name">Николай Тарасов</h3>
<p lang="en" class="worker-prof">Marketing</p>
</div>
</div>
<div class="worker-svg">
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_520)">
<path
d="M19.9804 5.88005C19.9336 4.81738 19.7617 4.0868 19.5156 3.45374C19.2616 2.78176 18.8709 2.18014 18.359 1.68002C17.8589 1.1721 17.2533 0.777435 16.5891 0.527447C15.9524 0.281274 15.2256 0.109427 14.163 0.0625732C13.0924 0.0117516 12.7525 0 10.0371 0C7.32173 0 6.98185 0.0117516 5.91521 0.0586052C4.85253 0.105459 4.12195 0.277459 3.48904 0.523479C2.81692 0.777435 2.2153 1.16814 1.71517 1.68002C1.20726 2.18014 0.812743 2.78573 0.562603 3.44992C0.31643 4.0868 0.144583 4.81341 0.0977294 5.87609C0.0469078 6.9467 0.0351562 7.28658 0.0351562 10.002C0.0351562 12.7173 0.0469078 13.0572 0.0937614 14.1239C0.140615 15.1865 0.312615 15.9171 0.558787 16.5502C0.812743 17.2221 1.20726 17.8238 1.71517 18.3239C2.2153 18.8318 2.82088 19.2265 3.48508 19.4765C4.12195 19.7226 4.84856 19.8945 5.91139 19.9413C6.97788 19.9883 7.31791 19.9999 10.0333 19.9999C12.7487 19.9999 13.0885 19.9883 14.1552 19.9413C15.2179 19.8945 15.9484 19.7226 16.5813 19.4765C17.9254 18.9568 18.9881 17.8941 19.5078 16.5502C19.7538 15.9133 19.9258 15.1865 19.9727 14.1239C20.0195 13.0572 20.0313 12.7173 20.0313 10.002C20.0313 7.28658 20.0273 6.9467 19.9804 5.88005ZM18.1794 14.0457C18.1364 15.0225 17.9723 15.5499 17.8356 15.9015C17.4995 16.7728 16.808 17.4643 15.9367 17.8004C15.5851 17.9372 15.0538 18.1012 14.0809 18.1441C13.026 18.1911 12.7096 18.2027 10.0411 18.2027C7.37255 18.2027 7.05221 18.1911 6.00113 18.1441C5.02438 18.1012 4.49693 17.9372 4.1453 17.8004C3.71171 17.6402 3.31704 17.3862 2.9967 17.0541C2.6646 16.7298 2.41065 16.3391 2.2504 15.9055C2.11365 15.5539 1.94959 15.0225 1.90671 14.0497C1.8597 12.9948 1.8481 12.6783 1.8481 10.0097C1.8481 7.34122 1.8597 7.02087 1.90671 5.96995C1.94959 4.99319 2.11365 4.46575 2.2504 4.11412C2.41065 3.68038 2.6646 3.28586 3.00067 2.96536C3.32483 2.63327 3.71553 2.37931 4.14927 2.21921C4.5009 2.08247 5.03231 1.9184 6.0051 1.87537C7.05999 1.82851 7.37652 1.81676 10.0449 1.81676C12.7174 1.81676 13.0337 1.82851 14.0848 1.87537C15.0616 1.9184 15.589 2.08247 15.9407 2.21921C16.3742 2.37931 16.7689 2.63327 17.0893 2.96536C17.4213 3.28967 17.6753 3.68038 17.8356 4.11412C17.9723 4.46575 18.1364 4.99701 18.1794 5.96995C18.2263 7.02484 18.238 7.34122 18.238 10.0097C18.238 12.6783 18.2263 12.9908 18.1794 14.0457Z"
/>
<path
d="M10.0371 4.8642C7.20068 4.8642 4.89935 7.16537 4.89935 10.0019C4.89935 12.8385 7.20068 15.1396 10.0371 15.1396C12.8736 15.1396 15.1748 12.8385 15.1748 10.0019C15.1748 7.16537 12.8736 4.8642 10.0371 4.8642ZM10.0371 13.3346C8.19696 13.3346 6.70436 11.8422 6.70436 10.0019C6.70436 8.16165 8.19696 6.66921 10.0371 6.66921C11.8773 6.66921 13.3698 8.16165 13.3698 10.0019C13.3698 11.8422 11.8773 13.3346 10.0371 13.3346Z"
/>
<path
d="M16.5775 4.6611C16.5775 5.32346 16.0405 5.86052 15.378 5.86052C14.7156 5.86052 14.1785 5.32346 14.1785 4.6611C14.1785 3.99858 14.7156 3.46167 15.378 3.46167C16.0405 3.46167 16.5775 3.99858 16.5775 4.6611Z"
/>
</g>
<defs>
<clipPath id="clip0_1_11">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_514)">
<path
d="M20 3.79875C19.2563 4.125 18.4637 4.34125 17.6375 4.44625C18.4875 3.93875 19.1363 3.14125 19.4412 2.18C18.6488 2.6525 17.7738 2.98625 16.8412 3.1725C16.0887 2.37125 15.0162 1.875 13.8462 1.875C11.5763 1.875 9.74875 3.7175 9.74875 5.97625C9.74875 6.30125 9.77625 6.61375 9.84375 6.91125C6.435 6.745 3.41875 5.11125 1.3925 2.6225C1.03875 3.23625 0.83125 3.93875 0.83125 4.695C0.83125 6.115 1.5625 7.37375 2.6525 8.1025C1.99375 8.09 1.3475 7.89875 0.8 7.5975C0.8 7.61 0.8 7.62625 0.8 7.6425C0.8 9.635 2.22125 11.29 4.085 11.6712C3.75125 11.7625 3.3875 11.8062 3.01 11.8062C2.7475 11.8062 2.4825 11.7913 2.23375 11.7362C2.765 13.36 4.2725 14.5538 6.065 14.5925C4.67 15.6838 2.89875 16.3412 0.98125 16.3412C0.645 16.3412 0.3225 16.3263 0 16.285C1.81625 17.4563 3.96875 18.125 6.29 18.125C13.835 18.125 17.96 11.875 17.96 6.4575C17.96 6.27625 17.9538 6.10125 17.945 5.9275C18.7588 5.35 19.4425 4.62875 20 3.79875Z"
/>
</g>
<defs>
<clipPath id="clip0_1_12">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_510)">
<path
d="M13.3308 3.32083H15.1567V0.140833C14.8417 0.0975 13.7583 0 12.4967 0C9.86416 0 8.06082 1.65583 8.06082 4.69917V7.5H5.15582V11.055H8.06082V20H11.6225V11.0558H14.41L14.8525 7.50083H11.6217V5.05167C11.6225 4.02417 11.8992 3.32083 13.3308 3.32083Z"
/>
</g>
<defs>
<clipPath id="clip0_1_13">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_504)">
<path
d="M19.995 20V19.9992H20V12.6642C20 9.07587 19.2275 6.31171 15.0325 6.31171C13.0158 6.31171 11.6625 7.41837 11.11 8.46754H11.0517V6.64671H7.07416V19.9992H11.2158V13.3875C11.2158 11.6467 11.5458 9.96337 13.7017 9.96337C15.8258 9.96337 15.8575 11.95 15.8575 13.4992V20H19.995Z"
/>
<path
d="M0.330017 6.64746H4.47668V20H0.330017V6.64746Z"
/>
<path
d="M2.40167 0C1.07583 0 0 1.07583 0 2.40167C0 3.7275 1.07583 4.82583 2.40167 4.82583C3.7275 4.82583 4.80333 3.7275 4.80333 2.40167C4.8025 1.07583 3.72667 0 2.40167 0V0Z"
/>
</g>
<defs>
<clipPath id="clip0_1_14">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
</div>
</div>
</li>
<li>
<div class="worker-block">
<img src="./images/worker4.jpg" alt="Работник4" width="270" />
<div class="worker-info">
<div>
<h3 class="worker-name">Михаил Ермаков</h3>
<p lang="en" class="worker-prof">UI Designer</p>
</div>
</div>
<div class="worker-svg">
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_520)">
<path
d="M19.9804 5.88005C19.9336 4.81738 19.7617 4.0868 19.5156 3.45374C19.2616 2.78176 18.8709 2.18014 18.359 1.68002C17.8589 1.1721 17.2533 0.777435 16.5891 0.527447C15.9524 0.281274 15.2256 0.109427 14.163 0.0625732C13.0924 0.0117516 12.7525 0 10.0371 0C7.32173 0 6.98185 0.0117516 5.91521 0.0586052C4.85253 0.105459 4.12195 0.277459 3.48904 0.523479C2.81692 0.777435 2.2153 1.16814 1.71517 1.68002C1.20726 2.18014 0.812743 2.78573 0.562603 3.44992C0.31643 4.0868 0.144583 4.81341 0.0977294 5.87609C0.0469078 6.9467 0.0351562 7.28658 0.0351562 10.002C0.0351562 12.7173 0.0469078 13.0572 0.0937614 14.1239C0.140615 15.1865 0.312615 15.9171 0.558787 16.5502C0.812743 17.2221 1.20726 17.8238 1.71517 18.3239C2.2153 18.8318 2.82088 19.2265 3.48508 19.4765C4.12195 19.7226 4.84856 19.8945 5.91139 19.9413C6.97788 19.9883 7.31791 19.9999 10.0333 19.9999C12.7487 19.9999 13.0885 19.9883 14.1552 19.9413C15.2179 19.8945 15.9484 19.7226 16.5813 19.4765C17.9254 18.9568 18.9881 17.8941 19.5078 16.5502C19.7538 15.9133 19.9258 15.1865 19.9727 14.1239C20.0195 13.0572 20.0313 12.7173 20.0313 10.002C20.0313 7.28658 20.0273 6.9467 19.9804 5.88005ZM18.1794 14.0457C18.1364 15.0225 17.9723 15.5499 17.8356 15.9015C17.4995 16.7728 16.808 17.4643 15.9367 17.8004C15.5851 17.9372 15.0538 18.1012 14.0809 18.1441C13.026 18.1911 12.7096 18.2027 10.0411 18.2027C7.37255 18.2027 7.05221 18.1911 6.00113 18.1441C5.02438 18.1012 4.49693 17.9372 4.1453 17.8004C3.71171 17.6402 3.31704 17.3862 2.9967 17.0541C2.6646 16.7298 2.41065 16.3391 2.2504 15.9055C2.11365 15.5539 1.94959 15.0225 1.90671 14.0497C1.8597 12.9948 1.8481 12.6783 1.8481 10.0097C1.8481 7.34122 1.8597 7.02087 1.90671 5.96995C1.94959 4.99319 2.11365 4.46575 2.2504 4.11412C2.41065 3.68038 2.6646 3.28586 3.00067 2.96536C3.32483 2.63327 3.71553 2.37931 4.14927 2.21921C4.5009 2.08247 5.03231 1.9184 6.0051 1.87537C7.05999 1.82851 7.37652 1.81676 10.0449 1.81676C12.7174 1.81676 13.0337 1.82851 14.0848 1.87537C15.0616 1.9184 15.589 2.08247 15.9407 2.21921C16.3742 2.37931 16.7689 2.63327 17.0893 2.96536C17.4213 3.28967 17.6753 3.68038 17.8356 4.11412C17.9723 4.46575 18.1364 4.99701 18.1794 5.96995C18.2263 7.02484 18.238 7.34122 18.238 10.0097C18.238 12.6783 18.2263 12.9908 18.1794 14.0457Z"
/>
<path
d="M10.0371 4.8642C7.20068 4.8642 4.89935 7.16537 4.89935 10.0019C4.89935 12.8385 7.20068 15.1396 10.0371 15.1396C12.8736 15.1396 15.1748 12.8385 15.1748 10.0019C15.1748 7.16537 12.8736 4.8642 10.0371 4.8642ZM10.0371 13.3346C8.19696 13.3346 6.70436 11.8422 6.70436 10.0019C6.70436 8.16165 8.19696 6.66921 10.0371 6.66921C11.8773 6.66921 13.3698 8.16165 13.3698 10.0019C13.3698 11.8422 11.8773 13.3346 10.0371 13.3346Z"
/>
<path
d="M16.5775 4.6611C16.5775 5.32346 16.0405 5.86052 15.378 5.86052C14.7156 5.86052 14.1785 5.32346 14.1785 4.6611C14.1785 3.99858 14.7156 3.46167 15.378 3.46167C16.0405 3.46167 16.5775 3.99858 16.5775 4.6611Z"
/>
</g>
<defs>
<clipPath id="clip0_1_15">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_514)">
<path
d="M20 3.79875C19.2563 4.125 18.4637 4.34125 17.6375 4.44625C18.4875 3.93875 19.1363 3.14125 19.4412 2.18C18.6488 2.6525 17.7738 2.98625 16.8412 3.1725C16.0887 2.37125 15.0162 1.875 13.8462 1.875C11.5763 1.875 9.74875 3.7175 9.74875 5.97625C9.74875 6.30125 9.77625 6.61375 9.84375 6.91125C6.435 6.745 3.41875 5.11125 1.3925 2.6225C1.03875 3.23625 0.83125 3.93875 0.83125 4.695C0.83125 6.115 1.5625 7.37375 2.6525 8.1025C1.99375 8.09 1.3475 7.89875 0.8 7.5975C0.8 7.61 0.8 7.62625 0.8 7.6425C0.8 9.635 2.22125 11.29 4.085 11.6712C3.75125 11.7625 3.3875 11.8062 3.01 11.8062C2.7475 11.8062 2.4825 11.7913 2.23375 11.7362C2.765 13.36 4.2725 14.5538 6.065 14.5925C4.67 15.6838 2.89875 16.3412 0.98125 16.3412C0.645 16.3412 0.3225 16.3263 0 16.285C1.81625 17.4563 3.96875 18.125 6.29 18.125C13.835 18.125 17.96 11.875 17.96 6.4575C17.96 6.27625 17.9538 6.10125 17.945 5.9275C18.7588 5.35 19.4425 4.62875 20 3.79875Z"
/>
</g>
<defs>
<clipPath id="clip0_1_16">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_510)">
<path
d="M13.3308 3.32083H15.1567V0.140833C14.8417 0.0975 13.7583 0 12.4967 0C9.86416 0 8.06082 1.65583 8.06082 4.69917V7.5H5.15582V11.055H8.06082V20H11.6225V11.0558H14.41L14.8525 7.50083H11.6217V5.05167C11.6225 4.02417 11.8992 3.32083 13.3308 3.32083Z"
/>
</g>
<defs>
<clipPath id="clip0_1_17">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
<a href="#" class="social-link">
<div class="socialmedia-link">
<svg
class="svg-char"
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_1_504)">
<path
d="M19.995 20V19.9992H20V12.6642C20 9.07587 19.2275 6.31171 15.0325 6.31171C13.0158 6.31171 11.6625 7.41837 11.11 8.46754H11.0517V6.64671H7.07416V19.9992H11.2158V13.3875C11.2158 11.6467 11.5458 9.96337 13.7017 9.96337C15.8258 9.96337 15.8575 11.95 15.8575 13.4992V20H19.995Z"
/>
<path
d="M0.330017 6.64746H4.47668V20H0.330017V6.64746Z"
/>
<path
d="M2.40167 0C1.07583 0 0 1.07583 0 2.40167C0 3.7275 1.07583 4.82583 2.40167 4.82583C3.7275 4.82583 4.80333 3.7275 4.80333 2.40167C4.8025 1.07583 3.72667 0 2.40167 0V0Z"
/>
</g>
<defs>
<clipPath id="clip0_1_18">
<rect width="20" height="20" />
</clipPath>
</defs>
</svg></div
></a>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<section class="clients">
<div class="clients__container">
<h2 class="secondary-title">Постоянные клиенты</h2>
<div class="container__clients-svg">
<a href="#" class="link"
><div class="clients-svg">
<svg
width="40"
height="52"
viewBox="0 0 40 52"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M17.1136 2.93452H16.977C16.7671 2.92181 16.5571 2.91672 16.3471 2.91163H16.3471H16.3269H15.8918C15.4946 2.91163 15.0898 2.92181 14.6876 2.94215C14.6573 2.93994 14.6269 2.93994 14.5966 2.94215C10.9522 3.14863 7.38171 4.05951 4.08049 5.62492L3.6479 5.83344V27.9746L4.65979 27.6313C5.54773 27.3261 6.49384 27.0515 7.47285 26.7972C10.1193 26.1178 12.8367 25.7567 15.568 25.7216V28.6306C15.2062 28.6332 14.8546 28.6434 14.503 28.6612H14.4195C12.3175 28.7765 10.2317 29.0967 8.19129 29.6173C5.60716 30.2643 3.11433 31.2357 0.771606 32.5086V4.11189C3.20469 2.69275 5.82533 1.62687 8.55557 0.945963C10.9527 0.327052 13.4169 0.00930695 15.8918 0H16.3193C16.8303 0.0127146 17.3287 0.0356008 17.7967 0.0712015C19.0297 0.157776 20.2528 0.352628 21.4521 0.653528V3.51685C20.2874 3.24551 19.1032 3.06695 17.9105 2.98284C17.8863 2.98079 17.8621 2.97872 17.8379 2.97666C17.5911 2.95561 17.344 2.93452 17.1136 2.93452ZM22.1528 5.86138C22.7877 5.9097 23.4455 5.93259 24.1108 5.93259C26.7125 5.92307 29.3031 5.59083 31.8239 4.94339C34.4068 4.29396 36.8986 3.32178 39.2411 2.04956V29.9402C36.8067 31.3585 34.1853 32.4243 31.4546 33.1061C29.0571 33.7227 26.5931 34.0395 24.1184 34.0496C22.2433 34.0647 20.3737 33.8443 18.553 33.3935V5.32229C18.983 5.42146 19.4257 5.51301 19.876 5.58929C20.6147 5.7139 21.3939 5.80544 22.1528 5.86138ZM36.3471 6.07753L35.3352 6.41828C34.4042 6.73106 33.4657 7.01078 32.5221 7.25998C29.7749 7.96596 26.9514 8.3281 24.1158 8.33818C23.4556 8.33818 22.8485 8.32038 22.2616 8.28224L21.4546 8.22883V28.3178V31.0057L22.1477 31.0667C22.7903 31.1227 23.4531 31.1506 24.1209 31.1506C26.3544 31.1412 28.5781 30.8533 30.7412 30.2937C32.5223 29.8469 34.2552 29.2243 35.9145 28.4348L36.3471 28.2263V6.07753Z"
/>
<path