-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
267 lines (267 loc) · 15 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Tehnoprogress</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<link rel="stylesheet" href="css/style.css">
</head>
<body class="body">
<header class="header">
<div class="wrapper">
<div class="header__top">
<div class="header__group">
<div class="header__group-item">
<img src="img/as.png" alt="Альянс строителей">
</div>
<div class="header__group-item">
<img src="img/sp-1.png" alt="Совет проектировщиков">
</div>
<div class="header__group-item">
<img src="img/li-1.png" alt="Лига изыскателей">
</div>
</div>
<div class="header__phone-wrapper">
<a href="tel:74952237047" class="header__phone">+7-495-223-70-47</a>
<a href="#" class="header__phone-modal modal__button" data-form="call-back">Заказать обратный звонок</a>
</div>
</div>
<div class="header__subtitle">
<span class="header__subtitle-free">Бесплатный семинар</span>
<span class="header__subtitle-separator">|</span>
<span class="header__subtitle-date">24 ноября в 10:00</span>
</div>
<h1 class="header__title">Что делать, если вашу СРО исключили из Госреестра?</h1>
<a href="#" class="header__button button__scroll">Зарегистрироваться</a>
</div>
</header>
<main class="main">
<div class="training">
<div class="wrapper">
<div class="training__row">
<div class="training__program-wrapper">
<div class="training__program">
<h2 class="training__program-title">Программа</h2>
<ul class="training__program-list">
<li class="training__program-item">Правовое положение членов саморегулируемой организации с 01 июля 2017 года</li>
<li class="training__program-item">Последствия для компаний после исключения СРО из Госрееста</li>
<li class="training__program-item">Куда идут средства компенсационных фондов СРО, исключенных из Гостреестра</li>
<li class="training__program-item">Как вернуть средства компенсационного фонда</li>
<li class="training__program-item">Выбор новой саморегулируемой организации</li>
<li class="training__program-item">Национальный реестр специалистов и как в него попасть</li>
</ul>
<a href="" class="training__program-download modal__button" data-form="download-file">Скачать программу мероприятия</a>
</div>
</div>
<div class="training__speaker-wrapper">
<div class="training__speaker">
<h2 class="training__speaker-title">Спикеры</h2>
<div class="training__speaker-row">
<div class="training__speaker-item">
<div class="training__speaker-photo"><img src="img/malichev.png" alt="Маличев Роман Юрьевич"></div>
<div class="training__speaker-name">Маличев<br>Роман Юрьевич</div>
<div class="training__speaker-position">Вице-президент Ассоциации «СРО «АЛЬЯНС СТРОИТЕЛЕЙ»</div>
</div>
<div class="training__speaker-item">
<div class="training__speaker-photo"><img src="img/muxin.png" alt="Мухин Игорь Николаевич"></div>
<div class="training__speaker-name">Мухин<br>Игорь Николаевич</div>
<div class="training__speaker-position">Начальник Правового департамента Ассоциации «СРО «АЛЬЯНС СТРОИТЕЛЕЙ»</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="invite">
<div class="wrapper">
<h2 class="invite__title">Приглашение на вебинар</h2>
<div class="invite__row">
<div class="invite__video">
<iframe width="500" height="338" src="https://www.youtube.com/embed/H8Ejlmb_s6U" frameborder="0" allowfullscreen></iframe>
</div>
<div class="invite__text">
<div class="invite__text-date">24.11.2017, 10.00 мск</div>
<div class="invite__text-subtitle">Бесплатный семинар</div>
<h3 class="invite__text-title">Что делать, если вашу СРО исключили из Госреестра?</h3>
<a href="#" class="invite__text-button button__scroll">Учавствовать бесплатно</a>
</div>
</div>
</div>
</div>
<div class="profit">
<div class="wrapper">
<h2 class="profit__title">Кому будет полезно данное мероприятие</h2>
<div class="profit__text">Мероприятие будет полезным для руководителей организаций, работающих в области строительства, инженерных изысканий или архитектурно-строительного проектирования, чье СРО было исключено из государственного реестра.</div>
</div>
</div>
<div class="organizer">
<h2 class="organizer__title">Об организаторе</h2>
<div class="organizer__top">
<div class="organizer__top-logo">
<img src="img/as-org.png" alt="Альянс строителей">
</div>
<div class="organizer__top-text">
<h3 class="organizer__top-name">Ассоциация<br>«Саморегулируемая организация АЛЬЯНС СТРОИТЕЛЕЙ»</h3>
<div class="organizer__top-reg">Рег.номер СРО-С-018-16072009 от 16 июля 2009 года</div>
</div>
</div>
<div class="organizer__info-wrapper">
<div class="organizer__info">
<div class="organizer__item">
<div class="organizer__item-triangle"><span class="number">8</span><span class="text">лет</span></div>
<div class="organizer__item-text">В системе саморегулирования</div>
</div>
<div class="organizer__item">
<div class="organizer__item-triangle">100%</div>
<div class="organizer__item-text">Компенсационного фонда<br>на спецсчетах</div>
</div>
<div class="organizer__item">
<div class="organizer__item-triangle">677</div>
<div class="organizer__item-text">Российских и зарубежных
строительных организаций</div>
</div>
<div class="organizer__item">
<div class="organizer__item-triangle">НРС</div>
<div class="organizer__item-text">Статус оператора НРС</div>
</div>
</div>
</div>
</div>
<div class="application">
<div class="wrapper">
<form action="" class="application__row">
<h2 class="application__title">Подать заявку на участие</h2>
<div class="application__form">
<div class="form-item">
<input type="text" class="form-item__input form-item__application-name" placeholder="Ваше имя" required/>
</div>
<div class="form-item">
<input type="text" class="form-item__input form-item__application-phone" placeholder="Телефон" required/>
</div>
<div class="form-item">
<input type="email" class="form-item__input form-item__application-email mail-input" placeholder="E-mail" required/>
</div>
<div class="form-item-submit">
<input type="submit" value="Отправить" class="form-item__application-submit submit-button"/>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="reason">
<h2 class="reason__title">Почему нельзя пропустить</h2>
<div class="reason__subtitle">На нашем семинаре вас ждет:</div>
<div class="reason__row">
<div class="reason__item reason__item--one">
Актуальная информация от экспертов рынка
</div>
<div class="reason__item reason__item--two">
Разъяснение законодательства
</div>
<div class="reason__item reason__item--three">
Собранные юридические практики
</div>
</div>
</div>
<div class="registration" id="register">
<h2 class="registration__title">Регистрация на мероприятие</h2>
<form action="" class="registration__form">
<div class="registration__row">
<div class="registration__text">
<div class="registration__text-date">24.11.2017, 10.00 мск</div>
<div class="registration__text-name">Бесплатный семинар</div>
<h3 class="registration__text-title">Что делать, если вашу СРО исключили из Госреестра?</h3>
</div>
<div class="registration__inputs">
<div class="registration__form-item">
<input type="text" class="registration__form-input form-show-label" placeholder="ФИО" required id="name">
<label for="name" class="registration__form-label">ФИО</label>
</div>
<div class="registration__form-item">
<input type="text" class="registration__form-input form-show-label" placeholder="Компания" required id="company">
<label for="company" class="registration__form-label">Компания</label>
</div>
<div class="registration__form-item">
<input type="text" class="registration__form-input form-show-label" placeholder="Ваше СРО" id="cpo">
<label for="cpo" class="registration__form-label">Ваше СРО</label>
</div>
<div class="registration__form-item">
<input type="text" class="registration__form-input form-show-label" placeholder="Телефон" required id="phone">
<label for="phone" class="registration__form-label">Телефон</label>
</div>
<div class="registration__form-item">
<input type="text" class="registration__form-input form-show-label mail-input" placeholder="E-mail" required id="email">
<label for="email" class="registration__form-label">E-mail</label>
</div>
</div>
<div class="registration__form-item-submit">
<input type="submit" value="Зарегистрироваться" class="registration__form-submit submit-button">
</div>
</form>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__row">
<div class="footer__text">
<div class="footer__text-wrapper">
<h2 class="footer__title">Контакты</h2>
<div class="footer__adress">115432, Москва, м. Технопарк,<br>Проектируемый проезд № 4062,<br>дом 6, строение 16,<br>Бизнес-центр «PORTPLAZA», 5 этаж</div>
<a href="tel:74952237047" class="footer__phone">+7-495-223-70-47</a>
<a href="#" class="footer__phone-modal modal__button" data-form="call-back">Заказать обратный звонок</a>
</div>
</div>
<div class="footer__map"><img src="img/map.png" alt="Карта"></div>
</div>
</footer>
<div class="modal">
<div class="modal__form" data-modal="download-file">
<div class="modal__form-close">Закрыть</div>
<h2 class="modal__form-title">Скачать программу мероприятия</h2>
<form action="" class="modal__form-wrapper">
<div class="modal__form-item">
<input type="text" class="modal__form-input form-show-label" placeholder="Имя" id="download-name">
<label for="download-name" class="modal__form-label">Имя</label>
</div>
<div class="modal__form-item">
<input type="text" class="modal__form-input form-show-label" placeholder="Телефон" required id="download-phone">
<label for="download-phone" class="modal__form-label">Телефон</label>
</div>
<div class="modal__form-item">
<input type="text" class="modal__form-input form-show-label mail-input" placeholder="E-mail" required id="download-email">
<label for="download-email" class="modal__form-label">E-mail</label>
</div>
<input type="submit" value="Скачать" class="modal__form-submit submit-button" >
</form>
</div>
<div class="modal__form" data-modal="call-back">
<div class="modal__form-close">Закрыть</div>
<h2 class="modal__form-title">Обратный звонок</h2>
<form action="" class="modal__form-wrapper">
<div class="modal__form-item">
<input type="text" class="modal__form-input form-show-label" placeholder="Имя" id="call-name">
<label for="call-name" class="modal__form-label">Имя</label>
</div>
<div class="modal__form-item">
<input type="text" class="modal__form-input form-show-label" placeholder="Телефон" required id="call-phone">
<label for="call-phone" class="modal__form-label">Телефон</label>
</div>
<input type="submit" value="Заказать обратный звонок" class="modal__form-submit submit-button">
</form>
</div>
<div class="modal__form ok-form" data-modal="ok-form">
<div class="modal__form-close">Закрыть</div>
<h2 class="modal__form-title">Спасибо. В ближайшее время с Вами свяжется специалист</h2>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.12.4.min.js">\x3C/script>')</script>
<script src="js/script.js"></script>
</body>
</html>