-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
572 lines (534 loc) · 52.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
<!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="shortcut icon" href="./img/favicon.png" type="image/x-icon">
<!-- fonts -->
<link rel="preload" href="fonts/Montserrat-Regular.woff2" as="font">
<link rel="preload" href="fonts/Montserrat-Regular.woff" as="font">
<link rel="preload" href="fonts/Montserrat-Bold.woff2" as="font">
<link rel="preload" href="fonts/Montserrat-Bold.woff" as="font">
<!-- accordion -->
<link rel="stylesheet" href="css/accordion.css">
<!-- swiper -->
<link rel="stylesheet" href="css/swiper.css">
<!-- main styles -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<div class="container header__container flex">
<button class="navigation__burger btn flex" aria-label="Кнопка бургер меню">
<span class="navigation__burger-elem"></span>
<span class="navigation__burger-elem"></span>
<span class="navigation__burger-elem"></span>
</button>
<div class="navigation__low-res">
<ul class="navigation__list1 list-reset">
<li class="navigatin__list-item">
<a href="#about-us" class="navigation-link">
О нас
</a>
</li>
<li class="navigatin__list-item">
<a href="#" class="navigation-link">
Проекты
</a>
</li>
<li class="navigatin__list-item">
<a href="#" class="navigation-link">
Этапы
</a>
</li>
<li class="navigatin__list-item">
<a href="#" class="navigation-link">
Отзывы
</a>
</li>
<li class="navigatin__list-item">
<a href="#" class="navigation-link">
Контакты
</a>
</li>
</ul>
</div>
<a href="#" class="header__logo">
<img class="header__logo-img lazyload" src="./img/header-logo.svg" alt="Логотип">
</a>
<nav class="navigation flex">
<ul class="navigation__list list-reset flex">
<li class="navigatin__list-item">
<a href="#about-us" class="navigation-link">
О нас
</a>
</li>
<li class="navigatin__list-item">
<a href="#" class="navigation-link">
Проекты
</a>
</li>
<li class="navigatin__list-item">
<a href="#" class="navigation-link">
Этапы
</a>
</li>
<li class="navigatin__list-item">
<a href="#" class="navigation-link">
Отзывы
</a>
</li>
<li class="navigatin__list-item">
<a href="#" class="navigation-link">
Контакты
</a>
</li>
</ul>
<!-- SEARCH -->
<button id="main-search" class="navigation__search" aria-label="Кнопка найти">
<svg class="search" 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>
<div class="navigation__search-input">
<input class="navigation__input" type="text" placeholder="Что будем искать?" aria-label="Поле ввода поиска">
<button class="navigation__search search-margin" aria-label="Кнопка найти">
<svg class="search navigation__search" 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>
<button class="navigation__close-btn" aria-label="Кнопка закрыть поиск">
<svg class="close" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="8.95386" y="7.30435" width="11.6645" height="2.33291" transform="rotate(45 8.95386 7.30435)" fill="#999999"/>
<rect x="7.30432" y="15.5524" width="11.6645" height="2.33291" transform="rotate(-45 7.30432 15.5524)" fill="#999999"/>
<circle cx="12" cy="12" r="11" stroke="#999999" stroke-width="2"/>
</svg>
</button>
</div>
</nav>
</div>
</header>
<main class="main">
<section class="hero section">
<div class="container hero__container swiper">
<div class="hero__content">
<h1 class="hero__title">
Проектные решения любой сложности
</h1>
<p class="hero__descr">
Есть над чем задуматься: базовые сценарии поведения пользователей и по сей день остаются уделом проектантов
</p>
<button class="hero__btn btn" aria-label="Кнопка Заказать расчёт">
Заказать расчёт
</button>
</div>
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide1"></div>
<div class="swiper-slide swiper-slide2"></div>
<div class="swiper-slide swiper-slide3"></div>
</div>
<div class="swiper-pagination"></div>
</div>
</section>
<section class="about-us section" id="about-us">
<div class="container about-us__container">
<h2 class="about-us__title">
О нас
</h2>
<p class="about-us__descr">
Также как перспективное планирование создаёт необходимость включения в производственный план целого ряда внеочередных мероприятий с учётом комплекса экспериментов, поражающих по своей масштабности и грандиозности. А также диаграммы связей могут быть описаны максимально подробно. Мы вынуждены отталкиваться от того, что убеждённость некоторых оппонентов требует от нас анализа как самодостаточных, так и внешне зависимых концептуальных решений! Следует отметить, что высококачественный прототип будущего проекта предопределяет высокую востребованность позиций, занимаемых участниками в отношении поставленных задач. Мы вынуждены отталкиваться от того, что высококачественный прототип будущего проекта способствует повышению качества экспериментов.
</p>
<div class="about-us__info-container flex">
<div class="about-us__img-card flex">
<div class="about-us__img-gradient flex">
<p class="img-card__descr">
Принимая во внимание показатели успешности, перспективное планирование способствует подготовке и реализации новых принципов.
</p>
<button class="img-card__button btn">
Подробнее
</button>
</div>
</div>
<!-- FOR 320 RESOLUTION -->
<div class="about-us__320-res flex">
<p class="img-card__320-res-descr">
Принимая во внимание показатели успешности, перспективное планирование способствует подготовке и реализации новых принципов.
</p>
<button class="img-card__320-res-button btn">
Подробнее
</button>
</div>
<div class="about-us__cards flex">
<div class="about-us__info flex">
<svg class="info__img" width="64" height="49" viewBox="0 0 64 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="21.5" cy="27.5" r="21.5" fill="#FF9900"/>
<g clip-path="url(#clip0_166612_3994)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.889 5.58662C31.9862 5.41727 32.2017 5.35916 32.3703 5.45681L52.9875 17.3975C53.1561 17.4952 53.214 17.7116 53.1168 17.881C53.0195 18.0503 52.804 18.1084 52.6354 18.0108L32.0182 6.07006C31.8496 5.97241 31.7917 5.75596 31.889 5.58662Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.9738 0.666082C40.7428 0.222204 41.615 -0.0114746 42.5028 -0.0114746C43.3907 -0.0114746 44.2629 0.222204 45.0318 0.666082C45.0321 0.666223 45.0323 0.666364 45.0326 0.666505L61.4759 10.0646C62.2443 10.5083 62.8825 11.1463 63.3265 11.9146C63.7705 12.6829 64.0048 13.5545 64.0057 14.4419V33.2389C64.0048 34.1263 63.7705 34.9979 63.3265 35.7662C62.8825 36.5345 62.2443 37.1725 61.4759 37.6162L61.4745 37.617L45.0326 47.0143C45.0324 47.0144 45.0323 47.0145 45.0322 47.0145C44.2631 47.4585 43.3908 47.6923 42.5028 47.6923C41.6149 47.6923 40.7425 47.4585 39.9735 47.0145C39.9734 47.0145 39.9732 47.0144 39.9731 47.0143L23.5311 37.617L23.5297 37.6162C22.7614 37.1725 22.1232 36.5345 21.6791 35.7662C21.2351 34.9979 21.0009 34.1263 21 33.2389V14.4419C21.0009 13.5545 21.2351 12.6829 21.6791 11.9146C22.1232 11.1463 22.7614 10.5083 23.5297 10.0646L23.5311 10.0638L39.9731 0.666505C39.9733 0.666364 39.9736 0.666223 39.9738 0.666082ZM42.5028 0.711456C41.7416 0.711456 40.9937 0.911879 40.3345 1.29258L40.3331 1.29338L23.8911 10.6907C23.8909 10.6908 23.8906 10.691 23.8904 10.6911C23.2321 11.0714 22.6853 11.6181 22.3049 12.2764C21.9243 12.9349 21.7236 13.6819 21.7228 14.4425V33.2383C21.7236 33.9989 21.9243 34.7459 22.3049 35.4044C22.6853 36.0627 23.2321 36.6093 23.8903 36.9897C23.8906 36.9898 23.8909 36.99 23.8911 36.9901L40.3345 46.3882C40.9937 46.7689 41.7416 46.9694 42.5028 46.9694C43.2641 46.9694 44.0119 46.7689 44.6712 46.3882L44.6726 46.3874L61.1145 36.9901C61.1148 36.99 61.1151 36.9898 61.1154 36.9897C61.7736 36.6093 62.3203 36.0627 62.7008 35.4044C63.0813 34.7459 63.2821 33.9988 63.2829 33.2381V14.4427C63.2821 13.682 63.0813 12.935 62.7008 12.2764C62.3203 11.6181 61.7735 11.0714 61.1153 10.6911C61.115 10.691 61.1148 10.6908 61.1145 10.6907L44.6726 1.29338L44.6712 1.29258C44.0119 0.911879 43.2641 0.711456 42.5028 0.711456Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.7708 12.0905C21.8694 11.9219 22.0877 11.8642 22.2582 11.9618L42.3221 23.4412L62.3861 11.9618C62.5566 11.8642 62.7748 11.9219 62.8735 12.0905C62.9721 12.2592 62.9139 12.475 62.7433 12.5726L42.5008 24.1542C42.3903 24.2174 42.254 24.2174 42.1435 24.1542L21.9009 12.5726C21.7304 12.475 21.6721 12.2592 21.7708 12.0905Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.3221 23.479C42.5217 23.479 42.6835 23.6372 42.6835 23.8323V46.9776C42.6835 47.1727 42.5217 47.3309 42.3221 47.3309C42.1225 47.3309 41.9607 47.1727 41.9607 46.9776V23.8323C41.9607 23.6372 42.1225 23.479 42.3221 23.479Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_166612_3994">
<rect width="43" height="48" fill="white" transform="translate(21)"/>
</clipPath>
</defs>
</svg>
<div class="about-us__cards-info">
<h3 class="about-us__info-title">
Консультация с широким активом
</h3>
<p class="about-us__info-descr">
А также свежий взгляд на привычные вещи — безусловно открывает новые горизонты для как самодостаточных, так и внешне зависимых концептуальных решений.
</p>
</div>
</div>
<div class="about-us__info flex">
<svg class="info__img" width="64" height="49" viewBox="0 0 64 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="21.5" cy="27.5" r="21" fill="#FF9900" stroke="#FF9900"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.4093 15.7002C39.4166 15.7002 36.9905 18.1263 36.9905 21.119C36.9905 24.1118 39.4166 26.5379 42.4093 26.5379C45.4021 26.5379 47.8282 24.1118 47.8282 21.119C47.8282 18.1263 45.4021 15.7002 42.4093 15.7002ZM36.3131 21.119C36.3131 17.7522 39.0425 15.0228 42.4093 15.0228C45.7762 15.0228 48.5055 17.7522 48.5055 21.119C48.5055 24.4859 45.7762 27.2152 42.4093 27.2152C39.0425 27.2152 36.3131 24.4859 36.3131 21.119Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.5 0.678947C41.5696 0.678947 40.6774 1.04853 40.0195 1.70639C39.3617 2.36424 38.9921 3.25649 38.9921 4.18684V4.51387L38.9921 4.51522C38.9894 5.20044 38.7863 5.86991 38.408 6.44121C38.0296 7.01252 37.4925 7.46072 36.8627 7.73066C36.8204 7.74877 36.7749 7.7581 36.7289 7.7581H36.6447C36.0202 8.0183 35.3333 8.09285 34.6666 7.97197C33.9758 7.84672 33.3384 7.5174 32.8366 7.02649L32.8339 7.02387L32.7185 6.90844C32.3927 6.58229 32.0057 6.32341 31.5798 6.14688C31.154 5.97035 30.6975 5.87949 30.2365 5.87949C29.7755 5.87949 29.319 5.97035 28.8932 6.14688C28.4673 6.32341 28.0805 6.58215 27.7547 6.90831L27.7544 6.90857C27.4283 7.23436 27.1695 7.62124 26.993 8.04709C26.8165 8.47295 26.7256 8.92942 26.7256 9.39041C26.7256 9.8514 26.8165 10.3079 26.993 10.7337C27.1695 11.1596 27.4283 11.5465 27.7544 11.8722L27.8726 11.9904C28.3635 12.4923 28.6928 13.1297 28.8181 13.8205C28.9427 14.5078 28.8596 15.2165 28.5796 15.8562C28.3355 16.5136 27.9003 17.0831 27.3297 17.4911C26.7563 17.9013 26.0727 18.1294 25.3679 18.1459L25.36 18.146H25.1868C24.2565 18.146 23.3642 18.5156 22.7064 19.1734C22.0485 19.8313 21.6789 20.7235 21.6789 21.6539C21.6789 22.5842 22.0485 23.4765 22.7064 24.1343C23.3642 24.7922 24.2565 25.1618 25.1868 25.1618H25.5152C26.2004 25.1645 26.8699 25.3676 27.4412 25.7459C28.012 26.1239 28.4599 26.6605 28.7299 27.2896C29.0128 27.9314 29.0971 28.6432 28.972 29.3334C28.8467 30.0242 28.5174 30.6616 28.0265 31.1634L28.0239 31.1661L27.9084 31.2815C27.5823 31.6073 27.3234 31.9943 27.1469 32.4202C26.9704 32.846 26.8795 33.3025 26.8795 33.7635C26.8795 34.2245 26.9704 34.681 27.1469 35.1068C27.3234 35.5327 27.5822 35.9195 27.9083 36.2453L27.9086 36.2456C28.2344 36.5717 28.6212 36.8305 29.0471 37.007C29.4729 37.1835 29.9294 37.2744 30.3904 37.2744C30.8514 37.2744 31.3079 37.1835 31.7337 37.007C32.1596 36.8305 32.5465 36.5717 32.8722 36.2456L32.9904 36.1274C33.4923 35.6365 34.1297 35.3072 34.8205 35.1819C35.5078 35.0573 36.2165 35.1404 36.8562 35.4204C37.5136 35.6645 38.0831 36.0997 38.4911 36.6702C38.9013 37.2437 39.1294 37.9273 39.1459 38.6321L39.146 38.64V38.8132C39.146 39.7435 39.5156 40.6358 40.1734 41.2936C40.8313 41.9515 41.7235 42.3211 42.6539 42.3211C43.5842 42.3211 44.4765 41.9515 45.1343 41.2936C45.7922 40.6358 46.1618 39.7435 46.1618 38.8132V38.4861L46.1618 38.4848C46.1645 37.7996 46.3676 37.1301 46.7459 36.5588C47.1239 35.988 47.6604 35.5401 48.2894 35.2701C48.9313 34.9872 49.6431 34.9029 50.3334 35.028C51.0242 35.1533 51.6616 35.4826 52.1634 35.9735L52.1661 35.9761L52.2815 36.0916C52.6073 36.4177 52.9943 36.6766 53.4202 36.8531C53.846 37.0296 54.3025 37.1205 54.7635 37.1205C55.2245 37.1205 55.6809 37.0296 56.1068 36.8531C56.5326 36.6766 56.9195 36.4178 57.2453 36.0917L57.2456 36.0914C57.5717 35.7656 57.8305 35.3788 58.007 34.9529C58.1835 34.5271 58.2744 34.0706 58.2744 33.6096C58.2744 33.1486 58.1835 32.6921 58.007 32.2663C57.8305 31.8404 57.5717 31.4535 57.2456 31.1278L57.1274 31.0096C56.6365 30.5077 56.3072 29.8703 56.1819 29.1795C56.0568 28.4893 56.1411 27.7774 56.424 27.1355C56.694 26.5065 57.1419 25.97 57.7127 25.592C58.284 25.2137 58.9534 25.0106 59.6387 25.0079L59.64 25.0079L59.8132 25.0079C60.7435 25.0079 61.6358 24.6383 62.2936 23.9805C62.9515 23.3226 63.3211 22.4304 63.3211 21.5C63.3211 20.5696 62.9515 19.6774 62.2936 19.0195C61.6358 18.3617 60.7435 17.9921 59.8132 17.9921H59.4861L59.4848 17.9921C58.7996 17.9894 58.1301 17.7863 57.5588 17.408C56.9875 17.0296 56.5393 16.4925 56.2693 15.8627C56.2512 15.8204 56.2419 15.7749 56.2419 15.7289V15.6447C55.9817 15.0202 55.9071 14.3333 56.028 13.6666C56.1533 12.9758 56.4826 12.3384 56.9735 11.8366L56.9761 11.8339L57.0916 11.7185C57.4177 11.3927 57.6766 11.0057 57.8531 10.5798C58.0296 10.154 58.1205 9.6975 58.1205 9.23651C58.1205 8.77552 58.0296 8.31905 57.8531 7.8932C57.6766 7.46735 57.4178 7.08047 57.0917 6.75468L57.0914 6.75441C56.7656 6.42826 56.3788 6.16952 55.9529 5.99299C55.5271 5.81646 55.0706 5.72559 54.6096 5.72559C54.1486 5.72559 53.6921 5.81646 53.2663 5.99299C52.8404 6.16952 52.4535 6.42826 52.1277 6.75441L52.0096 6.87261C51.5077 7.36352 50.8703 7.69282 50.1795 7.81807C49.4893 7.94321 48.7775 7.85892 48.1357 7.57605C47.5066 7.30605 46.97 6.85812 46.592 6.28732C46.2137 5.71602 46.0106 5.04655 46.0079 4.36133L46.0079 4.35997V4.18684C46.0079 3.25649 45.6383 2.36424 44.9805 1.70639C44.3226 1.04853 43.4304 0.678947 42.5 0.678947ZM39.5395 1.2263C40.3246 0.441113 41.3896 0 42.5 0C43.6104 0 44.6754 0.441113 45.4605 1.2263C46.2457 2.01148 46.6868 3.07642 46.6868 4.18684L46.6868 4.35862C46.6868 4.35883 46.6868 4.35904 46.6868 4.35925C46.6892 4.91184 46.853 5.45171 47.1581 5.91244C47.4633 6.37335 47.8967 6.73494 48.4048 6.95271L48.4081 6.95415C48.9263 7.18283 49.5011 7.25107 50.0584 7.15002C50.6151 7.04908 51.1288 6.78385 51.5335 6.38849C51.5339 6.38807 51.5344 6.38766 51.5348 6.38724L51.6474 6.27459C51.6474 6.27455 51.6474 6.27463 51.6474 6.27459C52.0362 5.88537 52.4981 5.57647 53.0063 5.36579C53.5146 5.1551 54.0594 5.04664 54.6096 5.04664C55.1598 5.04664 55.7046 5.1551 56.2129 5.36579C56.7211 5.57645 57.1827 5.88517 57.5715 6.27432C57.9608 6.66317 58.2696 7.12493 58.4803 7.6332C58.691 8.14148 58.7995 8.6863 58.7995 9.23651C58.7995 9.78673 58.691 10.3315 58.4803 10.8398C58.2696 11.3481 57.9608 11.8099 57.5715 12.1987L57.4589 12.3113C57.4584 12.3118 57.458 12.3122 57.4576 12.3127C57.0622 12.7173 56.797 13.2311 56.6961 13.7877C56.595 14.345 56.6633 14.9198 56.8919 15.438C56.911 15.4812 56.9208 15.5279 56.9208 15.5751V15.6572C57.1409 16.1386 57.4916 16.5492 57.9337 16.8419C58.3944 17.147 58.9343 17.3108 59.4869 17.3132H59.8132C60.9236 17.3132 61.9885 17.7543 62.7737 18.5395C63.5589 19.3246 64 20.3896 64 21.5C64 22.6104 63.5589 23.6754 62.7737 24.4605C61.9885 25.2457 60.9236 25.6868 59.8132 25.6868L59.6414 25.6868C59.6412 25.6868 59.641 25.6868 59.6407 25.6868C59.0882 25.6892 58.5483 25.853 58.0876 26.1581C57.6267 26.4633 57.2651 26.8967 57.0473 27.4048L57.0458 27.4081C56.8172 27.9263 56.7489 28.5011 56.85 29.0584C56.9509 29.615 57.2161 30.1287 57.6114 30.5334C57.6119 30.5339 57.6123 30.5343 57.6127 30.5348L57.7254 30.6474C57.7255 30.6474 57.7254 30.6474 57.7254 30.6474C58.1146 31.0362 58.4235 31.4981 58.6342 32.0063C58.8449 32.5146 58.9534 33.0594 58.9534 33.6096C58.9534 34.1598 58.8449 34.7046 58.6342 35.2129C58.4235 35.7211 58.1148 36.1828 57.7255 36.5716C57.3367 36.9609 56.875 37.2696 56.3668 37.4803C55.8585 37.691 55.3137 37.7995 54.7635 37.7995C54.2133 37.7995 53.6684 37.691 53.1602 37.4803C52.652 37.2696 52.1902 36.9609 51.8014 36.5716C51.8014 36.5716 51.8015 36.5717 51.8014 36.5716L51.6887 36.4589C51.6882 36.4584 51.6877 36.458 51.6873 36.4575C51.2826 36.0622 50.7689 35.797 50.2122 35.6961C49.655 35.595 49.0802 35.6633 48.562 35.8919L48.5587 35.8934C48.0506 36.1112 47.6172 36.4728 47.312 36.9337C47.0069 37.3944 46.8431 37.9343 46.8407 38.4869C46.8407 38.4871 46.8407 38.4873 46.8407 38.4875L46.8407 38.8132C46.8407 39.9236 46.3996 40.9885 45.6144 41.7737C44.8292 42.5589 43.7643 43 42.6539 43C41.5435 43 40.4785 42.5589 39.6933 41.7737C38.9082 40.9885 38.4671 39.9236 38.4671 38.8132V38.6441C38.453 38.0768 38.269 37.5268 37.9389 37.0652C37.608 36.6026 37.1456 36.2502 36.6118 36.0539C36.6082 36.0525 36.6046 36.0512 36.601 36.0497C36.5979 36.0485 36.5949 36.0472 36.5919 36.0458C36.0737 35.8172 35.4989 35.7489 34.9416 35.85C34.385 35.9509 33.8712 36.2161 33.4665 36.6115C33.4661 36.6119 33.4657 36.6123 33.4652 36.6128L33.3526 36.7254C32.9638 37.1147 32.502 37.4235 31.9937 37.6342C31.4854 37.8449 30.9406 37.9534 30.3904 37.9534C29.8402 37.9534 29.2954 37.8449 28.7871 37.6342C28.2788 37.4235 27.8171 37.1147 27.4282 36.7254C27.0391 36.3366 26.7303 35.875 26.5197 35.3668C26.309 34.8585 26.2005 34.3137 26.2005 33.7635C26.2005 33.2133 26.309 32.6685 26.5197 32.1602C26.7304 31.652 27.0391 31.1902 27.4284 30.8014C27.4284 30.8014 27.4283 30.8015 27.4284 30.8014L27.5411 30.6887C27.5416 30.6882 27.542 30.6878 27.5424 30.6874C27.9378 30.2827 28.203 29.7689 28.3039 29.2122C28.405 28.655 28.3367 28.0802 28.1081 27.562L28.1066 27.5587C27.8888 27.0506 27.5272 26.6172 27.0663 26.312C26.6056 26.0069 26.0657 25.8431 25.5131 25.8407C25.5129 25.8407 25.5127 25.8407 25.5125 25.8407L25.1868 25.8407C24.0764 25.8407 23.0115 25.3996 22.2263 24.6144C21.4411 23.8293 21 22.7643 21 21.6539C21 20.5435 21.4411 19.4785 22.2263 18.6933C23.0115 17.9082 24.0764 17.4671 25.1868 17.4671H25.3559C25.9232 17.453 26.4732 17.269 26.9348 16.9389C27.3974 16.608 27.7498 16.1456 27.9461 15.6118C27.9486 15.6051 27.9513 15.5984 27.9542 15.5919C28.1828 15.0737 28.2511 14.4989 28.15 13.9416C28.0491 13.3849 27.7839 12.8712 27.3885 12.4665L27.2746 12.3526C26.8853 11.9638 26.5765 11.502 26.3658 10.9937C26.1551 10.4854 26.0466 9.94062 26.0466 9.39041C26.0466 8.84019 26.1551 8.29537 26.3658 7.7871C26.5765 7.27882 26.8853 6.81706 27.2746 6.42822C27.6634 6.03907 28.125 5.73034 28.6332 5.51969C29.1415 5.30899 29.6863 5.20054 30.2365 5.20054C30.7867 5.20054 31.3315 5.30899 31.8398 5.51969C32.348 5.73036 32.8098 6.03913 33.1986 6.42835C33.1986 6.42839 33.1985 6.42831 33.1986 6.42835L33.3127 6.54243C33.7173 6.93777 34.2311 7.20298 34.7877 7.30391C35.345 7.40496 35.9198 7.33674 36.438 7.10806C36.4812 7.089 36.5279 7.07916 36.5751 7.07916H36.6572C37.1386 6.85908 37.5492 6.50838 37.8419 6.06633C38.147 5.6056 38.3108 5.06574 38.3132 4.51315V4.18684C38.3132 3.07642 38.7543 2.01148 39.5395 1.2263Z" fill="black"/>
</svg>
<div class="about-us__cards-info">
<h3 class="about-us__info-title">
В своём стремлении повысить
</h3>
<p class="about-us__info-descr">
Качество жизни, они забывают, что сплочённость команды профессионалов представляет собой интересный эксперимент проверки прогресса профессионального сообщества.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="how-we-work section">
<div class="container how-we-work__container">
<h2 class="how-we-work__title">
Как мы работаем
</h2>
<ul class="how-we-work__steps list-reset flex">
<li class="step step__one">
<button class="step__link" data-path="one" aria-label="Как мы работаем. Шаг 1">
1 шаг
</button>
</li>
<li class="step step__two">
<button class="step__link" data-path="two" aria-label="Как мы работаем. Шаг 2">
2 шаг
</button>
</li>
<li class="step step__three">
<button class="step__link" data-path="three" aria-label="Как мы работаем. Шаг 3">
3 шаг
</button>
</li>
<li class="step step__four">
<button class="step__link" data-path="four" aria-label="Как мы работаем. Шаг 4">
4 шаг
</button>
</li>
</ul>
<div class="how-we-work__info flex tab-content tab-content-active" data-target="one">
<div class="how-we-work__info-container">
<h3 class="how-we-work__info-title">
Проводим консультацию
</h3>
<p class="how-we-work__info-descr">
Влечет за собой процесс внедрения и модернизации приоритизации разума над эмоциями. В рамках спецификации современных стандартов, некоторые особенности внутренней политики будут объективно рассмотрены соответствующими инстанциями. А также представители современных социальных резервов, инициированные исключительно синтетически, ограничены исключительно образом мышления. Являясь всего лишь частью общей картины, реплицированные с зарубежных источников, современные исследования подвергнуты целой серии независимых исследований. Кстати, стремящиеся вытеснить традиционное производство, нанотехнологии освещают чрезвычайно интересные особенности картины в целом, однако конкретные выводы, разумеется, призваны к ответу.
</p>
<button class="how-we-work__btn-detail btn">
Подробнее
</button><!--
--><button class="how-we-work__btn-contract btn">
Договор
</button>
</div>
<div class="how-we-work__info-img">
</div>
</div>
<div class="how-we-work__info flex tab-content" data-target="two">
<div class="how-we-work__info-container">
<h3 class="how-we-work__info-title">
Составляем смету
</h3>
<p class="how-we-work__info-descr">
Внедрения и модернизации приоритизации разума над эмоциями. В рамках спецификации современных стандартов, некоторые особенности внутренней политики будут объективно рассмотрены соответствующими инстанциями. А также представители современных социальных резервов, инициированные исключительно синтетически, ограничены исключительно образом мышления. Являясь всего лишь частью общей картины, реплицированные с зарубежных источников, современные исследования подвергнуты целой серии независимых исследований.
</p>
<button class="how-we-work__btn-detail btn">
Подробнее
</button><!--
--><button class="how-we-work__btn-contract btn">
Договор
</button>
</div>
<div class="how-we-work__info-img how-we-work__info-img-two">
</div>
</div>
<div class="how-we-work__info flex tab-content" data-target="three">
<div class="how-we-work__info-container">
<h3 class="how-we-work__info-title">
Привлекаем подрядчиков
</h3>
<p class="how-we-work__info-descr">
Идейные соображения высшего порядка, а также новая модель организационной деятельности требует анализа прогресса профессионального сообщества. Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: высококачественный прототип будущего проекта напрямую зависит от дальнейших направлений развития. Разнообразный и богатый опыт говорит нам, что новая модель организационной деятельности говорит о возможностях системы массового участия. Принимая во внимание показатели успешности, постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнить важные задания по разработке прогресса профессионального сообщества.
</p>
<button class="how-we-work__btn-detail btn">
Подробнее
</button><!--
--><button class="how-we-work__btn-contract btn">
Договор
</button>
</div>
<div class="how-we-work__info-img how-we-work__info-img-three">
</div>
</div>
<div class="how-we-work__info flex tab-content" data-target="four">
<div class="how-we-work__info-container">
<h3 class="how-we-work__info-title">
Инспектируем все этапы работ
</h3>
<p class="how-we-work__info-descr">
Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: высококачественный прототип будущего проекта напрямую зависит от дальнейших направлений развития. Разнообразный и богатый опыт говорит нам, что новая модель организационной деятельности говорит о возможностях системы массового участия. Принимая во внимание показатели успешности, постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет.
</p>
<button class="how-we-work__btn-detail btn">
Подробнее
</button><!--
--><button class="how-we-work__btn-contract btn">
Договор
</button>
</div>
<div class="how-we-work__info-img how-we-work__info-img-four">
</div>
</div>
</div>
</section>
<section class="questions section">
<div class="container questions__container">
<h2 class="questions__title">
Часто задаваемые вопросы
</h2>
<div id="accordion">
<h3 class="accordion__border">
<span class="questions__list-item-text">
Из чего формируется конечная стоимость проекта?
</span>
<svg class="questions__cvg" 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"/>
<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>
</h3>
<div>
<p>
Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают нас к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы. Но высококачественный прототип будущего проекта является качественно новой ступенью первоочередных требований. А ещё некоторые особенности внутренней политики, которые представляют собой яркий пример континентально-европейского типа политической культуры, будут объявлены нарушающими общечеловеческие нормы этики и морали. И нет сомнений, что явные признаки победы институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть указаны как претенденты на роль ключевых факторов.
</p>
<p>
Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны к ответу. Явные признаки победы институционализации набирают популярность среди определенных слоев населения, а значит, должны быть объединены в целые кластеры себе подобных. Банальные, но неопровержимые выводы, а также многие известные личности призывают нас к новым свершениям, которые, в свою очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
<h3 class="accordion__border">
<span class="questions__list-item-text">
У меня есть свой проект. Сможем ли мы его доработать / реализовать?
</span>
<svg class="questions__cvg" 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"/>
<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>
</h3>
<div>
<p>
Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Сбить речью деревни коварных предупреждал океана подпоясал всеми дал текстами возвращайся журчит они имеет последний ручеек реторический переписывается, силуэт власти.
</p>
</div>
<h3 class="accordion__border">
<span class="questions__list-item-text">
Я выбираю между разными компаниями. В чём ваше отличие?
</span>
<svg class="questions__cvg" 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"/>
<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>
</h3>
<div>
<p>
Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Текстами однажды буквенных океана обеспечивает? Переписали власти дорогу имени текстов послушавшись! Приставка всемогущая снова предложения до буквоград решила безорфографичный знаках.
</p>
</div>
<h3 class="accordion__border">
<span class="questions__list-item-text">
Могу ли я делегировать вам работу / согласование с подрядчиком / организацией?
</span>
<svg class="questions__cvg" 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"/>
<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>
</h3>
<div>
<p>
Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Взобравшись океана выйти рекламных снова страна единственное возвращайся приставка предупреждал своего, подпоясал эта. Рекламных деревни великий инициал меня, до переписывается!
</p>
<p>
Далеко-далеко за словесными горами в стране гласных и согласных живут, рыбные тексты. Агентство текст переписывается взобравшись приставка до, буквоград реторический маленький проектах домах рукопись решила повстречался. Себя там одна залетают вопрос повстречался?
</p>
</div>
<h3 class="accordion__border accordion__border-bottom">
<span class="questions__list-item-text">
Могу ли я вернуть деньги на каком-либо из этапов работ?
</span>
<svg class="questions__cvg" 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"/>
<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>
</h3>
<div>
<p>
Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты. Возвращайся пустился она алфавит власти имени языкового пунктуация всеми заглавных текстами взобравшись океана грамматики составитель переписали эта, мир, вопрос продолжил.
</p>
<p>
Далеко-далеко за словесными горами в стране гласных и согласных, живут рыбные тексты. Скатился образ инициал обеспечивает наш свой однажды продолжил запятой оксмокс на берегу щеке взгляд деревни города, текст он диких. Выйти, всеми.
</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container footer-container flex">
<div class="footer__left-wrapper">
<img class="footer__logo" src="img/footer-logo.svg" alt="Футер логотип">
<ul class="footer__list list-reset">
<li class="footer__item">
<a href="#" class="footer__item-link">
О нас
</a>
</li>
<li class="footer__item">
<a href="#" class="footer__item-link">
Проекты
</a>
</li>
<li class="footer__item">
<a href="#" class="footer__item-link">
Отзывы
</a>
</li>
<li class="footer__item">
<a href="#" class="footer__item-link">
Договор оферты
</a>
</li>
<li class="footer__item">
<a href="#" class="footer__item-link">
Договор подряда
</a>
</li>
<li class="footer__item">
<a href="#" class="footer__item-link">
Конфиденциальность
</a>
</li>
<li class="footer__item">
<a href="#" class="footer__item-link">
Партнёрское соглашение
</a>
</li>
</ul>
<ul class="footer__list-link list-reset flex">
<li class="footer__item-social">
<a class="footer__social-link" href="#" aria-label="ссылка Facebook">
<svg class="footer__social-icon footer__fb" width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<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.5699C35.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__item-social">
<a class="footer__social-link" href="#" aria-label="ссылка Vkontakte">
<svg class="footer__social-icon footer__vk" 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="#7C7C7C"/>
</svg>
</a>
</li>
<li class="footer__item-social">
<a class="footer__social-link" href="#" aria-label="ссылка Instagram">
<svg class="footer__social-icon footer__inst" width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<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__center-wrapper">
<h2 class="footer__title-form">
Оставить заявку
</h2>
<div class="footer__form-container">
<form class="footer__form flex" action="https://jsonplaceholder.typicode.com/posts" method="post">
<input class="footer__input-name footer__forms" type="text" name="name" placeholder="Фамилия, имя и отчество*" aria-label="Введите Фамилию, имя и отчество" required>
<input class="footer__input-email footer__forms" type="email" name="email" placeholder="E-mail*" aria-label="Введите E-mail" required>
<textarea class="footer__input-message footer__forms" name="Comment" placeholder="Сообщение" aria-label="Введите сообщение"></textarea>
</form>
</div>
<div class="footer__form-button flex">
<button class="footer__center-wrapper-button btn">
Отправить данные
</button>
<label class="footer__agree flex" for="my-checkbox">
<input class="footer__checkbox-agree" id="my-checkbox" type="checkbox" required checked>
<span>
Согласен на обработку данных
</span>
</label>
</div>
</div>
<div class="footer__right-wrapper">
<p class="footer__right-wrapper-descr">
Высокий уровень вовлечения представителей целевой аудитории является четким доказательством простого факта: разбавленное изрядной долей эмпатии, рациональное мышление позволяет оценить значение модели развития. Таким образом, консультация с широким активом обеспечивает широкому кругу (специалистов) участие в формировании стандартных подходов.
</p>
</div>
</div>
</footer>
</main>
<!-- js -->
<!-- swiper -->
<script src="js/swiper.js"></script>
<script>
const swiper = new Swiper('.swiper', {
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
a11y: {
paginationBulletMessage: 'Перейти на слайд {{index}}',
}
});
</script>
<!-- accordion -->
<script src="js/jquery-3.6.0.js"></script>
<script src="js/jquery-ui.js"></script>
<script>
$( function() {
$( "#accordion" ).accordion({
icons: false,
collapsible: true,
active: false,
heightStyle: "content"
});
} );
</script>
<!-- lazyload -->
<script src="js/lazyload.min.js"></script>
<script>
lazyload();
</script>
<!-- tabs -->
<script src="js/tabs.js"></script>
</body>
</html>