-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
451 lines (447 loc) · 34 KB
/
index.html
File metadata and controls
451 lines (447 loc) · 34 KB
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
<!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">
<link rel="icon" href="img/favicon.svg">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/media.css">
<title>Евклид проектные системы</title>
</head>
<body class="page">
<header class="header">
<div class="header__top">
<div class="container header__container flex">
<button class="btn-reset burger" aria-label="Раскрыть список навигации">
<span class="burger__line"></span>
<span class="burger__line"></span>
<span class="burger__line"></span>
</button>
<a href="#" class="logo header__logo">
<img src="img/logo-black.svg" alt="Логотип компании Евклид">
</a>
<nav class="nav header__nav flex">
<ul class="nav__list header__list list-reset flex">
<li class="nav__item">
<button class="nav__close btn-reset" aria-label="Закрыть список навигации">
<svg class="close__svg" width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2.09094" width="29.5699" height="2.95699" transform="rotate(45 2.09094 0)" fill="#333333"/>
<rect y="20.9092" width="29.5699" height="2.95699" transform="rotate(-45 0 20.9092)" fill="#333333"/>
</svg>
</button>
</li>
<li class="nav__item">
<a href="#about" class="nav__link">
О нас
</a>
</li>
<li class="nav__item">
<a href="#hero" class="nav__link">
Проекты
</a>
</li>
<li class="nav__item">
<a href="#work" class="nav__link">
Этапы
</a>
</li>
<li class="nav__item">
<a href="#" class="nav__link">
Отзывы
</a>
</li>
<li class="nav__item">
<a href="#" class="nav__link">
Контакты
</a>
</li>
</ul>
</nav>
<button class="btn-search form-btn__open btn-reset" aria-label="Открыть форму поиска">
<svg class="btn-search__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.6064 17.3762)" fill="black"/>
<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="black" stroke-width="2"/>
</svg>
</button>
<form action="" class="form-search flex">
<input class="form-search__input" type="search" name="search" placeholder="Что будем искать?">
<button class="btn-search form-btn__submit btn-reset" aria-label="Поиск">
<svg class="btn-search__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.6064 17.3762)" fill="black"/>
<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="black" stroke-width="2"/>
</svg>
</button>
<button class="form-close btn-reset" type="button" aria-label="Закрыть форму поиска">
<svg class="form-close-svg" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="8.9541" y="7.30432" width="11.6645" height="2.33291" transform="rotate(45 8.9541 7.30432)" fill="#CACACA"/>
<rect x="7.30469" y="15.5524" width="11.6645" height="2.33291" transform="rotate(-45 7.30469 15.5524)" fill="#CACACA"/>
<circle cx="12" cy="12" r="11" stroke="#CACACA" stroke-width="2"/>
</svg>
</button>
</form>
</div>
</div>
<section id="hero" class="hero">
<div class="container">
<div class="hero-slider">
<div class="hero-slider_content flex">
<h1 class="hero__title">
Проектные решения любой сложности
</h1>
<p class="hero__descr">
Есть над чем задуматься: базовые сценарии поведения пользователей и по сей день остаются уделом проектантов
</p>
<button class="btn hero__btn btn-reset btn--effects">
Заказать расчёт
</button>
<div class="swiper hero__swiper">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide-1"></div>
<div class="swiper-slide swiper-slide-2"></div>
<div class="swiper-slide swiper-slide-3"></div>
</div>
<div class="swiper-pagination hero__pagination"></div>
</div>
</div>
</div>
</div>
</section>
</header>
<main class="main">
<section id="about" class="section about">
<div class="container">
<h2 class="title about__title">
О нас
</h2>
<div class="about__descr">
<p>
Евклид - это высококвалифицированная организация, специализирующаяся на реализации проектных решений любой сложности в сфере строительства.
</p>
<p>
Мы предлагаем полный спектр услуг, начиная от разработки проекта и заканчивая его реализацией и построением. Наша компания имеет многолетний опыт успешного выполнения строительных проектов различного масштаба, включая жилые дома, коммерческие объекты и инфраструктурные сооружения.
</p>
<p>
Одним из наших самых сильных конкурентных преимуществ является наша способность предложить инновационные решения. Мы всегда следим за последними тенденциями в индустрии строительства и применяем передовые технологии и материалы. Это позволяет нам создавать экологически устойчивые и энергоэффективные здания, что является не только выгодным для клиента, но и экологически ответственным.
</p>
</div>
<div class="advantage flex">
<div class="advantage__content-left content-left flex">
<div class="content-left__desc flex">
<p class="content-left__text">
Принимая во внимание показатели успешности, перспективное планирование способствует подготовке и реализации новых принципов
</p>
<div class="btn-wrapper">
<button class="btn btn-reset content-left__btn">
Подробнее
</button>
</div>
</div>
</div>
<div class="advantage__content-right content-right">
<ul class="content-right__list list-reset flex">
<li class="content-right__item content-right__item-1">
<h3 class="content-right__title">
Консультация с широким активом
</h3>
<p class="content-right__text">
Свежий взгляд на привычные вещи — безусловно открывает новые горизонты для как самодостаточных, так и внешне зависимых концептуальных решений
</p>
</li>
<li class="content-right__item content-right__item-2">
<h3 class="content-right__title">
В своём стремлении повысить качество
</h3>
<p class="content-right__text">
Мы постоянно следим за новыми методами и технологиями в строительстве, чтобы быть в курсе самых современных и эффективных подходов </p>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="work" class="section work">
<div class="container">
<h2 class="title work__title">
Как мы работаем
</h2>
<nav class="work__nav">
<ul class="list-reset work__list flex">
<li class="work__item">
<button class="work__tabs-btn work__tabs-btn--active btn-reset nav--effects" data-path="step-1">
1 шаг
</button>
</li>
<li class="work__item">
<button class="work__tabs-btn btn-reset nav--effects" data-path="step-2">
2 шаг
</button>
</li>
<li class="work__item">
<button class="work__tabs-btn btn-reset nav--effects" data-path="step-3">
3 шаг
</button>
</li>
<li class="work__item">
<button class="work__tabs-btn btn-reset nav--effects" data-path="step-4">
4 шаг
</button>
</li>
</ul>
</nav>
<div class="work-content">
<div class="work-content__descr">
<div class="work-tabs__item work-content__descr-1 work-tabs__item--active" data-target="step-1">
<h3 class="title-3 work-content__title">
Проводим консультацию
</h3>
<p class="work-content__text">
На этом этапе наша команда встречается с клиентом, чтобы понять его пожелания и требования к проекту. Мы обсуждаем все детали, такие как сроки, бюджет и функциональные требования. Это позволяет нам лучше понять, что клиент ожидает от нас и как мы можем его удовлетворить. </p>
</div>
<div class="work-tabs__item work-content__descr-2" data-target="step-2">
<h3 class="title-3 work-content__title">
Составляем смету
</h3>
<p class="work-content__text">
После получения информации на первом этапе, наша команда составляет смету, которая включает в себя оценку всех расходов на проект. Мы рассчитываем стоимость материалов, труда и других расходов, чтобы создать полную картину затрат на реализацию проекта. Смета помогает нам и клиенту понять, какие ресурсы необходимо затратить, и помогает в планировании бюджета. </p>
</div>
<div class="work-tabs__item work-content__descr-3" data-target="step-3">
<h3 class="title-3 work-content__title">
Привлекаем подрядчиков
</h3>
<p class="work-content__text">
На этом этапе мы ищем надежных и опытных подрядчиков, которые смогут выполнить работы по проекту. Мы проводим тендер, где подрядчики представляют нам свои предложения и цены. Наша команда оценивает опыт специалистов, включающих в себя проектировщиков, инженеров, архитекторов и строителей. Мы тщательно подходим к каждому проекту, обеспечивая индивидуальный подход и учитывая потребности каждого клиента. </p>
</div>
<div class="work-tabs__item work-content__descr-4" data-target="step-4">
<h3 class="title-3 work-content__title">
Инспектируем все этапы работ
</h3>
<p class="work-content__text">
Мы также следим за эффективностью и точностью в выполнении проектов. Все наши работы выполняются в строго согласованные сроки и в пределах установленного бюджета. Мы оставляем клиентов полностью удовлетворенными результатами нашей работы и стремимся создать долгосрочные отношения с каждым заказчиком. </p>
</div>
<div class="work-content__btns">
<button class="btn-reset work-content__btn work-content__btn--fill btn--effects">
Подробнее
</button>
<button class="btn-reset work-content__btn work-content__btn--stroke">
Договор
</button>
</div>
</div>
</div>
</div>
</section>
<section class="section questions">
<div class="container">
<h2 class="title questions__title">
Часто задаваемые вопросы
</h2>
<ul class="questions__list accordion-list list-reset">
<li class="questions__item accordion">
<button class="questions__btn btn-reset accordion__control flex" type="button">
<span class="questions__btn__text">
Из чего формируется конечная стоимость проекта?
</span>
<svg class="btn__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="#CACACA"/>
<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="black"/>
</svg>
</button>
<div class="questions__bottom accordion__content">
<p>
Конечная стоимость проекта строительной компании формируется из следующих составляющих:
</p>
<ol>
<li>
Затраты на строительство: включают в себя стоимость строительных материалов, работ и услуг, аренду и использование техники, оплату труда.
</li>
<li>
Затраты на проектные и инженерные работы: включают расходы на разработку проектной документации, проектирование коммуникаций и систем, инженерные и технические исследования.
</li>
<li>
Затраты на закупку и аренду оборудования: включают расходы на покупку или аренду специализированного строительного оборудования и инструментов.
</li>
<li>
Затраты на прочие расходы: включают в себя расходы на организацию рабочего места (строительный объект), административные и общехозяйственные расходы, страхование, транспортные расходы и др.
</li>
<li>
Накладные расходы: включают затраты на управление проектом, организационные расходы, а также прибыль и налоги.
</li>
</ol>
<p class="questions__lead">
Все эти составляющие в совокупности образуют конечную стоимость проекта строительной компании.
</p>
</div>
</li>
<li class="questions__item accordion">
<button class="questions__btn btn-reset accordion__control flex">
<span class="questions__btn__text">
У меня есть свой проект. Сможем ли мы его доработать / реализовать?
</span>
<svg class="btn__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="#CACACA"/>
<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="black"/>
</svg>
</button>
<div class="questions__bottom accordion__content">
<p class="questions__lead">
Конечно, мы готовы рассмотреть ваш проект и помочь вам его доработать и реализовать. Расскажите нам подробнее о вашем проекте, и мы сможем провести его анализ, предложить варианты оптимизации и оценить возможность его реализации в рамках наших компетенций.
</p>
</div>
</li>
<li class="questions__item accordion">
<button class="questions__btn btn-reset accordion__control flex">
<span class="questions__btn__text">
Я выбираю между разными компаниями. В чём ваше отличие?
</span>
<svg class="btn__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="#CACACA"/>
<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="black"/>
</svg>
</button>
<div class="questions__bottom accordion__content">
<p>
Одним из наших самых сильных конкурентных преимуществ является наша способность предложить инновационные решения. Мы всегда следим за последними тенденциями в индустрии строительства и применяем передовые технологии и материалы. Это позволяет нам создавать экологически устойчивые и энергоэффективные здания, что является не только выгодным для клиента, но и экологически ответственным.
</p>
<p class="questions__lead">
Главной нашей ценностью является безопасность. Мы придерживаемся строгих стандартов и правил, чтобы обеспечить безопасность всех участников строительного процесса, включая наших сотрудников, клиентов и окружающую среду. Наша компания также активно внедряет зеленые и экологически устойчивые подходы в своей деятельности.
</p>
</div>
</li>
<li class="questions__item accordion">
<button class="questions__btn btn-reset accordion__control flex">
<span class="questions__btn__text">
Могу ли я делегировать вам работу / согласование с подрядчиком / организацией?
</span>
<svg class="btn__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="#CACACA"/>
<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="black"/>
</svg>
</button>
<div class="questions__bottom accordion__content">
<p class="questions__lead">
Мы гарантируем эффективное и результативное согласование с подрядчиком / организацией, чтобы ваши требования и ожидания были полностью учтены и реализованы. Наша команда опытных специалистов обеспечит бесперебойный процесс организации работы, осуществления контроля за выполнением всех этапов проекта, а также качественный контроль за проделанной работой.
</p>
</div>
</li>
<li class="questions__item accordion">
<button class="questions__btn btn-reset accordion__control flex">
<span class="questions__btn__text">
Могу ли я вернуть деньги на каком-либо из этапов работ?
</span>
<svg class="btn__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="#CACACA"/>
<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="black"/>
</svg>
</button>
<div class="questions__bottom accordion__content">
<p>
Согласно нашим условиям договора, при подписании, все оплаты, производимые клиентом, являются обязательными и не подлежат возврату. Данные условия разработаны с целью обеспечения непрерывности и своевременности выполнения работ, а также с учетом затрат на приобретение необходимого материала и оплату труда наших специалистов.
</p>
<p class="questions__lead">
Однако, понимая, что в некоторых случаях могут возникнуть неожиданные обстоятельства, мы всегда готовы рассмотреть вопросы, связанные с возможностью внесения изменений или отмены заказа. В случае возникновения проблем, просьба немедленно связаться с нашим отделом клиентского обслуживания, чтобы мы могли обсудить ситуацию и найти наилучшее решение для обеих сторон.
</p>
</div>
</li>
</ul>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-content flex">
<div class="footer__links">
<a href="" class="footer__logo">
<img src="img/logo-white.svg" class="logo-dark" alt="Логотип компании Евклид">
</a>
<nav class="nav footer__nav">
<ul class="list-reset footer__list">
<li class="footer__item">
<a href="#about" class="footer__link nav--effects">
О нас
</a>
</li>
<li class="footer__item">
<a href="#hero" class="footer__link nav--effects">
Проекты
</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link nav--effects">
Отзывы
</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link nav--effects">
Договор оферты
</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link nav--effects">
Договор подряда
</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link nav--effects">
Конфиденциальность
</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link nav--effects">
Партнёрское соглашение
</a>
</li>
</ul>
</nav>
<ul class="social list-reset flex">
<li class="social__item">
<a href="#" class="social__link">
<span class="visually-hidden">
Ссылка на Одноклассники
</span>
<svg class="social__svg" width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.7054 19.9812C25.7054 22.4546 27.7105 24.4598 30.1838 24.4598C32.6572 24.4598 34.6623 22.4546 34.6623 19.9812C34.6623 17.5079 32.6572 15.5028 30.1838 15.5028C27.7105 15.5028 25.7054 17.5079 25.7054 19.9812Z" fill="#666666"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30 60C46.5686 60 60 46.5685 60 30C60 13.4315 46.5686 0 30 0C13.4314 0 0 13.4315 0 30C0 46.5685 13.4314 60 30 60ZM19.35 19.9811C19.35 13.9978 24.2004 9.14729 30.1838 9.14729C36.1673 9.14729 41.0176 13.9978 41.0176 19.9811C41.0176 25.9645 36.1673 30.8154 30.1838 30.8154C24.2004 30.8154 19.35 25.9645 19.35 19.9811ZM41.0823 36.3881C40.9448 36.4983 38.3457 38.5522 34.0085 39.4358L40.5554 45.9243C41.7067 47.0738 41.7081 48.9389 40.5586 50.0902C39.4091 51.2414 37.5444 51.2432 36.3927 50.0935L30.0368 43.904L24.2639 50.0536C23.6859 50.6532 22.9149 50.9547 22.1431 50.9547C21.407 50.9547 20.6703 50.6808 20.0986 50.1296C18.9274 49.0003 18.8935 47.1355 20.0228 45.9643L26.2369 39.4701C21.7782 38.6073 19.0718 36.4998 18.9324 36.3881C17.6633 35.3702 17.4594 33.5163 18.4772 32.247C19.4949 30.9778 21.3487 30.7739 22.6182 31.7916C22.645 31.8133 25.4756 33.9398 30.0366 33.9429C34.5977 33.9398 37.3698 31.8133 37.3966 31.7916C38.666 30.7739 40.5198 30.9778 41.5375 32.247C42.5553 33.5163 42.3515 35.3702 41.0823 36.3881Z" fill="#666666"/>
</svg>
</a>
</li>
<li class="social__item">
<a href="#" class="social__link">
<span class="visually-hidden">
Ссылка на Вконтакте
</span>
<svg class="social__svg" width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<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="#666666"/>
</svg>
</a>
</li>
</ul>
</div>
<div class="footer__form">
<h2 class="title footer__title">
Оставить заявку
</h2>
<form class="form flex" action="https://jsonplaceholder.typicode.com/posts" method="POST">
<input type="text" class="form__input form--effects" name="name" placeholder="Фамилия, имя и отчество*" required>
<input type="email" class="form__input form--effects" name="email" placeholder="Email*" required>
<textarea class="form__textarea form--effects" name="text" placeholder="Сообщение"></textarea>
<button type="submit" class="btn btn-reset form__btn btn--effects">Отправить данные</button>
</form>
</div>
<div class="footer__info">
<p class="footer__text">
Высокий уровень вовлечения представителей целевой аудитории является чётким доказательством простого факта: разбавленное изрядной долей эмпатии, рациональное мышление позволяет оценить значение модели развития. Таким образом, консультация
с широким активом обеспечивает широкому кругу (специалистов) участие
в формировании стандартных подходов.
</p>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
<script src="libs/accordion.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>