-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
605 lines (582 loc) · 39.2 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<title>Евклид</title>
</head>
<body>
<header class="section-header modificator">
<div class="section-header__contains modificator">
<div class="container">
<nav class="section-header__navigation">
<ul class="section-header__list">
<li class="section-header__burger gold-menu">
<button class="gold-menu__pref" aria-label="Меню">
<svg class="burger__new" clxmlns="http://www.w3.org/2000/svg" width="80" height="80"
viewbox="0 0 200 200">
<g stroke-width="6.5" stroke-linecap="round">
<path d="M72 82.286h28.75" fill="#009100" fill-rule="evenodd" stroke="#333" />
<path
d="M100.75 103.714l72.482-.143c.043 39.398-32.284 71.434-72.16 71.434-39.878 0-72.204-32.036-72.204-71.554"
fill="none" stroke="#333" />
<path d="M72 125.143h28.75" fill="#009100" fill-rule="evenodd" stroke="#333" />
<path
d="M100.75 103.714l-71.908-.143c.026-39.638 32.352-71.674 72.23-71.674 39.876 0 72.203 32.036 72.203 71.554"
fill="none" stroke="#333" />
<path d="M100.75 82.286h28.75" fill="#009100" fill-rule="evenodd" stroke="#333" />
<path d="M100.75 125.143h28.75" fill="#009100" fill-rule="evenodd" stroke="#333" />
</g>
</svg>
</button>
</li>
<i class="section-header__logo icon" >
<a class="icon_link" href="" lang="ru" aria-label="Лого Евклид"></a>
</i>
<li class="section-header__item gold-link">
<a href="" class="gold-link__pref modificator">
О нас
</a>
</li>
<li class="section-header__item gold-link">
<a href="" class="gold-link__pref modificator">
Проекты
</a>
</li>
<li class="section-header__item gold-link">
<a href="" class="gold-link__pref modificator">
Этапы
</a>
</li>
<li class="section-header__item gold-link">
<a href="" class="gold-link__pref modificator">
Отзывы
</a>
</li>
<li class="section-header__item gold-link">
<a href="" class="gold-link__pref modificator">
Контакты
</a>
</li>
<li class="section-header__search gold-search">
<button class="gold-search__pref" aria-label="Поиск">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect class="modificator" width="7.56126" height="1.89031"
transform="matrix(0.713342 0.700816 -0.713342 0.700816 18.6062 17.3762)" fill="#333333" />
<path class="modificator"
d="M20.9303 10.7726C20.9303 16.1533 16.4855 20.5452 10.9652 20.5452C5.44478 20.5452 1 16.1533 1 10.7726C1 5.39198 5.44478 1 10.9652 1C16.4855 1 20.9303 5.39198 20.9303 10.7726Z"
stroke="#333333" stroke-width="2" />
</svg>
</button>
</li>
</ul>
</nav>
</div>
</div>
<div class="burger__menu modificator">
<ul class="section-header__list">
<li class="section-header__item gold-link">
<a href="" class="gold-link__pref modificator">
О нас
</a>
</li>
<li class="section-header__item gold-link">
<a href="" class="gold-link__pref modificator">
Проекты
</a>
</li>
<li class="section-header__item gold-link">
<a href="" class="gold-link__pref modificator">
Этапы
</a>
</li>
<li class="section-header__item gold-link">
<a href="" class="gold-link__pref modificator">
Отзывы
</a>
</li>
<li class="section-header__item gold-link">
<a href="" class="gold-link__pref modificator">
Контакты
</a>
</li>
</ul>
</div>
</header>
<main>
<section class="section-hero">
<div class="container">
<!-- Slider main container -->
<div class="section-hero__contain">
<h1 class="section-hero__header">
Проектные решения любой сложности
</h1>
<p class="section-hero__descr">
Есть над чем задуматься: базовые сценарии поведения пользователей и по сей день остаются
уделом проектантов
</p>
<a class="section-hero__btn hero-btn modificator" href="">
<span class="hero-btn__text">
Заказать расчёт
</span>
</a>
</div>
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<div class="swiper-slide section-hero__img section-hero__img-1"></div>
<div class="swiper-slide section-hero__img section-hero__img-2"></div>
<div class="swiper-slide section-hero__img section-hero__img-3"></div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<section class="section-about-us">
<div class="container">
<h2 class="section-heading section-about-us__heading">
О нас
</h2>
<p class="section-about-us__descr">
Также как перспективное планирование создаёт необходимость включения в производственный план целого
ряда внеочередных мероприятий с учётом комплекса экспериментов, поражающих по своей масштабности и
грандиозности. А также диаграммы связей могут быть описаны максимально подробно. Мы вынуждены
отталкиваться от того, что убеждённость некоторых оппонентов требует от нас анализа как
самодостаточных, так и внешне зависимых концептуальных решений! Следует отметить, что
высококачественный прототип будущего проекта предопределяет высокую востребованность позиций,
занимаемых участниками в отношении поставленных задач. Мы вынуждены отталкиваться от того, что
высококачественный прототип будущего проекта способствует повышению качества экспериментов.
</p>
<div class="section-about-us__imgs">
<div class="section-about-us__left">
<div class="section-about-us__dark">
<p class="section-about-us__descr2">
Принимая во внимание показатели успешности, перспективное планирование способствует
подготовке и реализации новых принципов.
</p>
<a class="section-about-us__btn more-btn modificator" href="">
<span class="more-btn__text">
Подробнее
</span>
</a>
</div>
</div>
<div class="section-about-us__left_2">
<div class="section-about-us__dark_2">
</div>
<div class="section-about-us__descr2">
Принимая во внимание показатели успешности, перспективное планирование способствует
подготовке и реализации новых принципов.
</div>
<a class="section-about-us__btn more-btn modificator" href="">
<span class="more-btn__text">
Подробнее
</span>
</a>
</div>
<div class="section-about-us__right">
<div class="section-about-us__element">
<div class="section-about-us__img section-about-us__img-1">
</div>
<div class="section-about-us__info">
<h3 class="section-about-us__heading3">Консультация с широким активом
</h3>
<p class="section-about-us__text">А также свежий взгляд на привычные вещи -
безусловно
открывает новые горизонты для как самодостаточных, так и внешне зависимых
концептуальных решений.
</p>
</div>
</div>
<div class="section-about-us__element">
<div class="section-about-us__img section-about-us__img-2">
</div>
<div class="section-about-us__info">
<h3 class="section-about-us__heading3">
В своём стремлении повысить
</h3>
<p class="section-about-us__text">
Качество жизни, они забывают, что сплочённость команды профессионалов
представляет
собой интересный эксперимент проверки прогресса профессионального сообщества.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-way-we-do">
<div class="container">
<h2 class="section-heading section-way-we-do__heading">
Как мы работаем
</h2>
<ul class="section-way-we-do__list">
<li class="section-way-we-do__item step-btn">
<button class="step-btn__pref modificator" data-path="one">
1 шаг
</button>
</li>
<li class="section-way-we-do__item step-btn">
<button class="step-btn__pref modificator" data-path="two">
2 шаг
</button>
</li>
<li class="section-way-we-do__item step-btn">
<button class="step-btn__pref modificator" data-path="three">
3 шаг
</button>
</li>
<li class="section-way-we-do__item step-btn">
<button class="step-btn__pref modificator" data-path="four">
4 шаг
</button>
</li>
</ul>
<div class="section-way-we-do__slides">
<div class="section-way-we-do__slide">
<div class="section-way-we-do__left">
<ul class="section-way-we-do__descrs">
<li class="section-way-we-do__descr section-way-we-do__descr-acitve" data-target="one">
<h3 class="section-way-we-do__header3">
Проводим консультацию
</h3>
<p class="section-way-we-do__text">
Влечет за собой процесс внедрения и модернизации приоритизации разума над
эмоциями.
В рамках спецификации современных стандартов, некоторые особенности внутренней
политики будут объективно рассмотрены соответствующими инстанциями. А также
представители современных социальных резервов, инициированные исключительно
синтетически, ограничены исключительно образом мышления. Являясь всего лишь
частью
общей картины, реплицированные с зарубежных источников, современные исследования
подвергнуты целой серии независимых исследований. Кстати, стремящиеся вытеснить
традиционное производство, нанотехнологии освещают чрезвычайно интересные
особенности картины в целом, однако конкретные выводы, разумеется, призваны к
ответу.
</p>
</li>
<li class="section-way-we-do__descr" data-target="two">
<h3 class="section-way-we-do__header3">
Составляем смету
</h3>
<p class="section-way-we-do__text">
Внедрения и модернизации приоритизации разума над эмоциями. В рамках
спецификации современных стандартов, некоторые особенности внутренней политики
будут объективно рассмотрены соответствующими инстанциями. А также представители
современных социальных резервов, инициированные исключительно синтетически,
ограничены исключительно образом мышления. Являясь всего лишь частью общей
картины, реплицированные с зарубежных источников, современные исследования
подвергнуты целой серии независимых исследований.
</p>
</li>
<li class="section-way-we-do__descr" data-target="three">
<h3 class="section-way-we-do__header3">
Привлекаем подрядчиков
</h3>
<p class="section-way-we-do__text">
Идейные соображения высшего порядка, а также новая модель организационной
деятельности требует анализа прогресса профессионального сообщества. Высокий
уровень вовлечения представителей целевой аудитории является четким
доказательством простого факта: высококачественный прототип будущего проекта
напрямую зависит от дальнейших направлений развития. Разнообразный и богатый
опыт говорит нам, что новая модель организационной деятельности говорит о
возможностях системы массового участия. Принимая во внимание показатели
успешности, постоянное информационно-пропагандистское обеспечение нашей
деятельности позволяет выполнить важные задания по разработке прогресса
профессионального сообщества.
</p>
</li>
<li class="section-way-we-do__descr" data-target="four">
<h3 class="section-way-we-do__header3">
Инспектируем все этапы работ
</h3>
<p class="section-way-we-do__text">
Высокий уровень вовлечения представителей целевой аудитории является четким
доказательством простого факта: высококачественный прототип будущего проекта
напрямую зависит от дальнейших направлений развития. Разнообразный и богатый
опыт говорит нам, что новая модель организационной деятельности говорит о
возможностях системы массового участия. Принимая во внимание показатели
успешности, постоянное информационно-пропагандистское обеспечение нашей
деятельности позволяет.
</p>
</li>
</ul>
<div class="section-way-we-do__buttons">
<a class="section-way-we-do__btn way-btn modificator" href="">
<span class="way-btn__text">
Подробнее
</span>
</a>
<a class="section-way-we-do__btn contract-btn modificator" href="">
<span class="contract-btn__text">
Договор
</span>
</a>
</div>
</div>
<div class="section-way-we-do__right section-way-we-do__right-0 section-way-we-do__descr-acitve"
data-target="one"></div>
<div class="section-way-we-do__right section-way-we-do__right-1" data-target="two"></div>
<div class="section-way-we-do__right section-way-we-do__right-2" data-target="three"></div>
<div class="section-way-we-do__right section-way-we-do__right-3" data-target="four"></div>
</div>
</div>
</div>
</section>
<section class="section-questions">
<div class="container">
<h2 class="section-heading section-questions__heading">
Часто задаваемые вопросы
</h2>
<div id="accordion" class="section-questions__list">
<div class="section-questions__item modificator">
<button class="section-questions__link" data-path="q-one">
<h3 class="section-questions__text">
Из чего формируется конечная стоимость проекта?
</h3>
<span class="section-questions__icon">
<svg width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC" class="modificator" />
<path data-target="q-one" class="icon_circle modificator" fill-rule="evenodd" clip-rule="evenodd"
d="M25.0571 24.0571L25.0571 9L25.9429 9L25.9429 24.0571L33.8835 24.0571L41 24.0571L41 24.9429L25.9429 24.9429L25.9429 40L25.0571 40L25.0571 24.9429L10 24.9429L10 24.0571L25.0571 24.0571Z"
fill="#666666" />
</svg>
</span>
</button>
</div>
<div class="section-questions__descr">
<p class="section-questions__descr-text">
Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают
нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы. Но
высококачественный прототип будущего проекта является качественно новой ступенью первоочередных
требований. А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример
континентально-европейского типа политической культуры, будут объявлены нарушающими общечеловеческие
нормы этики и морали. И нет сомнений, что явные признаки победы институционализации призывают нас к
новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на роль ключевых
факторов.
</p>
<p class="section-questions__descr-text">
Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к
ответу. Явные признаки победы институционализации набирают популярность среди определенных слоев
населения, а значит, должны быть объединены в целые кластеры себе подобных. Банальные, но
неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые,
в свою очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
<div class="section-questions__item modificator">
<button class="section-questions__link" data-path="q-two">
<h3 class="section-questions__text">
У меня есть свой проект. Сможем ли мы его доработать
<span class="section-questions__slash modificator">
/
</span> реализовать?
</h3>
<span class="section-questions__icon">
<svg width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC" class="modificator" />
<path data-target="q-two" class="icon_circle modificator" fill-rule="evenodd" clip-rule="evenodd"
d="M25.0571 24.0571L25.0571 9L25.9429 9L25.9429 24.0571L33.8835 24.0571L41 24.0571L41 24.9429L25.9429 24.9429L25.9429 40L25.0571 40L25.0571 24.9429L10 24.9429L10 24.0571L25.0571 24.0571Z"
fill="#666666" />
</svg>
</span>
</button>
</div>
<div class="section-questions__descr">
<p class="section-questions__descr-text">
У вас деньги, у нас товар.
</p>
</div>
<div class="section-questions__item modificator">
<button class="section-questions__link" data-path="q-three">
<h3 class="section-questions__text">
Я выбираю между разными компаниями. В чём ваше отличие?
</h3>
<span class="section-questions__icon">
<svg width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC" class="modificator" />
<path data-target="q-three" class="icon_circle modificator" fill-rule="evenodd" clip-rule="evenodd"
d="M25.0571 24.0571L25.0571 9L25.9429 9L25.9429 24.0571L33.8835 24.0571L41 24.0571L41 24.9429L25.9429 24.9429L25.9429 40L25.0571 40L25.0571 24.9429L10 24.9429L10 24.0571L25.0571 24.0571Z"
fill="#666666" />
</svg>
</span>
</button>
</div>
<div class="section-questions__descr">
<p class="section-questions__descr-text">
У нас дешевле и мы не нагреваем на деньги.
</p>
</div>
<div class="section-questions__item modificator">
<button class="section-questions__link" data-path="q-four">
<h3 class="section-questions__text">
Могу ли я делегировать вам работу <span class="section-questions__slash modificator">
/
</span> согласование с подрядчиком <span class="section-questions__slash modificator">
/
</span> организацией?
</h3>
<span class="section-questions__icon">
<svg width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC" class="modificator" />
<path data-target="q-four" class="icon_circle modificator" fill-rule="evenodd" clip-rule="evenodd"
d="M25.0571 24.0571L25.0571 9L25.9429 9L25.9429 24.0571L33.8835 24.0571L41 24.0571L41 24.9429L25.9429 24.9429L25.9429 40L25.0571 40L25.0571 24.9429L10 24.9429L10 24.0571L25.0571 24.0571Z"
fill="#666666" />
</svg>
</span>
</button>
</div>
<div class="section-questions__descr">
<p class="section-questions__descr-text">
Наверно. Не знаю. Пойду в словарь, узнаю значения того, что вы мне сказали только что.
</p>
</div>
<div class="section-questions__item modificator">
<button class="section-questions__link" data-path="q-five">
<h3 class="section-questions__text">
Могу ли я вернуть деньги на каком-либо из этапов работ?
</h3>
<span class="section-questions__icon">
<svg width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC" class="modificator" />
<path data-target="q-five" class="icon_circle modificator" fill-rule="evenodd" clip-rule="evenodd"
d="M25.0571 24.0571L25.0571 9L25.9429 9L25.9429 24.0571L33.8835 24.0571L41 24.0571L41 24.9429L25.9429 24.9429L25.9429 40L25.0571 40L25.0571 24.9429L10 24.9429L10 24.0571L25.0571 24.0571Z"
fill="#666666" />
</svg>
</span>
</button>
</div>
<div class="section-questions__descr">
<p class="section-questions__descr-text">
Ага, ща. Мы уже все выстроили, и ты решил заднюю дать? Заказал - жди работы.
</p>
</div>
</div>
</div>
</section>
<section class="section-footer">
<div class="container">
<div class="section-footer__all">
<nav class="section-footer__first">
<a class="section-footer__icon" href="" aria-label="Лого Евклид"></a>
<ul class="section-footer__list">
<li class="section-footer__item">
<a class="section-footer__link modificator" href="">
О нас
</a>
</li>
<li class="section-footer__item">
<a class="section-footer__link modificator" href="">
Проекты
</a>
</li>
<li class="section-footer__item">
<a class="section-footer__link modificator" href="">
Отзывы
</a>
</li>
<li class="section-footer__item">
<a class="section-footer__link modificator" href="">
Договор оферты
</a>
</li>
<li class="section-footer__item">
<a class="section-footer__link modificator" href="">
Договор подряда
</a>
</li>
<li class="section-footer__item">
<a class="section-footer__link modificator" href="">
Конфиденциальность
</a>
</li>
<li class="section-footer__item">
<a class="section-footer__link modificator" href="">
Партнёрское соглашение
</a>
</li>
</ul>
<ul class="section-footer__media-links">
<li class="section-footer__media">
<a href="" class="section-footer__media-link" aria-label="Facebook">
<svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="modificator"
d="M30 0C13.5 0 0 13.5241 0 30.1807C0 45.241 10.98 57.741 25.32 60V38.9157H17.7V30.1807H25.32V23.5241C25.32 15.9639 29.79 11.8072 36.66 11.8072C39.93 11.8072 43.3499 12.3795 43.3499 12.3795V19.8193H39.57C35.85 19.8193 34.68 22.1386 34.68 24.5181V30.1807H43.0199L41.6699 38.9157H34.68V60C41.7493 58.8791 48.1866 55.2576 52.8297 49.7893C57.4729 44.3211 60.016 37.3664 59.9999 30.1807C59.9999 13.5241 46.4999 0 30 0Z"
fill="#7C7C7C" />
</svg>
</a>
</li>
<li class="section-footer__media">
<a href="" class="section-footer__media-link" aria-label="Вконтакте">
<svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="modificator"
d="M30 0C13.432 0 0 13.4314 0 30C0 46.5686 13.432 60 30 60C46.568 60 60 46.5686 60 30C60 13.4314 46.568 0 30 0ZM45.2176 33.2446C46.6159 34.6103 48.0951 35.8957 49.3504 37.4026C49.9065 38.0692 50.4307 38.7585 50.8297 39.5337C51.3993 40.6392 50.8849 41.8515 49.8954 41.9171L43.7494 41.9159C42.162 42.0473 40.8988 41.4071 39.8339 40.3218C38.9837 39.457 38.195 38.5332 37.3762 37.6389C37.0416 37.2718 36.6893 36.9262 36.2695 36.6543C35.4316 36.1093 34.7036 36.2762 34.2236 37.1515C33.7344 38.0421 33.6227 39.0292 33.5761 40.0205C33.5092 41.4697 33.0721 41.8484 31.618 41.9165C28.5109 42.062 25.5628 41.5906 22.8227 40.0241C20.4055 38.6425 18.5346 36.6924 16.9043 34.4845C13.7297 30.1805 11.2984 25.4566 9.11386 20.597C8.6222 19.5026 8.98189 18.917 10.1893 18.8943C12.1952 18.8557 14.2011 18.8606 16.2071 18.8925C17.0234 18.9054 17.5636 19.3725 17.8772 20.1428C18.9612 22.8098 20.2901 25.3473 21.9554 27.7007C22.3992 28.3274 22.8522 28.9522 23.4973 29.3948C24.2093 29.8834 24.7519 29.7219 25.0877 28.9271C25.3025 28.4219 25.3952 27.8817 25.4418 27.3404C25.6014 25.486 25.6205 23.6323 25.3442 21.7854C25.1724 20.6296 24.5224 19.8832 23.3702 19.6647C22.7834 19.5536 22.8694 19.3363 23.1548 19.0011C23.6501 18.4217 24.1142 18.0632 25.0416 18.0632L31.9857 18.062C33.0801 18.2768 33.3256 18.7679 33.4742 19.8703L33.4803 27.5871C33.4674 28.0137 33.6945 29.2782 34.4606 29.5574C35.0744 29.76 35.4795 29.2677 35.8465 28.8792C37.5118 27.112 38.6983 25.0263 39.7608 22.8675C40.2298 21.9155 40.6343 20.9303 41.0271 19.9433C41.3193 19.2135 41.7735 18.8544 42.5972 18.8667L49.2841 18.8747C49.4811 18.8747 49.6812 18.8765 49.8764 18.9103C51.0034 19.103 51.3121 19.5879 50.9635 20.6873C50.4147 22.4145 49.3485 23.8533 48.3063 25.2958C47.1892 26.8401 45.9977 28.3304 44.8917 29.8815C43.8752 31.2994 43.9556 32.0133 45.2176 33.2446Z"
fill="#7C7C7C" />
</svg>
</a>
</li>
<li class="section-footer__media">
<a href="" class="section-footer__media-link" aria-label="Instagram">
<svg width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="modificator"
d="M24.2578 30C24.2578 33.1714 26.8286 35.7422 30 35.7422C33.1714 35.7422 35.7422 33.1714 35.7422 30C35.7422 26.8286 33.1714 24.2578 30 24.2578C26.8286 24.2578 24.2578 26.8286 24.2578 30Z"
fill="#7C7C7C" />
<path class="modificator"
d="M16.571 19.8403C16.8471 19.0923 17.2874 18.4153 17.8596 17.8596C18.4154 17.2874 19.0919 16.847 19.8404 16.571C20.4474 16.3352 21.3593 16.0546 23.0388 15.9781C24.8557 15.8953 25.4004 15.8774 30 15.8774C34.6001 15.8774 35.1448 15.8948 36.9612 15.9777C38.6407 16.0546 39.5531 16.3352 40.1596 16.571C40.9081 16.847 41.5851 17.2874 42.1404 17.8596C42.7126 18.4153 43.1529 19.0919 43.4294 19.8403C43.6652 20.4473 43.9458 21.3596 44.0222 23.0392C44.1051 24.8556 44.1229 25.4003 44.1229 30.0004C44.1229 34.6 44.1051 35.1447 44.0222 36.9616C43.9458 38.6411 43.6652 39.553 43.4294 40.16C43.1529 40.9084 42.713 41.585 42.1408 42.1407C41.5851 42.7129 40.9085 43.1533 40.1601 43.4293C39.5531 43.6655 38.6407 43.9461 36.9612 44.0226C35.1448 44.1054 34.6005 44.1228 30.0005 44.1228C25.3999 44.1228 24.8552 44.1054 23.0392 44.0226C21.3597 43.9461 20.4474 43.6655 19.8404 43.4293C18.338 42.8498 17.1506 41.6624 16.571 40.16C16.3353 39.553 16.0547 38.6411 15.9778 36.9616C15.8949 35.1447 15.8775 34.6 15.8775 30.0004C15.8775 25.4003 15.8949 24.8556 15.9778 23.0392C16.0542 21.3596 16.3348 20.4473 16.571 19.8403ZM30 38.8457C34.8857 38.8457 38.8463 34.8856 38.8463 29.9999C38.8463 25.1142 34.8857 21.1541 30 21.1541C25.1147 21.1541 21.1542 25.1142 21.1542 29.9999C21.1542 34.8856 25.1147 38.8457 30 38.8457ZM20.8044 22.8716C21.9461 22.8716 22.8717 21.946 22.8717 20.8044C22.8717 19.6627 21.9461 18.7371 20.8044 18.7371C19.6628 18.7371 18.7372 19.6627 18.7372 20.8044C18.7376 21.946 19.6628 22.8716 20.8044 22.8716Z"
fill="#7C7C7C" />
<path class="modificator"
d="M30 0C46.566 0 60 13.434 60 30C60 46.566 46.566 60 30 60C13.434 60 0 46.566 0 30C0 13.434 13.434 0 30 0ZM12.8773 37.1022C12.9607 38.936 13.2523 40.188 13.678 41.2839C14.5729 43.5979 16.4021 45.4271 18.7161 46.322C19.8116 46.7477 21.064 47.0389 22.8973 47.1227C24.7343 47.2064 25.3212 47.2266 29.9995 47.2266C34.6783 47.2266 35.2647 47.2064 37.1022 47.1227C38.9355 47.0389 40.188 46.7477 41.2834 46.322C42.4333 45.8894 43.4743 45.2115 44.3349 44.3349C45.211 43.4747 45.889 42.4333 46.3216 41.2839C46.7473 40.1884 47.0389 38.936 47.1222 37.1027C47.2069 35.2652 47.2266 34.6783 47.2266 30C47.2266 25.3217 47.2069 24.7348 47.1227 22.8978C47.0393 21.064 46.7482 19.812 46.3225 18.7161C45.8899 17.5667 45.2115 16.5253 44.3349 15.6651C43.4747 14.7885 42.4333 14.1106 41.2839 13.678C40.188 13.2523 38.936 12.9611 37.1022 12.8773C35.2652 12.7936 34.6783 12.7734 30 12.7734C25.3217 12.7734 24.7348 12.7936 22.8978 12.8778C21.064 12.9611 19.812 13.2523 18.7161 13.6775C17.5667 14.1101 16.5253 14.7885 15.6647 15.6651C14.7885 16.5257 14.1101 17.5667 13.678 18.7161C13.2518 19.812 12.9607 21.064 12.8769 22.8978C12.7931 24.7348 12.7734 25.3217 12.7734 30C12.7734 34.6783 12.7931 35.2652 12.8773 37.1022Z"
fill="#7C7C7C" />
</svg>
</a>
</li>
</ul>
</nav>
<div class="section-footer__second">
<h2 class="section-footer__second2">Оставить заявку</h2>
<form class="section-footer__form" action="https://jsonplaceholder.typicode.com/posts" method="post"
target="_blank">
<input aria-label="Введите ваше Фамилию, Имя, Отчество" class="section-footer__form-item" type="text" placeholder="Фамилия, имя и отчество*"
name="fullname" required>
<input class="section-footer__form-item" type="email" placeholder="E-mail*" name="email" required>
<textarea class="section-footer__textarea" name="message" placeholder="Сообщение"></textarea>
<div class="section-footer__btns">
<button class="section-footer__btn footer-btn">
<span class="footer-btn__text">
Отправить данные
</span>
</button>
<div class="section-footer__checkbox">
<input type="checkbox" id="data-preprocessing" class="section-footer__checkbox_check" value="Yes"
required>
<label for="data-preprocessing" class="section-footer__check-text">Согласен на
обработку
данных</label>
</div>
</div>
</form>
</div>
<p class="section-footer__third">
Высокий уровень вовлечения представителей целевой аудитории является четким доказательством
простого факта: разбавленное изрядной долей эмпатии, рациональное мышление позволяет оценить
значение модели развития. Таким образом, консультация с широким активом обеспечивает широкому
кругу (специалистов) участие в формировании стандартных подходов.
</p>
</div>
</div>
</section>
</main>
<script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="js/script.js"></script>
<script src="js/tabs.js"></script>
<script src="js/accordion.js"></script>
<script src="js/burger.js"></script>
</body>
</html>