-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
351 lines (347 loc) · 43.4 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Евклид Проектные системы</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="preload" href="fonts/montserrat-black-webfont.woff2" as="font">
<link rel="preload" href="fonts/montserrat-black-webfont.woff" as="font">
<link rel="preload" href="fonts/montserrat-bold-webfont.woff2" as="font">
<link rel="preload" href="fonts/montserrat-bold-webfont.woff" as="font">
<link rel="preload" href="fonts/montserrat-medium-webfont.woff2" as="font">
<link rel="preload" href="fonts/montserrat-medium-webfont.woff" as="font">
<link rel="preload" href="fonts/montserrat-regular-webfont.woff2" as="font">
<link rel="preload" href="fonts/montserrat-regular-webfont.woff" as="font">
<link rel="stylesheet" href="https://unpkg.com/swiper@6/swiper-bundle.min.css" />
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="header__container">
<nav class="header__nav">
<button class="header__burger" id="header__burger" aria-label="Меню"><svg width="30"
height="23" viewbox="0 0 30 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="30" height="3" fill="#333333" />
<rect y="10" width="30" height="3" fill="#333333" />
<rect y="20" width="30" height="3" fill="#333333" />
</svg>
</button>
<a href=" " class="header__nav_logo" aria-label="Логотип">
<img src="img/Logo.svg" alt="Евклид Проектные системы"></a>
<ul class="header__list" id="menu" aria-label="Навигация">
<li class="header__item"><a href="" class="header__link" aria-label="Проекты">Проекты</a>
</li>
<li class="header__item"><a href="" class="header__link" aria-label="Этапы">Этапы</a></li>
<li class="header__item"><a href="" class="header__link" aria-label="Отзывы">Отзывы</a>
</li>
<li class="header__item"><a href="" class="header__link" aria-label="Контакты">Контакты</a></li>
</ul>
<button class="header__search" aria-label="Поиск"><svg width="24" height="24"
viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="7.56126" height="1.89031"
transform="matrix(0.713342 0.700816 -0.713342 0.700816 18.6062 17.3762)"
fill="#333333" />
<path
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>
</nav>
</div>
</header>
<main>
<section class="section-hero">
<!-- Slider main container -->
<div class="container section-hero__container">
<div class="swiper-container" aria-role="Баннер">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide" style="background-image:url(img/hero-1920.webp);" aria-role="img"></div>
<div class="swiper-slide" style="background-image:url(img/pic_1.webp);" aria-role="img">
</div>
<div class="swiper-slide" style="background-image:url(img/pic_2.webp);" aria-role="img">
</div> ...
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<div class="section-hero__content">
<h1 class="section-hero__heading-h1">Проектные решения любой сложности</h1>
<h3 class="section-hero__heading-h2">Есть над чем задуматься: базовые сценарии поведения пользователей и по сей день остаются уделом проектантов</h3>
<button class="section-hero__btn" aria-label="Заказать расчёт">Заказать расчёт</button>
</div>
</div>
</div>
</section>
<section class="section-about">
<div class="container section-about__container">
<h2 class="section-about__heading-h2">О нас</h2>
<p class="section-about__paragraph">Также как перспективное планирование создаёт необходимость включения в производственный план целого ряда внеочередных мероприятий с учётом комплекса экспериментов, поражающих по своей масштабности и грандиозности. А также диаграммы связей
могут быть описаны максимально подробно. Мы вынуждены отталкиваться от того, что убеждённость некоторых оппонентов требует от нас анализа как самодостаточных, так и внешне зависимых концептуальных решений! Следует отметить, что высококачественный
прототип будущего проекта предопределяет высокую востребованность позиций, занимаемых участниками в отношении поставленных задач. Мы вынуждены отталкиваться от того, что высококачественный прототип будущего проекта способствует повышению
качества экспериментов. </p>
<div class="section-about__columns">
<div class="section-about__left">
<div class="section-about__left-content">
<p class="section-about__left-paragraph">Принимая во внимание показатели успешности, перспективное планирование способствует подготовке и реализации новых принципов.</p>
<button class="section-about__btn" aria-label="Подробнее">Подробнее</button>
</div>
</div>
<div class="section-about__right">
<div class="section-about__card section-about__card1">
<h3 class="section-about__right-h3">Консультация с широким активом</h3>
<p>А также свежий взгляд на привычные вещи - безусловно открывает новые горизонты для как самодостаточных, так и внешне зависимых концептуальных решений.</p>
</div>
<div class="section-about__card section-about__card2">
<h3 class="section-about__right-h3">В своём стремлении повысить</h3>
<p>Качество жизни, они забывают, что сплочённость команды профессионалов представляет собой интересный эксперимент проверки прогресса профессионального сообщества. </p>
</div>
</div>
</div>
</div>
</section>
<section class="section-work">
<div class="container section-work__container">
<h2 class="section-work__h2">Как мы работаем</h2>
<ul class="section-work__list">
<li class="section-work__item"><button class="section-work__list-btn" data-path="one" aria-label="1 шаг">1 шаг</button></li>
<li class="section-work__item"><button class="section-work__list-btn" data-path="two" aria-label="2 шаг">2 шаг</button></li>
<li class="section-work__item"><button class="section-work__list-btn" data-path="three" aria-label="3 шаг">3 шаг</button></li>
<li class="section-work__item"><button class="section-work__list-btn" data-path="four" aria-label="4 шаг">4 шаг</button></li>
</ul>
<div class="section-work__content section-work__content-tab1 section-work__content-active" data-target="one">
<h3 class="section-work__h3">Проводим консультацию</h3>
<p class="section-work__left-paragraph">Влечет за собой процесс внедрения и модернизации приоритизации разума над эмоциями. В рамках спецификации современных стандартов, некоторые особенности внутренней политики будут объективно рассмотрены соответствующими инстанциями.
А также представители современных социальных резервов, инициированные исключительно синтетически, ограничены исключительно образом мышления. Являясь всего лишь частью общей картины, реплицированные с зарубежных источников, современные
исследования подвергнуты целой серии независимых исследований. Кстати, стремящиеся вытеснить традиционное производство, нанотехнологии освещают чрезвычайно интересные особенности картины в целом, однако конкретные выводы, разумеется,
призваны к ответу.
</p>
<div class="section-work__btn">
<button class="section-work__btn1" aria-label="Подробнее">Подробнее</button>
<button class="section-work__btn2" aria-label="Договор">Договор</button>
</div>
</div>
<div class="section-work__content section-work__content-tab2" data-target="two">
<h3 class="section-work__h3">Составляем смету</h3>
<p class="section-work__left-paragraph section-work__left-paragraph-tab2">Внедрения и модернизации приоритизации разума над эмоциями. В рамках спецификации современных стандартов, некоторые особенности внутренней политики будут объективно рассмотрены соответствующими инстанциями. А также представители современных
социальных резервов, инициированные исключительно синтетически, ограничены исключительно образом мышления. Являясь всего лишь частью общей картины, реплицированные с зарубежных источников, современные исследования подвергнуты целой
серии независимых исследований. </p>
<div class="section-work__btn">
<button class="section-work__btn1" aria-label="Подробнее">Подробнее</button>
<button class="section-work__btn2" aria-label="Договор">Договор</button>
</div>
</div>
<div class="section-work__content section-work__content-tab3" data-target="three">
<h3 class="section-work__h3">Привлекаем подрядчиков</h3>
<p class="section-work__left-paragraph">Идейные соображения высшего порядка, а также новая модель организационной деятельности требует анализа прогресса профессионального сообщества. Высокий уровень вовлечения представителей целевой аудитории является четким доказательством
простого факта: высококачественный прототип будущего проекта напрямую зависит от дальнейших направлений развития. Разнообразный и богатый опыт говорит нам, что новая модель организационной деятельности говорит о возможностях системы
массового участия. Принимая во внимание показатели успешности, постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнить важные задания по разработке прогресса профессионального сообщества. </p>
<div class="section-work__btn">
<button class="section-work__btn1" aria-label="Подробнее">Подробнее</button>
<button class="section-work__btn2" aria-label="Договор">Договор</button>
</div>
</div>
<div class="section-work__content section-work__content-tab4" data-target="four">
<h3 class="section-work__h3">Инспектируем все этапы работ</h3>
<p class="section-work__left-paragraph section-work__left-paragraph-tab4">Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: высококачественный прототип будущего проекта напрямую зависит от дальнейших направлений развития. Разнообразный и богатый опыт
говорит нам, что новая модель организационной деятельности говорит о возможностях системы массового участия. Принимая во внимание показатели успешности, постоянное информационно- пропагандистское обеспечение нашей деятельности
позволяет. </p>
<div class="section-work__btn">
<button class="section-work__btn1" aria-label="Подробнее">Подробнее</button>
<button class="section-work__btn2" aria-label="Договор">Договор</button>
</div>
</div>
</div>
</section>
<section class="section-questions">
<div class="container section-questions__container">
<h2 class="section-questions__h2">Часто задаваемые вопросы</h2>
<ul class="section-questions__list" id="accordion">
<li class="section-questions__item">
<div class="section-questions__list-heading">
<h3 class="section-questions__h3">Из чего формируется конечная стоимость проекта?</h3>
<svg width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" class="section-questions__svg">
<ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC" />
<path 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>
</div>
<div class="p__accordion">
<p> Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы. Но высококачественный прототип будущего
проекта является качественно новой ступенью первоочередных требований. А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут
объявлены нарушающими общечеловеческие нормы этики и морали. И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на
роль ключевых факторов. Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу. Явные признаки победы институционализации набирают популярность среди определенных слоев
населения, а значит, должны быть объединены в целые кластеры себе подобных. Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены
в исключительно положительном свете. </p>
</div>
</li>
<li class="section-questions__item">
<div class="section-questions__list-heading">
<h3 class="section-questions__h3">У меня есть свой проект. Сможем ли мы его доработать / реализовать?</h3>
<svg width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" class="section-questions__svg">
<ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC" />
<path 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>
</div>
<div class="p__accordion">
<p> Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы. Но высококачественный прототип будущего
проекта является качественно новой ступенью первоочередных требований. А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут
объявлены нарушающими общечеловеческие нормы этики и морали. И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на
роль ключевых факторов. Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу. Явные признаки победы институционализации набирают популярность среди определенных слоев
населения, а значит, должны быть объединены в целые кластеры себе подобных. Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены
в исключительно положительном свете. </p>
</div>
</li>
<li class="section-questions__item">
<div class="section-questions__list-heading">
<h3 class="section-questions__h3">Я выбираю между разными компаниями. В чём ваше отличие? </h3>
<svg width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" class="section-questions__svg">
<ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC" />
<path 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>
</div>
<div class="p__accordion">
<p> Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы. Но высококачественный прототип будущего
проекта является качественно новой ступенью первоочередных требований. А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут
объявлены нарушающими общечеловеческие нормы этики и морали. И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на
роль ключевых факторов. Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу. Явные признаки победы институционализации набирают популярность среди определенных слоев
населения, а значит, должны быть объединены в целые кластеры себе подобных. Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены
в исключительно положительном свете. </p>
</div>
</li>
<li class="section-questions__item">
<div class="section-questions__list-heading">
<h3 class="section-questions__h3">Могу ли я делегировать вам работу / согласование с подрядчиком / организацией? </h3>
<svg width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" class="section-questions__svg">
<ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC" />
<path 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>
</div>
<div class="p__accordion">
<p> Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы. Но высококачественный прототип будущего
проекта является качественно новой ступенью первоочередных требований. А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут
объявлены нарушающими общечеловеческие нормы этики и морали. И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на
роль ключевых факторов. Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу. Явные признаки победы институционализации набирают популярность среди определенных слоев
населения, а значит, должны быть объединены в целые кластеры себе подобных. Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены
в исключительно положительном свете. </p>
</div>
</li>
<li class="section-questions__item">
<div class="section-questions__list-heading">
<h3 class="section-questions__h3">Могу ли я вернуть деньги на каком-либо из этапов работ? </h3>
<svg width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" class="section-questions__svg">
<ellipse cx="25" cy="25" rx="25" ry="25" fill="#ECECEC" />
<path 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>
</div>
<div class="p__accordion">
<p> Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы. Но высококачественный прототип будущего
проекта является качественно новой ступенью первоочередных требований. А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут
объявлены нарушающими общечеловеческие нормы этики и морали. И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на
роль ключевых факторов. Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу. Явные признаки победы институционализации набирают популярность среди определенных слоев
населения, а значит, должны быть объединены в целые кластеры себе подобных. Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены
в исключительно положительном свете. </p>
</div>
</li>
</ul>
</div>
</section>
<footer>
<div class="container container__footer">
<div class="footer-left">
<img src="img/Logo-light.svg" alt="Евклид Проектные системы" class="footer__logo" aria-label="Логотип">
<nav>
<ul class="footer-left__list" aria-label="Навигация">
<li class="footer__item"><a href="" aria-label="О нас">О нас</a></li>
<li class="footer__item"><a href="" aria-label="Проекты">Проекты</a></li>
<li class="footer__item"><a href="" aria-label="Отзывы">Отзывы</a></li>
<li class="footer__item"><a href="" aria-label="Договор оферты">Договор оферты</a>
</li>
<li class="footer__item"><a href="" aria-label="Договор подряда">Договор подряда</a>
</li>
<li class="footer__item"><a href="" aria-label="Конфиденциальность">Конфиденциальность</a></li>
<li class="footer__item"><a href="" aria-label="Партнёрское соглашение">Партнёрское
соглашение</a></li>
</ul>
</nav>
<ul class="footer-left__social-list" aria-label="Ссылки на соцсети">
<li class="footer-left__social-item"><a href="#"><svg width="60" height="60"
viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"
class="footer-left__social-svg" aria-label="Фейсбук">
<path
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="footer-left__social-item"><a href="#"><svg width="60" height="60"
viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"
class="footer-left__social-svg" aria-label="Вконтакте">
<path
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="footer-left__social-item"><a href="#"><svg width="60" height="60"
viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"
class="footer-left__social-svg" aria-label="Инстаграм">
<path
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
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
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>
</div>
<div class="footer-middle">
<h2 class="footer-middle__h2">Оставить заявку</h2>
<form action="https://jsonplaceholder.typicode.com/posts" autocomplete="on" method="GET" aria-label="Форма">
<input type="text" name="name" placeholder="Фамилия, имя и отчество*" required aria-label="Введите фамилию, имя и отчество">
<input type="email" name="email" value="E-mail" placeholder="E-mail*" required aria-label="Введите email">
<textarea name="textarea" cols="30" rows="10" placeholder="Сообщение" aria-label="Введите текст-сообщение"></textarea>
<button type="submit" class="footer-middle__btn" aria-label="Отправить данные">Отправить
данные</button>
<label class="footer-middle__label"><input type="checkbox" name="check" checked
aria-checked="true"><span class="footer__checkbox"><svg width="14" height="14"
viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="13" height="13" stroke="#CACACA" />
<path d="M10.9498 4.08233L6.00002 9.03208L3.17159 6.20365" stroke="#97EE3F"
stroke-width="2" />
</svg></span>Согласен на обработку данных</label>
</form>
</div>
<div class="footer-right">
<p>Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: разбавленное изрядной долей эмпатии, рациональное мышление позволяет оценить значение модели развития. Таким образом, консультация
с широким активом обеспечивает широкому кругу (специалистов) участие в формировании стандартных подходов.</p>
</div>
</div>
</footer>
</main>
<script src="https://unpkg.com/swiper@6/swiper-bundle.min.js"></script>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/lazyload.min.js"></script>
<script>
$(function() {
$("#accordion").accordion({
collapsible: true
});
});
lazyload();
</script>
<script src="js/index.js"></script>
</body>
</html>