-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
445 lines (430 loc) · 47.5 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
<!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">
<meta name="description" content="Евклид - один из лидеров по проектирование и строительству.">
<title>Евклид - проектные системы.</title>
<link rel="icon" type="image/x-icon" href="./images/favicon.svg">
<link rel="stylesheet" href="./styles/normalize.css">
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css">
<link rel="stylesheet" href="https://unpkg.com/accordion-js@3.3.0/dist/accordion.min.css">
<link rel="stylesheet" href="./styles/style.css">
<script src="./scripts/isLegacyBrowser.js"></script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=Array.prototype.forEach%2CDocument%2CDocumentFragment%2CDocumentFragment.prototype.append%2CDocumentFragment.prototype.prepend%2CElement%2CElement.prototype.after%2CElement.prototype.append%2CElement.prototype.before%2CElement.prototype.classList%2CElement.prototype.closest%2CElement.prototype.prepend"></script>
</head>
<body>
<header class="header">
<div class="container header__container">
<div class="burger">
<button class="icon burger__button" aria-label="Открытие меню на устройствах с маленьким экраном">
<span class="burger__button-line"></span>
<span class="burger__button-line"></span>
<span class="burger__button-line"></span>
</button>
<nav class="burger__nav burger__nav_hidden" aria-label="Главная навигация по сайту для устройств с маленьким экраном">
<ul class="burger__nav-menu">
<li class="burger__nav-item"><a class="link burger__nav-link" href="#about-us">О нас</a></li>
<li class="burger__nav-item"><a class="link burger__nav-link" href="#">Проекты</a></li>
<li class="burger__nav-item"><a class="link burger__nav-link" href="#steps">Этапы</a></li>
<li class="burger__nav-item"><a class="link burger__nav-link" href="#">Отзывы</a></li>
<li class="burger__nav-item"><a class="link burger__nav-link" href="#">Контакты</a></li>
</ul>
</nav>
</div>
<a class="logo header__logo" href="index.html" aria-label="Логотип компании Эвклид">
<img class="logo__image" src="./images/logo.svg" alt="Логотип компании Эвклид">
</a>
<nav class="nav" aria-label="Главная навигация по сайту для устройств с большим экраном">
<ul class="nav__menu header__nav-menu">
<li class="nav__item"><a class="link nav__link" href="#about-us">О нас</a></li>
<li class="nav__item"><a class="link nav__link" href="#">Проекты</a></li>
<li class="nav__item"><a class="link nav__link" href="#steps">Этапы</a></li>
<li class="nav__item"><a class="link nav__link" href="#">Отзывы</a></li>
<li class="nav__item"><a class="link nav__link" href="#">Контакты</a></li>
</ul>
<div class="site-search">
<button class="icon site-search__button" aria-label="Открытие поля поиска">
<svg class="icon__image site-search__button-icon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon__path" fill-rule="evenodd" clip-rule="evenodd" d="M16.0042 20.3429C14.4954 21.1112 12.7819 21.5452 10.9652 21.5452C4.90927 21.5452 0 16.7222 0 10.7726C0 4.82306 4.90927 0 10.9652 0C17.021 0 21.9303 4.82306 21.9303 10.7726C21.9303 12.8095 21.3549 14.7143 20.3551 16.3388C20.0187 16.8853 19.6344 17.4 19.2077 17.8773C19.1861 17.9015 19.1644 17.9256 19.1426 17.9496L24 22.6752L22.6515 24L17.7421 19.242C17.2015 19.6601 16.6199 20.0293 16.0042 20.3429ZM17.716 16.5446L16.4487 17.7141C14.9372 18.8603 13.038 19.5452 10.9652 19.5452C5.98029 19.5452 2 15.5843 2 10.7726C2 5.96089 5.98029 2 10.9652 2C15.95 2 19.9303 5.96089 19.9303 10.7726C19.9303 12.974 19.0972 14.9972 17.716 16.5446Z" fill="#333"></path>
</svg>
</button>
<form class="site-search__form site-search__form_hidden" aria-label="Форма с полем поиска">
<label for="siteSearchField" class="label label_hidden">Поиск по сайту</label>
<input id="siteSearchField" class="input site-search__input" type="text" placeholder="Что будем искать?">
<button class="icon site-search__form-button site-search__form-search-button" type="submit" aria-label="Начать поиск">
<svg class="icon__image site-search__form-search-button-icon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon__path" fill-rule="evenodd" clip-rule="evenodd" d="M16.0042 20.3429C14.4954 21.1112 12.7819 21.5452 10.9652 21.5452C4.90927 21.5452 0 16.7222 0 10.7726C0 4.82306 4.90927 0 10.9652 0C17.021 0 21.9303 4.82306 21.9303 10.7726C21.9303 12.8095 21.3549 14.7143 20.3551 16.3388C20.0187 16.8853 19.6344 17.4 19.2077 17.8773C19.1861 17.9015 19.1644 17.9256 19.1426 17.9496L24 22.6752L22.6515 24L17.7421 19.242C17.2015 19.6601 16.6199 20.0293 16.0042 20.3429ZM17.716 16.5446L16.4487 17.7141C14.9372 18.8603 13.038 19.5452 10.9652 19.5452C5.98029 19.5452 2 15.5843 2 10.7726C2 5.96089 5.98029 2 10.9652 2C15.95 2 19.9303 5.96089 19.9303 10.7726C19.9303 12.974 19.0972 14.9972 17.716 16.5446Z" fill="#333"></path>
</svg>
</button>
<button class="icon site-search__form-button site-search__form-close-button" type="submit" aria-label="Закрыть поле поиска">
<svg class="icon__image site-search__form-close-button-icon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon__path" fill-rule="evenodd" clip-rule="evenodd" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 22C18.0751 22 22 18.0751 22 12C22 5.92487 18.0751 2 12 2C5.92487 2 2 5.92487 2 12C2 18.0751 5.92487 22 12 22Z" fill="#999"></path>
<path class="icon__path" d="M9 7L17.2481 15.2481L15.5985 16.8977L7.35039 8.64961L9 7Z M7 15L15.2481 6.75193L16.8977 8.40154L8.64961 16.6496L7 15Z" fill="#999999"></path>
</svg>
</button>
</form>
</div>
</nav>
</div>
</header>
<main class="main">
<section class="main__section hero">
<div class="container">
<div class="hero__slider">
<ul class="swiper-wrapper hero__slider-wrapper" aria-label="Слайдер с декоративными изображениями">
<li class="swiper-slide hero__slider-item">
</li>
<li class="swiper-slide hero__slider-item">
</li>
<li class="swiper-slide hero__slider-item">
</li>
</ul>
<div class="hero__content">
<h1 class="hero__title">Проектные решения любой сложности</h1>
<p class="hero__text">
Есть над чем задуматься: базовые сценарии поведения пользователей и по сей день остаются уделом проектантов
</p>
<button class="button hero__button">Заказать расчёт</button>
</div>
</div>
</div>
</section>
<section id="about-us" class="main__section about-us">
<div class="container">
<h2 class="main__section-title about-us__title">О нас</h2>
<p class="about-us__section-text">
Также как перспективное планирование создаёт необходимость включения в производственный план целого ряда внеочередных мероприятий с учётом комплекса экспериментов, поражающих по своей масштабности и грандиозности.
А также диаграммы связей могут быть описаны максимально подробно.
Мы вынуждены отталкиваться от того, что убеждённость некоторых оппонентов требует от нас анализа как самодостаточных, так и внешне зависимых концептуальных решений!
Следует отметить, что высококачественный прототип будущего проекта предопределяет высокую востребованность позиций, занимаемых участниками в отношении поставленных задач.
Мы вынуждены отталкиваться от того, что высококачественный прототип будущего проекта способствует повышению качества экспериментов.
</p>
<div class="about-us__card-wrapper">
<ul class="about-us__card-layout">
<li class="about-us__banner">
<div class="about-us__banner-wrapper">
<p class="about-us__banner-text">
Принимая во внимание показатели успешности, перспективное планирование способствует подготовке и реализации новых принципов.
</p>
<a class="button about-us__banner-button" href="#" target="_blank">Подробнее</a>
</div>
</li>
</ul>
<ul class="about-us__card-layout">
<li class="about-us__card">
<h3 class="about-us__card-title">Консультация с широким активом</h3>
<p class="about-us__card-text">
А также свежий взгляд на привычные вещи — безусловно открывает новые горизонты для как самодостаточных, так и внешне зависимых концептуальных решений.
</p>
</li>
<li class="about-us__card">
<h3 class="about-us__card-title">В своём стремлении повысить</h3>
<p class="about-us__card-text">
Качество жизни, они забывают, что сплочённость команды профессионалов представляет собой интересный эксперимент проверки прогресса профессионального сообщества.
</p>
</li>
</ul>
</div>
</div>
</section>
<section id="steps" class="main__section steps">
<div class="container">
<h2 class="main__section-title steps__title">Как мы работаем</h2>
<div class="steps__tabs">
<ul class="steps__tab-nav">
<li class="steps__tab-nav-item">
<button class="button button_view_plain steps__tab">
1 шаг
</button>
</li>
<li class="steps__tab-nav-item">
<button class="button button_view_plain steps__tab">
2 шаг
</button>
</li>
<li class="steps__tab-nav-item">
<button class="button button_view_plain steps__tab">
3 шаг
</button>
</li>
<li class="steps__tab-nav-item">
<button class="button button_view_plain steps__tab">
4 шаг
</button>
</li>
</ul>
<ul class="steps__tabpanel-list">
<li class="steps__tabpanel">
<article class="steps__article">
<div class="steps__article-content">
<h3 class="steps__article-title">Проводим консультацию</h3>
<p class="steps__article-text">
Влечет за собой процесс внедрения и модернизации приоритизации разума над эмоциями. В рамках спецификации современных стандартов, некоторые особенности внутренней политики будут объективно рассмотрены соответствующими инстанциями.
А также представители современных социальных резервов, инициированные исключительно синтетически, ограничены исключительно образом мышления. Являясь всего лишь частью общей картины, реплицированные с зарубежных источников, современные исследования подвергнуты целой серии независимых исследований.
Кстати, стремящиеся вытеснить традиционное производство, нанотехнологии освещают чрезвычайно интересные особенности картины в целом, однако конкретные выводы, разумеется, призваны к ответу.
</p>
</div>
<div class="steps__buttons">
<a class="button steps__button" href="#" target="_blank">Подробнее</a>
<button class="button button_theme_black steps__button steps__button_size_s">Договор</button>
</div>
</article>
</li>
<li class="steps__tabpanel">
<article class="steps__article">
<div class="steps__article-content">
<h3 class="steps__article-title">Составляем смету</h3>
<p class="steps__article-text">
Внедрения и модернизации приоритизации разума над эмоциями.
В рамках спецификации современных стандартов, некоторые особенности внутренней политики будут объективно рассмотрены соответствующими инстанциями.
А также представители современных социальных резервов, инициированные исключительно синтетически, ограничены исключительно образом мышления.
Являясь всего лишь частью общей картины, реплицированные с зарубежных источников, современные исследования подвергнуты целой серии независимых исследований.
</p>
</div>
<div class="steps__buttons">
<a class="button steps__button" href="#" target="_blank">Подробнее</a>
<button class="button button_theme_black steps__button steps__button_size_s">Договор</button>
</div>
</article>
</li>
<li class="steps__tabpanel">
<article class="steps__article">
<div class="steps__article-content">
<h3 class="steps__article-title">Привлекаем подрядчиков</h3>
<p class="steps__article-text">
Идейные соображения высшего порядка, а также новая модель организационной деятельности требует анализа прогресса профессионального сообщества.
Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: высококачественный прототип будущего проекта напрямую зависит от дальнейших направлений развития.
Разнообразный и богатый опыт говорит нам, что новая модель организационной деятельности говорит о возможностях системы массового участия.
Принимая во внимание показатели успешности, постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнить важные задания по разработке прогресса профессионального сообщества.
</p>
</div>
<div class="steps__buttons">
<a class="button steps__button" href="#" target="_blank">Подробнее</a>
<button class="button button_theme_black steps__button steps__button_size_s">Договор</button>
</div>
</article>
</li>
<li class="steps__tabpanel">
<article class="steps__article">
<div class="steps__article-content">
<h3 class="steps__article-title">Инспектируем все этапы работ</h3>
<p class="steps__article-text">
Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: высококачественный прототип будущего проекта напрямую зависит от дальнейших направлений развития.
Разнообразный и богатый опыт говорит нам, что новая модель организационной деятельности говорит о возможностях системы массового участия.
Принимая во внимание показатели успешности, постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет.
</p>
</div>
<div class="steps__buttons">
<a class="button steps__button" href="#" target="_blank">Подробнее</a>
<button class="button button_theme_black steps__button steps__button_size_s">Договор</button>
</div>
</article>
</li>
</ul>
</div>
</div>
</section>
<section class="main__section faq">
<div class="container">
<h2 class="main__section-title faq__title">Часто задаваемые вопросы</h2>
<ul class="faq__list">
<li class="faq__item" tabindex="0">
<div class="faq__header">
<h3 class="faq__item-title">Из чего формируется конечная стоимость проекта?</h3>
<button class="icon faq__item-button" aria-label="Открытие ответа на вопрос">
<svg class="icon__image faq__item-icon" width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon__path" d="M50 25C50 38.8071 38.8071 50 25 50C11.1929 50 0 38.8071 0 25C0 11.1929 11.1929 0 25 0C38.8071 0 50 11.1929 50 25Z" fill="#ECECEC"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.0572 24.0571V9H25.9429L25.9429 24.0571L41 24.0571V24.9429H25.9429V40H25.0572V24.9429L10 24.9429V24.0571L25.0572 24.0571Z" fill="#666666"></path>
</svg>
</button>
</div>
<div class="ac-panel">
<p class="faq__text">
Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы.
Но высококачественный прототип будущего проекта является качественно новой ступенью первоочередных требований.
А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут объявлены нарушающими общечеловеческие нормы этики и морали.
И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на роль ключевых факторов.
Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу.
Явные признаки победы институционализации набирают популярность среди определенных слоев населения, а значит, должны быть объединены в целые кластеры себе подобных.
Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
</li>
<li class="faq__item" tabindex="0">
<div class="faq__header">
<h3 class="faq__item-title">У меня есть свой проект. Сможем ли мы его доработать <span class="faq__slash">/</span> реализовать?</h3>
<button class="icon faq__item-button" aria-label="Открытие ответа на вопрос">
<svg class="icon__image faq__item-icon" width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon__path" d="M50 25C50 38.8071 38.8071 50 25 50C11.1929 50 0 38.8071 0 25C0 11.1929 11.1929 0 25 0C38.8071 0 50 11.1929 50 25Z" fill="#ECECEC"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.0572 24.0571V9H25.9429L25.9429 24.0571L41 24.0571V24.9429H25.9429V40H25.0572V24.9429L10 24.9429V24.0571L25.0572 24.0571Z" fill="#666666"></path>
</svg>
</button>
</div>
<div class="ac-panel">
<p class="faq__text">
Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы.
Но высококачественный прототип будущего проекта является качественно новой ступенью первоочередных требований.
А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут объявлены нарушающими общечеловеческие нормы этики и морали.
И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на роль ключевых факторов.
Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу.
Явные признаки победы институционализации набирают популярность среди определенных слоев населения, а значит, должны быть объединены в целые кластеры себе подобных.
Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
</li>
<li class="faq__item" tabindex="0">
<div class="faq__header">
<h3 class="faq__item-title">Я выбираю между разными компаниями. В чём ваше отличие?</h3>
<button class="icon faq__item-button" aria-label="Открытие ответа на вопрос">
<svg class="icon__image faq__item-icon" width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon__path" d="M50 25C50 38.8071 38.8071 50 25 50C11.1929 50 0 38.8071 0 25C0 11.1929 11.1929 0 25 0C38.8071 0 50 11.1929 50 25Z" fill="#ECECEC"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.0572 24.0571V9H25.9429L25.9429 24.0571L41 24.0571V24.9429H25.9429V40H25.0572V24.9429L10 24.9429V24.0571L25.0572 24.0571Z" fill="#666666"></path>
</svg>
</button>
</div>
<div class="ac-panel">
<p class="faq__text">
Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы.
Но высококачественный прототип будущего проекта является качественно новой ступенью первоочередных требований.
А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут объявлены нарушающими общечеловеческие нормы этики и морали.
И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на роль ключевых факторов.
Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу.
Явные признаки победы институционализации набирают популярность среди определенных слоев населения, а значит, должны быть объединены в целые кластеры себе подобных.
Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
</li>
<li class="faq__item" tabindex="0">
<div class="faq__header">
<h3 class="faq__item-title">Могу ли я делегировать вам работу <span class="faq__slash">/</span> согласование с подрядчиком <span class="faq__slash">/</span> организацией?</h3>
<button class="icon faq__item-button" aria-label="Открытие ответа на вопрос">
<svg class="icon__image faq__item-icon" width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon__path" d="M50 25C50 38.8071 38.8071 50 25 50C11.1929 50 0 38.8071 0 25C0 11.1929 11.1929 0 25 0C38.8071 0 50 11.1929 50 25Z" fill="#ECECEC"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.0572 24.0571V9H25.9429L25.9429 24.0571L41 24.0571V24.9429H25.9429V40H25.0572V24.9429L10 24.9429V24.0571L25.0572 24.0571Z" fill="#666666"></path>
</svg>
</button>
</div>
<div class="ac-panel">
<p class="faq__text">
Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы.
Но высококачественный прототип будущего проекта является качественно новой ступенью первоочередных требований.
А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут объявлены нарушающими общечеловеческие нормы этики и морали.
И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на роль ключевых факторов.
Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу.
Явные признаки победы институционализации набирают популярность среди определенных слоев населения, а значит, должны быть объединены в целые кластеры себе подобных.
Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
</li>
<li class="faq__item" >
<div class="faq__header">
<h3 class="faq__item-title">Могу ли я вернуть деньги на каком-либо из этапов работ?</h3>
<button class="icon faq__item-button" aria-label="Открытие ответа на вопрос">
<svg class="icon__image faq__item-icon" width="50" height="50" viewbox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon__path" d="M50 25C50 38.8071 38.8071 50 25 50C11.1929 50 0 38.8071 0 25C0 11.1929 11.1929 0 25 0C38.8071 0 50 11.1929 50 25Z" fill="#ECECEC"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.0572 24.0571V9H25.9429L25.9429 24.0571L41 24.0571V24.9429H25.9429V40H25.0572V24.9429L10 24.9429V24.0571L25.0572 24.0571Z" fill="#666666"></path>
</svg>
</button>
</div>
<div class="ac-panel">
<p class="faq__text">
Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы.
Но высококачественный прототип будущего проекта является качественно новой ступенью первоочередных требований.
А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут объявлены нарушающими общечеловеческие нормы этики и морали.
И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на роль ключевых факторов.
Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу.
Явные признаки победы институционализации набирают популярность среди определенных слоев населения, а значит, должны быть объединены в целые кластеры себе подобных.
Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
</li>
</ul>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer__container">
<div class="footer__left">
<a class="logo footer__logo" href="index.html" aria-label="Логотип компании Эвклид">
<img class="logo__image" src="./images/logo-inversed.svg" alt="Логотип компании Эвклид">
</a>
<nav class="nav footer__nav" aria-label="Навигация по сайту">
<ul class="nav__menu footer__nav-menu">
<li class="nav__item footer__nav-item">
<a class="link nav__link nav__link_theme_plain footer__nav-link" href="#about-us">О нас</a>
</li>
<li class="nav__item footer__nav-item">
<a class="link nav__link nav__link_theme_plain footer__nav-link" href="#">Проекты</a>
</li>
<li class="nav__item footer__nav-item">
<a class="link nav__link nav__link_theme_plain footer__nav-link" href="#">Отзывы</a>
</li>
<li class="nav__item footer__nav-item">
<a class="link nav__link nav__link_theme_plain footer__nav-link" href="#">Договор оферты</a>
</li>
<li class="nav__item footer__nav-item">
<a class="link nav__link nav__link_theme_plain footer__nav-link" href="#">Договор подряда</a>
</li>
<li class="nav__item footer__nav-item">
<a class="link nav__link nav__link_theme_plain footer__nav-link" href="#">Конфиденциальность</a>
</li>
<li class="nav__item footer__nav-item">
<a class="link nav__link nav__link_theme_plain footer__nav-link" href="#">Партнёрское соглашение</a>
</li>
</ul>
</nav>
<ul class="footer__social-links">
<li class="footer__item-social-link">
<a class="icon footer__icon-link" href="#" target="_blank" aria-label="Ссылка на нашу страницу в Фэйсбук">
<svg class="icon__image footer__icon-social" width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon__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"></path>
</svg>
</a>
</li>
<li class="footer__item-social-link">
<a class="icon footer__icon-link" href="#" target="_blank" aria-label="Ссылка на нашу страницу во Вконтакте">
<svg class="icon__image footer__icon-social" width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon__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"></path>
</svg>
</a>
</li>
<li class="footer__item-social-link">
<a class="icon footer__icon-link" href="#" target="_blank" aria-label="Ссылка на нашу страницу в Инстаграм">
<svg class="icon__image footer__icon-social" width="60" height="60" viewbox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="icon__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>
<path class="icon__path" d="M16.571 19.8403C16.8471 19.0923 17.2874 18.4153 17.8596 17.8595C18.4154 17.2873 19.0919 16.847 19.8404 16.5709C20.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.5709C40.9081 16.847 41.5851 17.2873 42.1404 17.8595C42.7126 18.4153 43.1529 19.0918 43.4294 19.8403C43.6652 20.4473 43.9458 21.3596 44.0222 23.0391C44.1051 24.8555 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.6623 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.8555 15.9778 23.0391C16.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.8043C22.8717 19.6627 21.9461 18.7371 20.8044 18.7371C19.6628 18.7371 18.7372 19.6627 18.7372 20.8043C18.7376 21.946 19.6628 22.8716 20.8044 22.8716Z" fill="#7C7C7C"></path>
<path class="icon__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"></path>
</svg>
</a>
</li>
</ul>
</div>
<form class="form footer__form" action="https://jsonplaceholder.typicode.com/posts" method="post">
<fieldset class="fieldset footer__fieldset">
<legend class="legend footer__legend">Оставить заявку</legend>
<label class="label label_hidden" for="name">Поле для ввода фамилии, имени и отчества</label>
<input id="name" class="input fieldset__field footer__input" name="name" type="text" placeholder="Иванов Иван Иванович" required>
<label class="label label_hidden" for="e-mail">Поле для ввода электронной почты</label>
<input id="e-mail" class="input fieldset__field footer__input" type="email" placeholder="ivanov@pochta.ru" required>
<label class="label label_hidden" for="message">Поле для ввода сообщения или комментария</label>
<textarea id="message" class="textarea fieldset__field footer__textarea" placeholder="Сообщение"></textarea>
</fieldset>
<div class="footer__form-bottom">
<button class="button footer__button" type="submit">Отправить данные</button>
<label class="arbitrary-checkbox">
<input class="arbitrary-checkbox__checkbox" type="checkbox" id="agreement" name="agreement" checked required>
<span class="arbitrary-checkbox__checkmark footer__checkmark"></span>
<span>Согласен на обработку данных</span>
</label>
</div>
</form>
<small class="small footer__small">
Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: разбавленное изрядной долей эмпатии, рациональное мышление позволяет оценить значение модели развития.
Таким образом, консультация с широким активом обеспечивает широкому кругу (специалистов) участие в формировании стандартных подходов.
</small>
</div>
</footer>
</body>
</html>