-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
386 lines (363 loc) · 30.6 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Евклид</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/media.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css" />
<script src="./js/swiper-bundle.min.js" defer></script>
<script src="./js/main.js" defer></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/media.css">
<script src="libs/accordion.min.js" defer></script>
<script src="js/script-classes.js" defer></script>
</head>
<body>
<header class="header flex">
<div class="container header__container flex">
<div aria-label="Открыть меню" class="header__burger burger">
<span class="burger__line"></span>
<span class="burger__line"></span>
<span class="burger__line"></span>
</div>
<img class="header__logo" src="img/logo-black.svg" alt="Logo" aria-label="Логотип компании">
<nav class="header__nav nav flex">
<ul class="nav__list list-reset flex" aria-label="Навигация">
<li class="nav__item"><a class="nav__link" href="#project">О нас</a></li>
<li class="nav__item"><a class="nav__link" href="#about">Проекты</a></li>
<li class="nav__item"><a class="nav__link" href="#work">Этапы</a></li>
<li class="nav__item"><a class="nav__link" href="#questions">Отзывы</a></li>
<li class="nav__item"><a class="nav__link" href="#contacts">Контакты</a></li>
</ul>
</nav>
<button class="header__search-btn btn-reset" aria-label="Поиск по сайту">
<svg class="header_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.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>
<form action="https://jsonplaceholder.typicode.com/posts" method="POST" class="header__search flex">
<input class="header__search-input" id="search" type="text" name="search" placeholder="Что будем искать?" alt="Поле поиска">
<button class="header__search-submit btn-reset" type="submit" aria-label="Искать по сайту">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="7.56126" height="1.89031"
transform="matrix(0.713342 0.700816 -0.713342 0.700816 18.6062 17.3762)" fill="#FF9900" />
<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="#FF9900" stroke-width="2" />
</svg></button>
<button class="header__search-close btn-reset" type="button" aria-label="Закрыть поиск по сайту">
<svg 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>
</form>
</div>
</header>
<main>
<section id="project" class="project flex" aria-label="Профиль компании">
<div class="container project__container">
<div class="project__wrapper">
<h1 class="project__header">
Проектные решения любой сложности
</h1>
<p class="project__descr section-descr">
Есть над чем задуматься: базовые сценарии поведения пользователей и по сей день остаются уделом
проектантов
</p>
<button class="project__btn btn">Заказать расчёт</button>
</div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image: url(./img/bkg_project_1.jpg)"> </div>
<div class="swiper-slide" style="background-image: url(./img/bkg_project_2.jpg)"> </div>
<div class="swiper-slide" style="background-image: url(./img/bkg_project_3.jpg)"> </div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</section>
<section id="about" class="about flex">
<div class="container flex about__container">
<h2 class="about__header section-header">О нас</h2>
<p class="section-descr about__descr">
Также как перспективное планирование создаёт необходимость включения в производственный план целого ряда
внеочередных мероприятий с учётом комплекса экспериментов, поражающих по своей масштабности
и грандиозности. А также диаграммы связей могут быть описаны максимально подробно. Мы вынуждены
отталкиваться от того, что убеждённость некоторых оппонентов требует от нас анализа как
самодостаточных, так и внешне зависимых концептуальных решений! Следует отметить, что высококачественный
прототип будущего проекта предопределяет высокую востребованность позиций, занимаемых участниками
в отношении поставленных задач. Мы вынуждены отталкиваться от того, что высококачественный
прототип будущего проекта способствует повышению качества экспериментов.
</p>
<div class="about__cards cards flex">
<div class="about__cards__left flex">
<div class="cards__card cards__card__large flex">
<div class="cards__card__hover flex">
<p class="cards__card__descr">Принимая во внимание показатели успешности, перспективное
планирование способствует
подготовке и реализации новых принципов</p>
<button class="cards__card__btn">Подробнее</button>
</div>
</div>
</div>
<div class="about__cards__right flex">
<div class="cards__card cards__card__small cards__card__1">
<h3 class="cards__card__header">Консультация с широким активом</h3>
<p class="cards__card__descr">
А также свежий взгляд на привычные вещи — безусловно открывает новые горизонты для
как самодостаточных, так и внешне зависимых концептуальных решений
</p>
</div>
<div class="cards__card cards__card__small cards__card__2">
<h3 class="cards__card__header">В своём стремлении повысить</h3>
<p class="cards__card__descr">
Качество жизни, они забывают, что сплочённость команды профессионалов представляет собой интересный
эксперимент проверки прогресса профессионального сообщества </p>
</div>
</div>
</div>
</div>
</section>
<section id="work" class="work flex">
<div class="container flex work__container">
<h2 class="work__header section-header">Как мы работаем</h2>
<ul class="work__steps steps list-reset flex">
<li class="steps__step"><button class="steps__step__button steps__step__button--active"
data-path="first">1 Шаг</button></li>
<li class="steps__step"><button class="steps__step__button" data-path="second">2 Шаг</button></li>
<li class="steps__step"><button class="steps__step__button" data-path="third">3 Шаг</button></li>
<li class="steps__step"><button class="steps__step__button" data-path="fourth">4 Шаг</button></li>
</ul>
<div class="work__block flex">
<div class="work__left">
<div class="tabs-item tabs-item--active" data-target="first">
<h3 class="work__block__header">Проводим консультацию</h3>
<p class="work__block__descr section-descr">
Влечёт за собой процесс внедрения и модернизации приоритизации разума над эмоциями.
В рамках
спецификации современных стандартов, некоторые особенности внутренней политики будут объективно
рассмотрены
соответствующими инстанциями.
<br>
А также представители современных социальных резервов, инициированные исключительно синтетически,
ограничены исключительно образом мышления. Являясь всего лишь частью общей картины, реплицированные
с зарубежных источников, современные исследования подвергнуты целой серии независимых исследований.
Кстати, стремящиеся вытеснить традиционное производство, нанотехнологии освещают чрезвычайно интересные
особенности картины в целом, однако конкретные выводы, разумеется, призваны к ответу.
</p>
</div>
<div class="tabs-item" data-target="second">
<h3 class="work__block__header">Составляем смету</h3>
<p class="work__block__descr section-descr">
Внедрения и модернизации приоритизации разума над эмоциями. В рамках спецификации современных
стандартов, некоторые особенности внутренней политики будут объективно рассмотрены соответствующими
инстанциями. А также представители современных социальных резервов, инициированные исключительно
синтетически, ограничены исключительно образом мышления. Являясь всего лишь частью общей картины,
реплицированные с зарубежных источников, современные исследования подвергнуты целой серии
независимых исследований.
</p>
</div>
<div class="tabs-item" data-target="third">
<h3 class="work__block__header">Привлекаем подрядчика </h3>
<p class="work__block__descr section-descr">Идейные соображения высшего порядка, а также новая модель
организационной деятельности требует анализа прогресса профессионального сообщества. Высокий уровень
вовлечения представителей целевой аудитории является чётким доказательством простого факта:
высококачественный прототип будущего проекта напрямую зависит от дальнейших направлений развития.
Разнообразный и богатый опыт говорит нам, что новая модель организационной деятельности говорит
о возможностях системы массового участия. Принимая во внимание показатели успешности,
постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнить важные
задания по разработке прогресса профессионального сообщества.</p>
</div>
<div class="tabs-item" data-target="fourth">
<h3 class="work__block__header">Инспектируем все виды работ</h3>
<p class="work__block__descr section-descr">Высокий уровень вовлечения представителей целевой аудитории
является чётким доказательством простого факта: высококачественный прототип будущего проекта напрямую
зависит от дальнейших направлений развития. Разнообразный и богатый опыт говорит нам, что
новая модель организационной деятельности говорит
о возможностях системы массового участия. Принимая во внимание показатели успешности,
постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет.</p>
</div>
<div class="work__block__btn-wrapper">
<button class="work__block__btn details-btn btn">Подробнее</button>
<button class="work__block__btn contract-btn btn">Договор</button>
</div>
</div>
<div class="work__right ">
<div class="work__right__img tabs-item tabs-item--active" data-target="first">
<img src="./img/step_1_bkg.jpg" alt="consulting">
</div>
<div class="work__right__img tabs-item" data-target="second">
<img src="./img/step_2_bkg.jpg" alt="calculation">
</div>
<div class="work__right__img tabs-item" data-target="third">
<img src="./img/step_3_bkg.jpg" alt="integration">
</div>
<div class="work__right__img tabs-item" data-target="fourth">
<img src="./img/step_4_bkg.jpg" alt="inspection">
</div>
</div>
</div>
</div>
</section>
<section id="questions" class="questions flex">
<div class="container flex questions__container">
<h2 class="questions__header section-header">Часто задаваемые вопросы</h2>
<ul class="questions__list list-reset accordion-list">
<li class="questions__item accordion" tabindex="0">
<div class="accordion__control">
<h3 class="questions__item__text">Из чего формируется конечная стоимость проекта?</h3><svg
class="questions__item__logo" 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" />
<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>
</div>
<div class="accordion__content">
<p>Являясь всего лишь частью общей картины, непосредственные участники технического прогресса призывают
нас
к новым свершениям, которые, в свою очередь, должны быть своевременно верифицированы.
Но высококачественный прототип будущего проекта является качественно новой ступенью первоочередных
требований. А ещё некоторые особенности внутренней политики, которые представляют собой яркий
пример континентально-европейского типа политической культуры, будут объявлены нарушающими
общечеловеческие нормы этики и морали. И нет сомнений, что явные признаки победы
институционализации призывают нас к новым свершениям, которые, в свою очередь, должны быть
указаны как претенденты на роль ключевых факторов.</p>
<p>Приятно, граждане, наблюдать, как некоторые особенности внутренней политики могут быть призваны
к ответу. Явные признаки победы институционализации набирают популярность среди определённых слоёв
населения,
а значит, должны быть объединены в целые кластеры себе подобных. Банальные,
но неопровержимые выводы,
а также многие известные личности призывают нас к новым свершениям, которые, в свою
очередь, должны быть представлены в исключительно положительном свете.</p>
</div>
</li>
<li class="questions__item accordion" tabindex="0">
<div class="accordion__control">
<h3 class="questions__item__text">У меня есть свой проект. Сможем ли мы его
доработать /
реализовать?</h3><svg class="questions__item__logo" 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" />
<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>
</div>
<div class="accordion__content">
</div>
</li>
<li class="questions__item accordion" tabindex="0">
<div class="accordion__control">
<h3 class="questions__item__text">Я выбираю между разными компаниями. В чём ваше отличие?</h3>
<svg class="questions__item__logo" 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" />
<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>
</div>
<div class="accordion__content">
</div>
</li>
<li class="questions__item accordion" tabindex="0">
<div class="accordion__control">
<h3 class="questions__item__text">Могу ли я делегировать вам работу / согласование
с подрядчиком / организацией?</h3><svg class="questions__item__logo" 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" />
<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>
</div>
<div class="accordion__content">
</div>
</li>
<li class="questions__item accordion" tabindex="0">
<div class="accordion__control">
<h3 class="questions__item__text">Могу ли я вернуть деньги на каком-либо из этапов
работ?</h3><svg class="questions__item__logo" 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" />
<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" />
</svg>
</div>
<div class="accordion__content">
</div>
</li>
</ul>
</div>
</section>
</main>
<footer id="contacts" class="footer flex">
<div class="container footer__container flex ">
<div class="footer__left flex">
<img class="footer__logo" src="img/logo-white.svg" alt="Логотип">
<ul class="list-reset footer__nav">
<li class="footer__nav__item"><a class="footer__nav__link" href="#">О нас</a></li>
<li class="footer__nav__item"><a class="footer__nav__link" href="#">Проекты</a></li>
<li class="footer__nav__item"><a class="footer__nav__link" href="#">Отзывы</a></li>
<li class="footer__nav__item"><a class="footer__nav__link" href="#">Договор оферты</a></li>
<li class="footer__nav__item"><a class="footer__nav__link" href="#">Договор подряда</a></li>
<li class="footer__nav__item"><a class="footer__nav__link" href="#">Конфиденциальность</a></li>
<li class="footer__nav__item"><a class="footer__nav__link" href="#">Партнёрское соглашение</a></li>
</ul>
<div class="footer__social flex">
<svg aria-label="Мы в Одноклассниках" tabindex="0" class="footer__social__logo" 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" />
<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" />
</svg>
<svg aria-label="Мы ВКонтакте" tabindex="0" class="footer__social__logo" width="60" height="60" viewBox="0 0 60 60" fill=""
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" />
</svg>
</div>
</div>
<div class="footer__center form">
<h2 class="form__header">Оставить заявку</h2>
<form action="https://postman-echo.com/post" method="post" class="footer__form form flex">
<input class="form__item" type="text" name="username" id="username" placeholder="Фамилия, имя и отчество *"
required>
<input class="form__item" type="email" name="email" id="email" placeholder="Email" required>
<textarea class="form__item form__textarea" name="message" id="message" placeholder="Сообщение"></textarea>
<div class="form__submit flex">
<button class="form__btn btn">Отправить данные</button>
<label class="form__agreement">
<input class="form__checkbox" type="checkbox" name="agreement" id="agreement" checked>
<span class="form__box"></span>
Согласен на обработку данных
</label>
</div>
</form>
</div>
<p class="footer__descr ">
Высокий уровень вовлечения представителей целевой аудитории является чётким доказательством простого факта:
разбавленное изрядной долей эмпатии, рациональное мышление позволяет оценить значение модели развития. Таким
образом, консультация
с широким активом обеспечивает широкому кругу (специалистов) участие
в формировании стандартных подходов.
</p>
</div>
</footer>
</body>
</html>