-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
593 lines (590 loc) · 42.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Евклид. Проектные системы</title>
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<svg style="display: none;">
<symbol viewBox="0 0 512 512" id="search">
<g>
<path d="M225.474,0C101.151,0,0,101.151,0,225.474c0,124.33,101.151,225.474,225.474,225.474
c124.33,0,225.474-101.144,225.474-225.474C450.948,101.151,349.804,0,225.474,0z M225.474,409.323
c-101.373,0-183.848-82.475-183.848-183.848S124.101,41.626,225.474,41.626s183.848,82.475,183.848,183.848
S326.847,409.323,225.474,409.323z"/>
</g>
<g>
<path d="M505.902,476.472L386.574,357.144c-8.131-8.131-21.299-8.131-29.43,0c-8.131,8.124-8.131,21.306,0,29.43l119.328,119.328
c4.065,4.065,9.387,6.098,14.715,6.098c5.321,0,10.649-2.033,14.715-6.098C514.033,497.778,514.033,484.596,505.902,476.472z"/>
</g>
</symbol>
<symbol viewBox="0 0 61 61" id="facebook">
<path d="M30.9166 0.120117C14.4167 0.120117 0.916672 13.6442 0.916672 30.3008C0.916672 45.3611 11.8967 57.8611 26.2366 60.1201V39.0358H18.6166V30.3008H26.2366V23.6442C26.2366 16.084 30.7066 11.9273 37.5766 11.9273C40.8466 11.9273 44.2666 12.4996 44.2666 12.4996V19.9394H40.4866C36.7666 19.9394 35.5966 22.2587 35.5966 24.6382V30.3008H43.9366L42.5866 39.0358H35.5966V60.1201C42.6659 58.9992 49.1032 55.3777 53.7464 49.9095C58.3895 44.4412 60.9326 37.4865 60.9166 30.3008C60.9166 13.6442 47.4166 0.120117 30.9166 0.120117Z"/>
</symbol>
<symbol viewBox="0 0 60 60" id="vk">
<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"/>
</symbol>
<symbol viewBox="0 0 60 60" id="insta">
<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" />
<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" />
<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"/>
</symbol>
<symbol viewBox="0 0 50 50" id="plus">
<ellipse cx="25.0987" cy="25" rx="24.9013" ry="25" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.1556 24.0571L25.1556 9L26.0378 9L26.0378 24.0571L33.9471 24.0571L41.0355 24.0571L41.0355 24.9429L26.0378 24.9429L26.0378 40L25.1556 40L25.1556 24.9429L10.1579 24.9429L10.1579 24.0571L25.1556 24.0571Z" fill="000"/>
</symbol>
</svg>
<div class="overlay"></div>
<header class="header">
<div class="container">
<button class="btn-reset header__burger burger" aria-label="Открыть меню">
<span class="burger__line" aria-hidden="true"></span>
<span class="burger__line" aria-hidden="true"></span>
<span class="burger__line" aria-hidden="true"></span>
</button>
<a class="header__logo">
<img src="img/header-logo.png" alt="Логотип компании Евклид">
</a>
<div class="header__right">
<nav class="header__nav nav">
<ul class="header__nav__list">
<li class="header__nav__item">
<a href="#about" class="header__nav__link link">О нас</a>
</li>
<li class="header__nav__item">
<a href="#steps" class="header__nav__link link">Проекты</a>
</li>
<!-- <li class="header__nav__item">
<a href="#" class="header__nav__link link">Этапы</a>
</li> -->
<li class="header__nav__item">
<a href="#comments" class="header__nav__link link">Отзывы</a>
</li>
<li class="header__nav__item">
<a href="#contacts" class="header__nav__link link">Контакты</a>
</li>
</ul>
</nav>
<form class="header__form form" action="https://jsonplaceholder.typicode.com/posts" method="POST">
<button aria-label="Поиск по сайту" type="submit" class="search__form btn-reset">
<svg>
<use xlink:href="#search"></use>
</svg>
</button>
</form>
</div>
</div>
</header>
<main class="main">
<section class="first">
<div class="container">
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="bg first-bg">
<div class="first__info">
<h1 class="first__info__heading">Проектные решения любой сложности</h1>
<p class="first__info__descr">Есть над чем задуматься: базовые сценарии поведения пользователей и по сей день остаются уделом проектантов</p>
<button aria-label="Кнопка заказа расчёта" class="btn-reset button button--yellow">Заказать расчёт</button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="bg second-bg">
<div class="first__info">
<h1 class="first__info__heading">Проектные решения любой сложности</h1>
<p class="first__info__descr">Есть над чем задуматься: базовые сценарии поведения пользователей и по сей день остаются уделом проектантов</p>
<button aria-label="Кнопка заказа расчёта" class="btn-reset button button--yellow">Заказать расчёт</button>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="bg third-bg">
<div class="first__info">
<h1 class="first__info__heading">Проектные решения любой сложности</h1>
<p class="first__info__descr">Есть над чем задуматься: базовые сценарии поведения пользователей и по сей день остаются уделом проектантов</p>
<button aria-label="Кнопка заказа расчёта" class="btn-reset button button--yellow">Заказать расчёт</button>
</div>
</div>
</div>
</div>
<div class="banner-pag swiper-pagination "></div>
</div>
</div>
</section>
<section class="about" id="about">
<div class="container">
<h2 class="section-heading">О нас</h2>
<p class="about__descr">
Также как перспективное планирование создаёт необходимость включения в
производственный план целого ряда внеочередных мероприятий с учётом
комплекса экспериментов, поражающих по своей масштабности и грандиозности.
А также диаграммы связей могут быть описаны максимально подробно.
Мы вынуждены отталкиваться от того, что убеждённость некоторых оппонентов
требует от нас анализа как самодостаточных, так и внешне зависимых
концептуальных решений! Следует отметить, что высококачественный прототип
<a class="tooltip">будущего<span>Вот такая подсказочка получилась :).</span></a> проекта предопределяет высокую востребованность позиций, занимаемых
участниками в отношении поставленных задач. Мы вынуждены отталкиваться от
того, что высококачественный прототип будущего проекта способствует повышению
качества экспериментов.
</p>
<div class="about-services">
<article class="about-services__left services-left">
<div class="article-left__info">
<div class="block">
<div class="block__man">
<figure>
<img src="img/about-bg.jpg" alt="">
<figcaption class="block__caption">
<div class="block__name">
<h2 class="article-left__info__heading">
Принимая во внимание показатели успешности, перспективное планирование
способствует подготовке и реализации новых принципов.
</h2>
<a href="#" aria-label="Кнопка подробнее" class="btn-reset button button-trnsp">Подробнее</a>
</div>
</figcaption>
</figure>
</div>
</div>
</div>
</article>
<div class="about-services__right services-right">
<div class="services-right__article article">
<div class="article__ellipse coube"></div>
<div class="article__info">
<p class="article__info__descr">
<span>Консультация с широким активом</span>
А также свежий взгляд на привычные вещи - безусловно открывает
новые горизонты для как самодостаточных, так и внешне зависимых концептуальных решений.
</p>
</div>
</div>
<div class="services-right__article article">
<div class="article__ellipse engine"></div>
<div class="article__info">
<p class="article__info__descr">
<span>В своём стремлении повысить</span>
Качество жизни, они забывают, что сплочённость команды
профессионалов представляет собой интересный эксперимент проверки прогресса
профессионального сообщества.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="tabs" id="steps">
<div class="container">
<h2 class="section-heading">Как мы работаем</h2>
<ul class="tabs__list">
<li class="tabs__item">
<button href="#" class="tabs__link btn-reset" data-path="one">1 шаг</button>
</li>
<li class="tabs__item">
<button href="#" class="tabs__link btn-reset" data-path="two">2 шаг</button>
</li>
<li class="tabs__item">
<button href="#" class="tabs__link btn-reset" data-path="three">3 шаг</button>
</li>
<li class="tabs__item">
<button href="#" class="tabs__link btn-reset" data-path="four">4 шаг</button>
</li>
</ul>
<div class="tabs__content tab-content-active" data-target="one">
<div class="tabs__content__item ">
<div class="tabs__info">
<h3 class="tabs__info__heading">Проводим консультацию</h3>
<p class="tabs__info__descr">
Влечет за собой процесс внедрения и модернизации приоритизации разума над эмоциями.
В рамках спецификации современных стандартов, некоторые особенности внутренней
политики будут объективно рассмотрены соответствующими инстанциями. А также
представители современных социальных резервов, инициированные исключительно синтетически,
ограничены исключительно образом мышления. Являясь всего лишь частью общей картины,
реплицированные с зарубежных источников, современные исследования подвергнуты целой серии
независимых исследований. Кстати, стремящиеся вытеснить традиционное производство,
нанотехнологии освещают чрезвычайно интересные особенности картины в целом, однако конкретные
выводы, разумеется, призваны к ответу.
</p>
<div class="tabs__info__btns">
<a href="#" aria-label="Кнопка подробнее" class="btn-reset button button--yellow">Подробнее</a>
<a href="#" aria-label="Кнопка договора" class="btn-reset button button-black">Договор</a>
</div>
</div>
<div class="tabs__img">
<img src="img/tabs1.jpg" alt="Пример консультации">
</div>
</div>
</div>
<div class="tabs__content" data-target="two">
<div class="tabs__content__item ">
<div class="tabs__info">
<h3 class="tabs__info__heading">Инспектируем все этапы работ</h3>
<p class="tabs__info__descr">
Высокий уровень вовлечения представителей целевой аудитории является
четким доказательством простого факта: высококачественный прототип
будущего проекта напрямую зависит от дальнейших направлений развития.
Разнообразный и богатый опыт говорит нам, что новая модель
организационной деятельности говорит о возможностях системы массового
участия. Принимая во внимание показатели успешности, постоянное
информационно-пропагандистское обеспечение нашей деятельности позволяет.
</p>
<div class="tabs__info__btns">
<a href="#" aria-label="Кнопка подробнее" class="btn-reset button button--yellow">Подробнее</a>
<a href="#" aria-label="Кнопка договора" class="btn-reset button button-black">Договор</a>
</div>
</div>
<div class="tabs__img">
<img src="img/tabs2.jpg" alt="Пример инспектирования всех этапов работ">
</div>
</div>
</div>
<div class="tabs__content" data-target="three">
<div class="tabs__content__item ">
<div class="tabs__info">
<h3 class="tabs__info__heading">Привлекаем подрядчиков</h3>
<p class="tabs__info__descr">
Идейные соображения высшего порядка, а также новая модель
организационной деятельности требует анализа прогресса
профессионального сообщества. Высокий уровень вовлечения
представителей целевой аудитории является четким
доказательством простого факта: высококачественный прототип
будущего проекта напрямую зависит от дальнейших направлений
развития. Разнообразный и богатый опыт говорит нам, что
новая модель организационной деятельности говорит о возможностях
системы массового участия. Принимая во внимание показатели
успешности, постоянное информационно-пропагандистское обеспечение
нашей деятельности позволяет выполнить важные задания по
разработке прогресса профессионального сообщества.
</p>
<div class="tabs__info__btns">
<a href="#" aria-label="Кнопка подробнее" class="btn-reset button button--yellow">Подробнее</a>
<a href="#" aria-label="Кнопка договора" class="btn-reset button button-black">Договор</a>
</div>
</div>
<div class="tabs__img">
<img src="img/tabs3.jpg" alt="Пример привелчения подрядчиков">
</div>
</div>
</div>
<div class="tabs__content" data-target="four">
<div class="tabs__content__item ">
<div class="tabs__info">
<h3 class="tabs__info__heading">Составляем смету</h3>
<p class="tabs__info__descr">
Внедрения и модернизации приоритизации разума над эмоциями.
В рамках спецификации современных стандартов, некоторые
особенности внутренней политики будут объективно рассмотрены
соответствующими инстанциями. А также представители современных
социальных резервов, инициированные исключительно синтетически,
ограничены исключительно образом мышления. Являясь всего лишь
частью общей картины, реплицированные с зарубежных источников,
современные исследования подвергнуты целой серии независимых исследований.
</p>
<div class="tabs__info__btns">
<a href="#" aria-label="Кнопка подробнее" class="btn-reset button button--yellow">Подробнее</a>
<a href="#" aria-label="Кнопка договора" class="btn-reset button button-black">Договор</a>
</div>
</div>
<div class="tabs__img">
<img src="img/tabs4.jpg" alt="Пример составления сметы">
</div>
</div>
</div>
</div>
</section>
<section class="often-questions" id="comments">
<div class="container">
<h2 class="section-heading">Часто задаваемые вопросы</h2>
<div class="accordion">
<div class="accordion-item">
<div class="accordion-item__trigger trigger">
<p class="trigger__descr">Из чего формируется конечная стоимость проекта?</p>
<button class="btn-reset accordion-item__link" aria-label="Открытие аккордеона">
<svg class="db">
<use xlink:href="#plus"></use>
</svg>
</button>
</div>
<div class="accordion-item__content">
<p class="accordion-item__content__descr">
Являясь всего лишь частью общей картины, непосредственные
участники технического прогресса призывают нас к новым
свершениям, которые, в свою очередь, должны быть своевременно
верифицированы. Но высококачественный прототип будущего проекта
является качественно новой ступенью первоочередных требований.
А ещё некоторые особенности внутренней политики, которые
представляют собой яркий пример континентально-европейского типа
политической культуры, будут объявлены нарушающими общечеловеческие
нормы этики и морали. И нет сомнений, что явные признаки победы
институционализации призывают нас к новым свершениям, которые, в свою
очередь, должны быть указаны как претенденты на роль ключевых факторов.
</p>
<p class="accordion-item__content__descr">
Приятно, граждане, наблюдать, как некоторые особенности внутренней
политики могут быть призваны к ответу. Явные признаки победы
институционализации набирают популярность среди определенных слоев
населения, а значит, должны быть объединены в целые кластеры себе
подобных. Банальные, но неопровержимые выводы, а также многие
известные личности призывают нас к новым свершениям, которые, в свою
очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-item__trigger">
<p class="trigger__descr">У меня есть свой проект. Сможем ли мы его доработать / реализовать?</p>
<button class="btn-reset accordion-item__link" aria-label="Открытие аккордеона">
<svg>
<use xlink:href="#plus"></use>
</svg>
</button>
</div>
<div class="accordion-item__content">
<p class="accordion-item__content__descr">
Являясь всего лишь частью общей картины, непосредственные
участники технического прогресса призывают нас к новым
свершениям, которые, в свою очередь, должны быть своевременно
верифицированы. Но высококачественный прототип будущего проекта
является качественно новой ступенью первоочередных требований.
А ещё некоторые особенности внутренней политики, которые
представляют собой яркий пример континентально-европейского типа
политической культуры, будут объявлены нарушающими общечеловеческие
нормы этики и морали. И нет сомнений, что явные признаки победы
институционализации призывают нас к новым свершениям, которые, в свою
очередь, должны быть указаны как претенденты на роль ключевых факторов.
</p>
<p class="accordion-item__content__descr">
Приятно, граждане, наблюдать, как некоторые особенности внутренней
политики могут быть призваны к ответу. Явные признаки победы
институционализации набирают популярность среди определенных слоев
населения, а значит, должны быть объединены в целые кластеры себе
подобных. Банальные, но неопровержимые выводы, а также многие
известные личности призывают нас к новым свершениям, которые, в свою
очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-item__trigger">
<p class="trigger__descr">Я выбираю между разными компаниями. В чём ваше отличие?</p>
<button class="btn-reset accordion-item__link" aria-label="Открытие аккордеона">
<svg>
<use xlink:href="#plus"></use>
</svg>
</button>
</div>
<div class="accordion-item__content">
<p class="accordion-item__content__descr">
Являясь всего лишь частью общей картины, непосредственные
участники технического прогресса призывают нас к новым
свершениям, которые, в свою очередь, должны быть своевременно
верифицированы. Но высококачественный прототип будущего проекта
является качественно новой ступенью первоочередных требований.
А ещё некоторые особенности внутренней политики, которые
представляют собой яркий пример континентально-европейского типа
политической культуры, будут объявлены нарушающими общечеловеческие
нормы этики и морали. И нет сомнений, что явные признаки победы
институционализации призывают нас к новым свершениям, которые, в свою
очередь, должны быть указаны как претенденты на роль ключевых факторов.
</p>
<p class="accordion-item__content__descr">
Приятно, граждане, наблюдать, как некоторые особенности внутренней
политики могут быть призваны к ответу. Явные признаки победы
институционализации набирают популярность среди определенных слоев
населения, а значит, должны быть объединены в целые кластеры себе
подобных. Банальные, но неопровержимые выводы, а также многие
известные личности призывают нас к новым свершениям, которые, в свою
очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-item__trigger">
<p class="trigger__descr">Могу ли я делегировать вам работу / согласование с подрядчиком / организацией?</p>
<button class="btn-reset accordion-item__link" aria-label="Открытие аккордеона">
<svg>
<use xlink:href="#plus"></use>
</svg>
</button>
</div>
<div class="accordion-item__content">
<p class="accordion-item__content__descr">
Являясь всего лишь частью общей картины, непосредственные
участники технического прогресса призывают нас к новым
свершениям, которые, в свою очередь, должны быть своевременно
верифицированы. Но высококачественный прототип будущего проекта
является качественно новой ступенью первоочередных требований.
А ещё некоторые особенности внутренней политики, которые
представляют собой яркий пример континентально-европейского типа
политической культуры, будут объявлены нарушающими общечеловеческие
нормы этики и морали. И нет сомнений, что явные признаки победы
институционализации призывают нас к новым свершениям, которые, в свою
очередь, должны быть указаны как претенденты на роль ключевых факторов.
</p>
<p class="accordion-item__content__descr">
Приятно, граждане, наблюдать, как некоторые особенности внутренней
политики могут быть призваны к ответу. Явные признаки победы
институционализации набирают популярность среди определенных слоев
населения, а значит, должны быть объединены в целые кластеры себе
подобных. Банальные, но неопровержимые выводы, а также многие
известные личности призывают нас к новым свершениям, которые, в свою
очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-item__trigger">
<p class="trigger__descr">Могу ли я вернуть деньги на каком-либо из этапов работ?</p>
<button class="btn-reset accordion-item__link" aria-label="Открытие аккордеона">
<svg>
<use xlink:href="#plus"></use>
</svg>
</button>
</div>
<div class="accordion-item__content">
<p class="accordion-item__content__descr">
Являясь всего лишь частью общей картины, непосредственные
участники технического прогресса призывают нас к новым
свершениям, которые, в свою очередь, должны быть своевременно
верифицированы. Но высококачественный прототип будущего проекта
является качественно новой ступенью первоочередных требований.
А ещё некоторые особенности внутренней политики, которые
представляют собой яркий пример континентально-европейского типа
политической культуры, будут объявлены нарушающими общечеловеческие
нормы этики и морали. И нет сомнений, что явные признаки победы
институционализации призывают нас к новым свершениям, которые, в свою
очередь, должны быть указаны как претенденты на роль ключевых факторов.
</p>
<p class="accordion-item__content__descr">
Приятно, граждане, наблюдать, как некоторые особенности внутренней
политики могут быть призваны к ответу. Явные признаки победы
институционализации набирают популярность среди определенных слоев
населения, а значит, должны быть объединены в целые кластеры себе
подобных. Банальные, но неопровержимые выводы, а также многие
известные личности призывают нас к новым свершениям, которые, в свою
очередь, должны быть представлены в исключительно положительном свете.
</p>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer" id="contacts">
<div class="container">
<div class="footer__left">
<a class="footer__logo">
<img src="img/footer-logo.png" alt="Логотип компании Евклид">
</a>
<p class="footer__descr">
Высокий уровень вовлечения представителей целевой аудитории
является четким доказательством простого факта: разбавленное
изрядной долей эмпатии, рациональное мышление позволяет оценить
значение модели развития. Таким образом, консультация с широким
активом обеспечивает широкому кругу (специалистов) участие в
формировании стандартных подходов.
</p>
<ul class="footer__list--mob">
<li class="footer__item">
<a aria-label="Навигационная ссылка О нас" href="#" class="footer__link link">О нас</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Проекты" href="#" class="footer__link link">Проекты</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Отзывы" href="#" class="footer__link link">Отзывы</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Договор оферты" href="#" class="footer__link link">Договор оферты</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Договор подряда" href="#" class="footer__link link">Договор подряда</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Конфиденциальность" href="#" class="footer__link link">Политика конфиденциальности</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Партнёрское соглашение" href="#" class="footer__link link">Партнёрское соглашение</a>
</li>
</ul>
<ul class="footer__social social-list">
<li class="social-list__item">
<a aria-label="Ссылка на социальную сеть facebook" href="#" class="social-list__link">
<svg>
<use xlink:href="#facebook"></use>
</svg>
</a>
</li>
<li class="social-list__item">
<a aria-label="Ссылка на социальную сеть vkontakte" href="#" class="social-list__link">
<svg>
<use xlink:href="#vk"></use>
</svg>
</a>
</li>
<li class="social-list__item">
<a aria-label="Ссылка на социальную сеть instagram" href="#" class="social-list__link">
<svg>
<use xlink:href="#insta"></use>
</svg>
</a>
</li>
</ul>
</div>
<div class="footer__center">
<form action="https://jsonplaceholder.typicode.com/posts " method="POST">
<h2 class="section-heading">Оставить заявку</h2>
<label aria-label="Поле ввода ФИО">
<input class="input" name="username" type="text" placeholder="Фамилия, имя и отчество*">
</label>
<label aria-label="Поле ввода E-mail">
<input class="input" name="userEmail" type="email" placeholder="E-mail*">
</label>
<label aria-label="Поле ввода сообщения пользователя">
<textarea class="textarea" name="userMessage" placeholder="Сообщение"></textarea>
</label>
<button aria-label="Кнопка отправки данных формы" type="submit" class="btn-reset button button--yellow">Отправить данные</button>
<label id="personal-data-label" tabindex="0" class="form__check">
<input id="personal-data-input" name="chek" type="checkbox" checked="checked" required>
<span class="chek-span">Cогласен на обработку данных</span>
</label>
</form>
</div>
<div class="footer__right">
<ul class="footer__list">
<li class="footer__item">
<a aria-label="Навигационная ссылка О нас" href="#" class="footer__link link">О нас</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Проекты" href="#" class="footer__link link">Проекты</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Отзывы" href="#" class="footer__link link">Отзывы</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Договор оферты" href="#" class="footer__link link">Договор оферты</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Договор подряда" href="#" class="footer__link link">Договор подряда</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Конфиденциальность" href="#" class="footer__link link">Конфиденциальность</a>
</li>
<li class="footer__item">
<a aria-label="Навигационная ссылка Партнёрское соглашение" href="#" class="footer__link link">Партнёрское соглашение</a>
</li>
</ul>
</div>
</div>
</footer>
<script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>