-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
227 lines (223 loc) · 14.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/normalize.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<title>Пионер</title>
</head>
<body>
<div class="container">
<header class="header">
<div class="header__feedback">
<img src="images/logo.svg" alt="логотип пионер" class="header__logo">
<div class="header__feedback__email__phone">
<div class="header__feedback__email">
<p class="feedback__text">
По вопросам и предложениям
</p>
<a href="mailto:[email protected]" class="header__email">[email protected]</a>
</div>
<div class="header__feedback__phone">
<p class="feedback__text">
Для консультаций
</p>
<a href="tel:+74954562421" class="header__phone">+7 (495) 456-24-21</a>
</div>
</div>
</div>
<nav class="header__menu">
<ul class="menu__list">
<li class="menu__list__item"><a href="index.html#main" class="menu_link">Главная</a></li>
<li class="menu__list__item"><a href="index.html#about" class="menu_link">О предприятии</a></li>
<li class="menu__list__item"><a href="index.html#news" class="menu_link">Новости</a></li>
<li class="menu__list__item"><a href="index.html#production" class="menu_link">Продукция</a></li>
<li class="menu__list__item"><a href="index.html#" class="menu_link">Услуги</a></li>
<li class="menu__list__item"><a href="index.html#" class="menu_link">Поддержка</a></li>
<li class="menu__list__item"><a href="index.html#factories" class="menu_link">География поставок</a>
</li>
<li class="menu__list__item"><a href="index.html#" class="menu_link">Контакты</a></li>
</ul>
<div class="menu__phone">
<a href="tel:+74954562421" class="phone"><img src="images/phone-img.svg" alt="изображение телефона"
class="phone_img">ПЕРЕЗВОНИТЕ МНЕ</a>
</div>
</nav>
</header>
<main>
<section class="main" id="main">
<div class="main__info">
<h1 class="main__header">Российский завод силовых машин</h1>
<p class="main__text">научно-производственное предприятие, занимающееся разработкой и производством
силовых машин.</p>
</div>
<img src="images/hero_img.png" alt="изображение фабрики" class="factory_img">
</section>
<section class="about" id="about">
<h1 class="about__header">
О предприятии
</h1>
<div class="about__content">
<div class="about__info_1">
<p class="about_text">За 20 лет развития в структуре завода сформирован мощный производственный
потенциал, научно-технический центр, испытательная лаборатория, современная база, учебный
центр
и широкая сеть региональных и международных представительств в Российской Федерации,
Республике
Беларусь, Узбекистане и Казахстане.</p>
<p class="about_text">Ежегодно НПП «ПИОНЕР» реализует несколько проектов по модернизации
серийных
и разработке новых приборов, призванные в наибольшей степени удовлетворять возрастающие
требования наших заказчиков.</p>
<img src="images/worker_img.png" alt="изображение рабочего" class="about_img_1">
</div>
<div class="about__info_2">
<p class="about_text">В номенклатуре выпускаемой НПП «ПИОНЕР» продукции найдется все, что
необходимо
для успешного решения задачи автоматизации технологических процессов на любом предприятии.
Все
средства измерения производства «ПИОНЕР» внесены в Государственный реестр СИ и имеют
необходимые
разрешительные документы.</p>
<img src="images/car_img.png" alt="изображение автомобиля" class="about_img_2">
</div>
</div>
</section>
<section class="production" id="production">
<h1 class="production__header">
Продукция
</h1>
<div class="production__content">
<ul class="production__list">
<li class="production__card">
<img src="images/level.png" alt="изображение сигнализатора уровня"
class="production__card__img">
<div class="production__card__content">
<p class="production__card__title">Сигнализатор уровня</p>
<a href="index.html#" class="production__card__link">Подробнее ›</a>
</div>
</li>
<li class="production__card">
<img src="images/title-aero 1.png" alt="изображение датчика давления"
class="production__card__img">
<div class="production__card__content">
<p class="production__card__title">Датчики давления</p>
<a href="index.html#" class="production__card__link">Подробнее ›</a>
</div>
</li>
<li class="production__card">
<img src="images/kamaz1 1.png" alt="изображение ПИД-регулятора"
class="production__card__img">
<div class="production__card__content">
<p class="production__card__title">ПИД-регуляторы</p>
<a href="index.html#" class="production__card__link">Подробнее ›</a>
</div>
</li>
<li class="production__card">
<img src="images/turbo 1.png" alt="изображение калибратора давления"
class="production__card__img">
<div class="production__card__content">
<p class="production__card__title">Калибратор давления</p>
<a href="index.html#" class="production__card__link">Подробнее ›</a>
</div>
</li>
<li class="production__card">
<img src="images/main-slide-power 1.png" alt="изображение корректора расхода газа"
class="production__card__img">
<div class="production__card__content">
<p class="production__card__title">Корректор расхода газа</p>
<a href="index.html#" class="production__card__link">Подробнее ›</a>
</div>
</li>
<li class="production__card">
<img src="images/engine 1.png" alt="изображение манометра"
class="production__card__img">
<div class="production__card__content">
<p class="production__card__title">Манометры</p>
<a href="index.html#" class="production__card__link">Подробнее ›</a>
</div>
</li>
</ul>
</div>
</section>
<section class="factories" id="factories">
<h1 class="factories__header">Представительства</h1>
<img src="images/map.png" alt="изображение карты" class="factories__map">
</section>
<section class="news" id="news">
<h1 class="news__header">Новости</h1>
<ul class="news__list">
<li class="news__item">
<img src="images/news1.png" alt="изображение 1 новости" class="news__img">
<p class="news__content">НПП «ПИОНЕР» подтвердило свои компетенции в области консультирования
и изготовления…</p>
<div class="news__link__date">
<a href="index.html#" class="news__read__more">Читать далее</a>
<p class="news__date">20.07.2020</p>
</div>
</li>
<li class="news__item">
<img src="images/news2.png" alt="изображение 2 новости" class="news__img">
<p class="news__content">Поздравляем коллектив регионального представительства «ПИОНЕР»
с праздником!</p>
<div class="news__link__date">
<a href="index.html#" class="news__read__more">Читать далее</a>
<p class="news__date">18.07.2020</p>
</div>
</li>
<li class="news__item">
<img src="images/news3.png" alt="изображение 3 новости" class="news__img">
<p class="news__content">Перенос сроков проведения запланированных работ в 2020 году</p>
<div class="news__link__date">
<a href="index.html#" class="news__read__more">Читать далее</a>
<p class="news__date">20.06.2020</p>
</div>
</li>
</ul>
</section>
</main>
</div>
<footer class="footer">
<div class="container">
<div class="footer__main">
<img src="images/logo.png" alt="логотип pioner" class="footer__logo">
<div class="footer__content">
<ul class="footer__list">
<li class="footer__list__item"><a href="index.html#main" class="footer__list__link">Главная</a>
</li>
<li class="footer__list__item"><a href="index.html#about" class="footer__list__link">О
предприятии</a></li>
<li class="footer__list__item"><a href="index.html#news" class="footer__list__link">Новости</a>
</li>
<li class="footer__list__item"><a href="index.html#production"
class="footer__list__link">Продукция</a></li>
<li class="footer__list__item"><a href="index.html#" class="footer__list__link">Услуги</a></li>
</ul>
<ul class="footer__list">
<li class="footer__list__item"><a href="index.html#" class="footer__list__link">Поддержка</a>
</li>
<li class="footer__list__item"><a href="index.html#factories"
class="footer__list__link">География поставок</a></li>
<li class="footer__list__item"><a href="index.html#" class="footer__list__link">Контакты</a>
</li>
</ul>
<ul class="footer__list">
<li class="footer__list__item"><a href="index.html#" class="footer__list__link">Файлы</a></li>
<li class="footer__list__item"><a href="index.html#" class="footer__list__link">Поддержка</a>
</li>
<li class="footer__list__item"><a href="index.html#" class="footer__list__link">Политика
конфеденциальности</a></li>
</ul>
</div>
</div>
</div>
<div class="footer__date">
<p class="footer__date__content">1994 — 2020 ООО «ПИОНЕР»</p>
</div>
</footer>
</body>
</html>