-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
440 lines (439 loc) · 30.5 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
<!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/slick.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body class="body">
<header class="header">
<div class="wrapper">
<div class="header__row-top">
<div class="header__left-block">
<a href="http://www.tehnoprogress.ru/" class="header__logo">
<img class="header__logo-img" src="image/logo-heder.png" alt="Technoprogress Logo"></a>
</div>
<div class="header__menu-button">
<div class="header__menu-button-item"></div>
<div class="header__menu-button-item"></div>
<div class="header__menu-button-item"></div>
</div>
<ul class="header__menu">
<li class="header__menu-item">
<a href="#header__application" class="header__menu-link">Повышение квалификации</a>
</li>
<li class="header__menu-item">
<a href="#price" class="header__menu-link">Цена</a>
</li>
<li class="header__menu-item">
<a href="#advantages" class="header__menu-link">Ваши выгоды</a>
</li>
<li class="header__menu-item">
<a href="#training" class="header__menu-link">Формы обучения</a>
</li>
<li class="header__menu-item">
<a href="#traning-block" class="header__menu-link">Удостоверение</a>
</li>
</ul>
<div class="header__phone-wrapper">
<a href="tel:74951044632" class="header__phone">+7 (495) 104-46-32</a>
</div>
</div>
<h1 class="header__title">Учебный центр ТехноПрогресс</h1>
<div class="header__title-text">1-ый профессиональный</div>
<div class="header__description">Повышение квалификации по промышленной безопасности для аттестации в Ростехнадзоре
</div>
<a href="#" class="header__button button__form">Оставить заявку</a>
<div class="header__about">
<div class="header__about-row">
<div class="header__about-item header__about-item--one">Работаем со всеми<br> регионами РФ</div>
<div class="header__about-item header__about-item--two">20 лет успешно<br> на рынке</div>
<div class="header__about-item header__about-item--three">Обучили уже более<br> 350 000 человек</div>
<div class="header__about-item header__about-item--four">Только положительные<br> отзывы</div>
</div>
</div>
<div class="header__application" id='header__application'>
<div class="header__application-row">
<div class="header__application-item">
<div class="header__application-item-image"></div>
<div class="header__application-item-link-wrapper">
<a href="http://www.tehnoprogress.ru/attestation.html" class="header__application-item-link">Повышение квалификации<br>по промышленной безопасности</a>
</div>
<a href="#" class="header__application-item-button button__form">Оставить заявку</a>
</div>
<div class="header__application-item">
<div class="header__application-item-image"></div>
<div class="header__application-item-link-wrapper">
<a href="http://www.tehnoprogress.ru/attestation.html" class="header__application-item-link">Получи бесплатную консультацию<br>от ведущих экспертов отрасли!</a>
</div>
<a href="#" class="header__application-item-button button__form">Оставить заявку</a>
</div>
</div>
</div>
</div>
</header>
<main class="main">
<div class="main__bgtop">
<div class="text__info-block">
<div class="text__info-block-wrapper">
<div class="text__info-text">Учебный центр «ТехноПрогресс» предлагает обучение и консультационные услуги по вопросам повышения квалификации по промышленной безопасности для аттестации в Ростехнадзоре.</div>
</div>
</div>
<div class="advantages" id='advantages'>
<div class="wrapper">
<h2 class="advantages__title">Наши преимущества</h2>
<div class="advantages__title-text">Гарантированный результат и экономия времени</div>
<div class="advantages__row">
<div class="advantages__item advantages__item--one">
<div class="advantages__item-text">Напрямую <br>взаимодействуем с гос<br> органами без посредников</div>
</div>
<div class="advantages__item advantages__item--two">
<div class="advantages__item-text">Оказываем бесплатное<br> сопровождение<br> и консультирование</div>
</div>
<div class="advantages__item advantages__item--three">
<div class="advantages__item-text">Выделяем персонального<br> менеджера для Вас</div>
</div>
<div class="advantages__item advantages__item--four">
<div class="advantages__item-text">Оказываем сопровождение<br> в прохождении аттестации во<br> всех регионах РФ</div>
</div>
<div class="advantages__item advantages__item--five">
<div class="advantages__item-text">Несколько форматов <br>обучения на выбор</div>
</div>
<div class="advantages__item advantages__item--six">
<div class="advantages__item-text">Гарантированный результат в<br> сжатые сроки, все обучение<br> в одном месте</div>
</div>
<div class="advantages__item advantages__item--seven">
<div class="advantages__item-text">Комфортные аудитории<br> и бесплатные обеды</div>
</div>
<div class="advantages__item advantages__item--eight">
<div class="advantages__item-text">Экономия затрат на обучение<br> при приобретении комплекса</div>
</div>
</div>
<div class="advantages__bottom">
<div class="advantages__bottom-row">
<div class="advantages__bottom-text">Список территориальных управлений<br> по прохождению аттестации по промышленной безопасности
</div>
<a href="files/Список_территориальных_управлений.pdf" download class="advantages__bottom-download">Скачать список</a>
</div>
</div>
</div>
</div>
<div class="stage" id="price">
<div class="wrapper">
<h2 class="stage__title">Повышение квалификации для прохождения аттестации в Ростехнадзоре. Основные этапы.</h2>
<div class="stage__row">
<div class="stage__item">
<div class="stage__item-numb">1</div>
<div class="stage__item-text">Подготовим пакет <br>
документов</div>
</div>
<div class="stage__item">
<div class="stage__item-numb">2</div>
<div class="stage__item-text">Проведем анализ информации <br> по критериям полноты <br> и соответствия требованиям</div>
</div>
<div class="stage__item">
<div class="stage__item-numb">3</div>
<div class="stage__item-text">Проконсультируем вас по самой <br> процедуре аттестации и прохождения <br> экзаменационных испытаний</div>
</div>
</div>
</div>
</div>
</div>
<div class="main__bgmid">
<div class="two-advantages">
<div class="wrapper">
<div class="two-advantages__row">
<div class="two-advantages__item">
<div class="two-advantages__text">Обучаем<br> от <strong class="two-advantages__text-strong">3500</strong> рублей</div>
</div>
<div class="two-advantages__item">
<div class="two-advantages__text">Длительность <br>обучения от <strong class="two-advantages__text-strong">16</strong> часов</div>
</div>
</div>
</div>
</div>
<div class="text__info-block-two">
<div class="text__info-block-wrapper">
<div class="text__info-text">Помните, что предусмотрен штраф от 200 000 руб. до 1 000 000 руб., в соответствии с частью 1 и частью 3 Кодекса РФ об административных правонарушениях за отсутствие аттестации по промышленной безопасности.</div>
</div>
</div>
<div class="application-form__block">
<div class="wrapper">
<h2 class="application-form__block-title">Заполнить заявку</h2>
<form class="application-form" method="POST">
<div class="form-item">
<input type="text" class="form-item__input" placeholder="Ваше имя"/>
</div>
<div class="form-item">
<input type="text" class="form-item__input" placeholder="Телефон"/>
</div>
<div class="form-item">
<input type="text" class="form-item__input" placeholder="E-mail"/>
</div>
<div class="form-item">
<div class="form-item__checkbox">
<input type="checkbox" id="agreement-сheck-two" checked>
<label for="agreement-сheck-two">Я даю согласие на обработку моих персональных данных</label>
</div>
</div>
<div class="form-item">
<input type="submit" value="Консультация эксперта" class="form-item__submit"/>
</div>
</form>
</div>
</div>
<div class="training" id="training">
<div class="wrapper">
<h2 class="training__title">Формы обучения</h2>
<div class="training__row">
<div class="training__item training__item--one">
<div class="training__item-text">Очное<br>обучение</div>
</div>
<div class="training__item training__item--two">
<div class="training__item-text">C выездом к заказчику</div>
</div>
<div class="training__item training__item--three">
<div class="training__item-text">Дистанционное (вебинар)</div>
</div>
<div class="training__item training__item--four">
<div class="training__item-text">По индивидуальному графику</div>
</div>
</div>
</div>
</div>
</div>
<div class="main__bgbot">
<div class="traning-tabs">
<div class="traning-tabs__button-wrapper">
<div class="traning-tabs__row">
<div class="traning-tabs__button active" data-traning-tabs="one">Обучение специалистов<br> по промышленной безопасности</div>
<div class="traning-tabs__button" data-traning-tabs="two">Обучение специалистов<br> по энергетической безопасности</div>
<div class="traning-tabs__button" data-traning-tabs="three">Обучение специалистов по безопасности гидротехнических сооружений</div>
</div>
</div>
<div class="traning-tabs__text-wrapper">
<div class="traning-tabs__text-item active fade in" data-traning-item="one">
<ul class="traning-tabs__text-item-ul">
<div class="traning-tabs__text-item-col">
<li class="traning-tabs__text-item-li" data-counter="А">Общие требования промышленной безопасности<ul class="traning-tabs__text-item-ul2">
<li class="traning-tabs__text-item-li2" data-counter="А.1">сновы промышленной безопасности</li>
</ul>
</li>
<li class="traning-tabs__text-item-li" data-counter="Б">Специальные требования промышленной безопасности (ТПБ)<ul class="traning-tabs__text-item-ul2">
<li class="traning-tabs__text-item-li2" data-counter="Б.1">ТПБ в химической, нефтехимической и <br>нефтеперерабатывающей промышленности</li>
<li class="traning-tabs__text-item-li2" data-counter="Б.2">ТПБ в нефтяной и газовой промышленности</li>
<li class="traning-tabs__text-item-li2" data-counter="Б.3">ТПБ в металлургической промышленности</li>
<li class="traning-tabs__text-item-li2" data-counter="Б.4">ТПБ в горнорудной промышленности</li>
</ul>
</li>
</div>
<div class="traning-tabs__text-item-col">
<li class="traning-tabs__text-item-li2" data-counter="Б.5">ТПБ в угольной промышленности</li>
<li class="traning-tabs__text-item-li2" data-counter="Б.6">ТПБ по маркшейдерскому обеспечению безопасного ведения горных работ</li>
<li class="traning-tabs__text-item-li2" data-counter="Б.7">ТПБ на объектах газораспределения и газопотребления</li>
<li class="traning-tabs__text-item-li2" data-counter="Б.8">ТПБ к оборудованию, работающему под давлением</li>
<li class="traning-tabs__text-item-li2" data-counter="Б.9">ТПБ к подъемным сооружениям</li>
<li class="traning-tabs__text-item-li2" data-counter="Б.10">ТПБ при транспортировании опасных веществ</li>
<li class="traning-tabs__text-item-li2" data-counter="Б.11">ТПБ на объектах хранения и переработки растительного сырья</li>
<li class="traning-tabs__text-item-li2" data-counter="Б.12">ТПБ, относящиеся к взрывным работам</li>
</div>
</ul>
</div>
<div class="traning-tabs__text-item fade" data-traning-item="two">
<ul class="traning-tabs__text-item-ul">
<div class="traning-tabs__text-item-col--mid">
<li class="traning-tabs__text-item-li2" data-counter="Г.1">Требования к порядку работы в электроустановках потребителей</li>
<li class="traning-tabs__text-item-li2" data-counter="Г.2">Требования к порядку работы на тепловых энергоустановках и тепловых сетях</li>
<li class="traning-tabs__text-item-li2" data-counter="Г.3">Требования к эксплуатации электрических станций и сетей</li>
</div>
</ul>
</div>
<div class="traning-tabs__text-item fade" data-traning-item="three">
<ul class="traning-tabs__text-item-ul">
<div class="traning-tabs__text-item-col--mid">
<li class="traning-tabs__text-item-li2" data-counter="Д.1">Гидротехнические сооружения объектов промышленности</li>
<li class="traning-tabs__text-item-li2" data-counter="Д.2">Гидротехнические сооружения объектов энергетики</li>
<li class="traning-tabs__text-item-li2" data-counter="Д.3">Гидротехнические сооружения объектов водохозяйственного комплекса</li>
<li class="traning-tabs__text-item-li2" data-counter="Д.4">Экспертиза деклараций безопасности гидротехнических сооружений</li>
</div>
</ul>
</div>
</div>
</div>
<div class="traning-block">
<div class="wrapper">
<div class="traning-block__text-top">
Обучение проводится в соответствии с «Положением об организации работы по подготовке и аттестации специалистов организаций, поднадзорных Федеральной службе по экологическому, технологическому и атомному надзору», утвержденному Приказом Ростехнадзора от 29.01.2007 г. № 37 (зарегистрирован в Минюсте России 22.03.2007 г. №9133).
</div>
<h2 class="traning-block__title" id="traning-block">
Что выдается по окончанию обучения?
</h2>
<div class="traning-block__title-text">
При прохождении предаттестационной подготовки выдается: удостверение о повышении квалификации
</div>
</div>
<div class="traning-block__wrapper">
<div class="wrapper">
<div class="traning-block__license">
<img src="image/ud.jpg" alt="License" class="traning-block__license-img">
</div>
<div class="traning-block__license-text-top">Удостверение о повышении квалификации</div>
<div class="traning-block__license-text-middle">
По результатам аттестации (в аттестационной комиссии) выдаётся:
протокол заседания аттестационной комиссии Ростехнадзора;
</div>
<div class="traning-block__license-text-bottom">
В соответствии с требованиями приказа федеральной службы по экологическому, технологическому и атомному надзору от 29 января 2007 г. п. 37 «О порядке подготовки и аттестации работников организаций, поднадзорных федеральной службе по экологическому, технологическому и атомному надзору»
</div>
</div>
</div>
</div>
<div class="location">
<h2 class="location__title">
Где проводится аттестация специалистов?
</h2>
<div class="location__tabs-button-wrapper">
<div class="location__row">
<div class="location__tabs-button active" data-location-tabs='one'>В Центральной аттестационной комиссии Федеральной службы по экологическому, технологическому и атомному надзору (ЦАК):</div>
<div class="location__tabs-button" data-location-tabs='two'>В территориальных аттестационных комиссиях Федеральной службы по экологическому, технологическому и атомному надзору (ТАК) по месту нахождения производственных объектов поднадзорных организаций</div>
</div>
</div>
<div class="location__tabs-text-wrapper">
<div class="location__tabs-text-item fade in active" data-location-text='one'>
<ul class="location__tabs-text-item-ul">
<li class="location__tabs-text-item-li">руководители организаций и их заместителей, в должностные обязанности которых входят вопросы обеспечения безопасности работ, численность работников которых превышает 5000 человек;</li>
<li class="location__tabs-text-item-li">руководители аттестационных комиссий организаций, осуществляющих деятельность в области использования атомной энергии;</li>
<li class="location__tabs-text-item-li">члены аттестационных комиссий организаций, численность работников которых превышает 5000 человек;</li>
<li class="location__tabs-text-item-li">иные лица по решению председателя Центральной аттестационной комиссии или его заместителя.</li>
</ul>
</div>
<div class="location__tabs-text-item fade" data-location-text='two'>
<ul class="location__tabs-text-item-ul">
<li class="location__tabs-text-item-li">руководители и члены аттестационных комиссий организаций, численность работников которых менее 5000 человек;</li>
<li class="location__tabs-text-item-li">руководители и специалисты экспертных организаций, выполняющих работы для поднадзорных Федеральной службе по экологическому, технологическому и атомному надзору организаций;</li>
<li class="location__tabs-text-item-li">специалисты организаций, осуществляющих подготовку и профессиональное обучение по вопросам безопасности;</li>
<li class="location__tabs-text-item-li">иные лица по решению председателя Центральной аттестационной комиссии или его заместителя.</li>
</ul>
</div>
</div>
</div>
<div class="reviews">
<h2 class="reviews__title">Отзывы наших клиентов</h2>
<div class="wrapper">
<div class="reviews__item">
<div class="reviews__item-logo"><img src="image/casale-logo.png" alt="Casale Logo" class="reviews__item-logo-img"></div>
<div class="reviews__item-text">Компания Casale S.A. благодарит за профессионально проведенное обучение наших специалистов, организованное «ИПК ТЕХНОПРОГРЕСС» в рамках Контракта № A-00600-07 от 30/06/2015. Программа обучения включала следующие темы: «Промышленная, энергетическая безопасность и безопасность гидротехнических сооружений» (объекты химической, нефтехимической и нефтеперерабатывающей промышленности).</div>
</div>
<div class="reviews__item">
<div class="reviews__item-logo"><img src="image/aps-logo.png" alt="APS Logo" class="reviews__item-logo-img"></div>
<div class="reviews__item-text">Завершая Тренинг в области дополнительного профессионального образования, проведённый «Институтом повышения квалификации ТЕХНОПРОГРЕСС» в рамках Контракта № 23598092357-IPK3-PKPB от 29/01/2016, Компания APS S.p.A. выражает Вам своё почтение и полное удовлетворение обучением. Предоставленные услуги по обучению включали: Повышением квалификации специалистов по программе "Промышленная, энергетическая безопасность и безопасность гидротехнических сооружений".</div>
</div>
<div class="reviews__logo-row">
<div class="reviews__logo-item"><img src="image/gas-prom-logo.png" alt="GazProm Logo" class="review__logo-item-img"></div>
<div class="reviews__logo-item"><img src="image/cherkozovo-logo.png" alt="Cherkizovo Logo" class="review__logo-item-img"></div>
<div class="reviews__logo-item"><img src="image/uaz-logo.png" alt="UAZ Logo" class="review__logo-item-img"></div>
<div class="reviews__logo-item"><img src="image/ural-logo.png" alt="Uralskaya stal Logo" class="review__logo-item-img"></div>
<div class="reviews__logo-item"><img src="image/rusgidro-logo.png" alt="RusGidro Logo" class="review__logo-item-img"></div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer-form__block">
<div class="wrapper">
<h2 class="footer-form__block-title" id="submit__application">Заявка на обучение</h2>
<form class="application-form" method="POST">
<div class="form-item">
<input type="text" class="form-item__input" placeholder="Ваше имя"/>
</div>
<div class="form-item">
<input type="text" class="form-item__input" placeholder="Телефон"/>
</div>
<div class="form-item">
<input type="text" class="form-item__input" placeholder="E-mail"/>
</div>
<div class="form-item">
<div class="form-item__checkbox">
<input type="checkbox" id="agreement-сheck-one" checked>
<label for="agreement-сheck-one">Я даю согласие на обработку моих персональных данных</label>
</div>
</div>
<div class="form-item">
<input type="submit" value="Консультация эксперта" class="form-item__submit"/>
</div>
</form>
</div>
</div>
<div class="footer-dev">
<div class="wrapper">
<div class="footer-dev__row">
<a href="http://www.tehnoprogress.ru/" class="footer-dev__logo"><img src="image/logo-footer.png" class="footer-dev__logo-img" alt="Technoprogress Logo"></a>
<div class="footer-dev__phone-block">
<a href="tel:88002349436" class="footer-dev__phone">8 800 234-94-36</a>
<div class="footer-dev__phone-descr">Бесплатно для всех регионов РФ</div>
</div>
</div>
</div>
</div>
<div class="footer__adress">
<div class="wrapper">
<div class="footer__adress-row">
<div class="footer__adress-item-wrapper">
<div class="footer__adress-item">
<div class="footer__adress-top">
<div class="footer__adress-sity">Москва</div>
<a href="tel:84954119436" class="footer__adress-phone">8 (495) 411-94-36</a>
</div>
<div class="footer__adress-adress">Проектируемый проезд № 4062,<br>д. 6, стр. 16, БЦ «PORTPLAZA»</div>
</div>
</div>
<div class="footer__adress-item-wrapper">
<div class="footer__adress-item">
<div class="footer__adress-top">
<div class="footer__adress-sity">Санкт-Петербург</div>
<a href="tel:88123268008" class="footer__adress-phone">8 (812) 326-80-08</a>
</div>
<div class="footer__adress-adress">Детский переулок, д. 2</div>
</div>
</div>
<div class="footer__adress-item-wrapper">
<div class="footer__adress-item">
<div class="footer__adress-top">
<div class="footer__adress-sity">Казань</div>
<a href="tel:88432009466" class="footer__adress-phone">8 (843) 200-94-66</a>
</div>
<div class="footer__adress-adress">ул. Островского, д. 84</div>
</div>
</div>
<div class="footer__adress-item-wrapper">
<div class="footer__adress-item">
<div class="footer__adress-top">
<div class="footer__adress-sity">Пятигорск</div>
<a href="tel:88793404466" class="footer__adress-phone">8 (8793) 404-466</a>
</div>
<div class="footer__adress-adress">ул. Орджоникидзе, д. 11,<br> ТД «Романовский»</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="modal fade">
<div class="modal__wrapper">
<div class="modal__wrapper-close modal-close">+</div>
<h3 class="modal__title">
Спасибо, <br/>Ваша заявка принята!
</h3>
<div class="modal__back modal-close">Вернуться на главную</div>
</div>
</div>
<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>