-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2.html
366 lines (365 loc) · 25.1 KB
/
index2.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
<!DOCTYPE html>
<html lang="en">
<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">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css" />
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<link rel="stylesheet" href="fonts.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/lightgallery.min.css">
<title>BudProgress</title>
</head>
<body>
<header class="header">
<div class="header__slider">
<div class="slider__wrapper">
<div class=" page-2">
<div class="container">
<nav class="header__navigation">
<div class="header__navigation-logo">
<img src="img/header/logo.png" alt="">
<span class="header__navigation-logo-title"><b>БУД</b> ПРОГРЕС</span>
</div>
<ul class="header__navigation-list">
<li class="header__list-item"><a href="#" class="header__list-link _active">ПРОДУКЦІЯ</a></li>
<li class="header__list-item"><a href="#" class="header__list-link">ПОСЛУГИ</a></li>
<li class="header__list-item"><a href="#" class="header__list-link">НАШІ РОБОТИ</a></li>
<li class="header__list-item"><a href="#" class="header__list-link">КОНТАКТИ</a></li>
<li class="header__list-item header__list-item-phone"><a href="#" class="header__list-link">+38 (097) 063 00 63</a></li>
</ul>
<div class="header__navigation__contact">
<span class="phone" id="phone-1">+38 (097) 063 00 63</span>
<span class="phone" id="phone-2">+38 (097) 063 00 63</span>
<span class="header__navigation__contact-phone">+38 (097) 063 00 63</span>
<div class="header__burger">
<span></span>
<span class="header__burger-center"></span>
<span></span>
</div>
</div>
</nav>
<div class="header__slide__content header__content">
<div class="header__content__social_media">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
<div class="header__content-content">
<div class="header__content-title">
<h1 class="header__content-title-first">МАНСАРДНІ </h1>
<h1> ВІКНА ROTO</h1>
</div>
<p class="header__content-txt"><span>Продаж мансардних вікон ROTO </span> та <span>послуги установки вікон під ключ
</span><br /> в місті Хмельницькому та Хмельницькій області за <span> самими доступними цінами</span></p>
<div class="header__content-btn-group header__btn-group">
<a href="#" id="btn1" class="header__btn">РОЗРАХУВАТИ ВАРТІСТЬ</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header__treyg">
<div class="pagination">
<a href="index.html"></a >
<a class="_active" href="#"></a>
<a href="index3.html"></a >
</div>
</div>
</div>
</header>
<div class="info">
<div class="container">
<h2 class="info__title title">МАНСАРДНІ ВІКНА ROTO в ХМЕЛЬНИЦЬКОМУ</h2>
<p class="info__txt">Німецький концерн Roto Frank – один зі світових лідерів із виробництва мансардних вікон, покрівельних люків, аксесуарів і сходів на горище.
Історія компанії розпочалася з розробки і серійних випусків фурнітури для фасадних вікон. Концепція фурнітури дозволила створити
ідеальне рішення – можливість відкривати стулку вікна у двох площинах – по вертикалі і горизонталі.
Автор цього винаходу – Вільгельм Франк - німецький інженер-винахідник, який у 1935 році в Штутгарті заснував компанію Roto Frank.
Уся продукція ТМ Roto відповідає стандартам найвищої якості «german made»!.</p>
</div>
</div>
<div class="features">
<div class="container">
<h2 class="features__title title">Як замовити МАНСАРДНІ ВІКНА ROTO?</h2>
<div class="features__row">
<div class="features__row_item features-item">
<img src="img/features/features-1.png" alt="">
<h3 class="features-item__title">Зв'язатися з нами</h3>
<span class="features-item__subtitle">залиште заявку на сайті або відвідайте наш офіс</span>
</div>
<div class="features__row_item features-item">
<img src="img/features/features-2.png" alt="">
<h3 class="features-item__title">Вибрати модель вікон</h3>
<span class="features-item__subtitle">в офісі представлена широка виставка зразків</span>
</div>
<div class="features__row_item features-item">
<img src="img/features/features-3.png" alt="">
<h3 class="features-item__title">Комплексний кошторис</h3>
<span class="features-item__subtitle">порахуємо вартість вікон ROTO
і вартість їх установки</span>
</div>
</div>
<div class="features__row">
<div class="features__row_item features-item">
<img src="img/features/features-4.png" alt="">
<h3 class="features-item__title">Узгодження</h3>
<span class="features-item__subtitle">підписання договору і кошторису</span>
</div>
<div class="features__row_item features-item">
<img src="img/features/features-5.png" alt="">
<h3 class="features-item__title">Доставка матеріалів</h3>
<span class="features-item__subtitle">здійснити повну оплату матеріалів</span>
</div>
<div class="features__row_item features-item">
<img src="img/features/features-6.png" alt="">
<h3 class="features-item__title">Послуги установки</h3>
<span class="features-item__subtitle">здійснити оплату <br/>послуг</span>
</div>
</div>
<a href="#" class="features__link">+38 (097) 063 00 63</a>
<span class="features__time">09:00–18:00 / Сб/Нд - вихідний </span>
</div>
<div class="features__treyg">
<div class="features__treyg_content">123</div>
</div>
</div>
<div class="price">
<div class="price__wrapper container">
<div class="price__title title">МАНСАРДНІ ВІКНА ROTO ВІД ТОВ “БУД ПРОГРЕС”</div>
<div class="price__content">
<div class=" price-item">
<div class="price-item__text">
<div class="price-item__text_title">Мансардні вікна Roto Designo R4:</div>
<p class="price-item__text_info">Ціна від <span> 5600 грн</span></p>
<ul class="price-item__text_list price-list">
<li class="price-list__item">Вікно Designo R4 - це класична модель мансардного вікна з віссю повороту стулки
в ½ висоти вікна. Управляти вікном можна за допомогою однієї
багатофункціональної ручки, розташованої в нижній частині вікна. Продуманий
дизайн і підібраний колір зовнішніх накладок роблять дану модель вікна ідеально
підходить для будь-якого мансардного приміщення.
<span> Вікна Designo R4 - це найкраще поєднання ціни та якості..</span></li>
</ul>
</div>
<div class="price-item__img">
<div class="price-item__mimg"><picture><source type="image/webp"><img src="img/price/page-2/01.png" alt=""></picture></div>
<div class="price-item__eximg"><img src="img/price/page-2/extra.png" alt=""></div>
</div>
</div>
<div class="price-item">
<div class="price-item__img">
<div class="price-item__mimg"><picture><source type="image/webp"><img src="img/price/page-2/02.png" alt=""></picture></div>
<div class="price-item__eximg"><img src="img/price/page-2/extra.png" alt=""></div>
</div>
<div class="price-item__text">
<div class="price-item__text_title">Мансардні вікна RotoQ:</div>
<p class="price-item__text_info">Ціна від <span> 8600 грн</span></p>
<ul class="price-item__text_list price-list">
<li class="price-list__item">Roto QТ – це версія з електричним управлінням центрально-поворотного
мансардного вікна нової генерації – Roto Q, яку вирізняє сучасний дизайн і висока
енергоефективність. Ця модель вікна рекомендується для установки в зонах на
великій висоті від рівня підлоги, коли людині важко дістати руками.
<span></span>
Управляти таким вікном можна декількома способами:
1-й –через клавішний вимикач (QT4 E)
2-й – за допомогою одно або багатоканального пульта (QT4 F).</span></li>
</ul>
</div>
</div>
<div class=" price-item">
<div class="price-item__text">
<div class="price-item__text_title">Мансардні вікна Roto Designo R7:</div>
<p class="price-item__text_info">Ціна від <span> 7400 грн</span></p>
<ul class="price-item__text_list price-list">
<li class="price-list__item">Мансардне вікно з піднятою віссю повороту Designo R7 відрізняється від
традиційних центрально-поворотних вікон своєї більш високою функціональністю
і комфортом в експлуатації.
<span>
Вісь повороту вікна R7 розміщена в ¾ його висоти. За допомогою двох газових
амортизаторів, розміщених зліва і справа на стулці вікна, вікно легко відкривається.
При цьому велика частина стулки виходить назовні, забезпечуючи користувачеві
вільний і комфортний доступ до відкритого вікна.</span></li>
</ul>
</div>
<div class="price-item__img">
<div class="price-item__mimg"><picture><source type="image/webp"><img src="img/price/page-2/03.png" alt=""></picture></div>
<div class="price-item__eximg"><img src="img/price/page-2/extra.png" alt=""></div>
</div>
</div>
<div class="price-item">
<div class="price-item__img">
<div class="price-item__mimg"><picture><source type="image/webp"><img src="img/price/page-2/04.png" alt=""></picture></div>
<div class="price-item__eximg"><img src="img/price/page-2/extra.png" alt=""></div>
</div>
<div class="price-item__text">
<div class="price-item__text_title">Мансардні вікна Roto Designo R79</div>
<p class="price-item__text_info">Ціна від <span> 9200 грн</span></p>
<ul class="price-item__text_list price-list">
<li class="price-list__item">В інноваційної моделі вікна R79 замість однокамерного склопакета (як в
звичайному вікні R75) встановлено двокамерний енергозберігаючий склопакет,
всередину якого закачаний інертний газ криптон (в однокамерному - аргон).
<span>
Зовнішнє скло - загартоване (ESG), розбити його дуже складно, і гарантія на
такий пакет від виробника, німецької компанії Roto, становить 15 років.
Основний меседж вікна R79 - «потрійний захист»</span></li>
</ul>
</div>
</div>
</div>
<div class="price__contacts">
<h3>Зроби життя друзів простішим - поділись посиланням!</h3>
<p>Рекомендуй нас і наші послуги своім друзям і колегам, нехай вони теж
зроблять собі покрівлю і фасад якісно</p>
<div class="price__contacts_social">
<a href="#"><i class="fab fa-facebook price-facebook"></i></a>
<a href="#"><i class="fab fa-twitter price-twitter"></i></a>
</div>
</div>
</div>
<div class="price__treyg">
<div class="price__treyg_content"></div>
</div>
</div>
<div class="form">
<div class="form__title title">Безкоштовно прорахуємо вартість МАТЕРІАЛІВ і МОНТАЖУ</div>
<div class="form__wrapper container">
<div class="form__column">
<div class="form__desc">
<div class="form__desc_title">Потрібні матеріали та монтаж?</div>
<div class="form__desc_text">Опишіть що саме потрібно: все під ключ чи тільки
матеріали, потрібні послуги монтажу? </div>
<div class="form__desc_input"><input autocomplete="off" type="text" name="form[]" data-error="Ошибка" data-value="" class="input"></div>
<div class="checkbox">
<input type="checkbox" data-error="Ошибка" class="checkbox__input" value="1" name="check">
<label class="checkbox__text"><span> Потрібні послуги монтажу</span></label>
</div>
</div>
</div>
<div class="form__column">
<div class="contacts">
<div class="contacts__title">Контактна інформація</div>
<input autocomplete="off" type="text" name="form[]" placeholder="Ваше і’мя *" data-value="" class="contacts__input" required>
<input autocomplete="off" type="text" name="form[]" placeholder="Номер телефону *" data-value="" class="contacts__input" required>
<input autocomplete="off" type="text" name="form[]" placeholder="Ваша пошта *" data-value="" class="contacts__input" required>
</div>
<div class="contacts__btn"><a href=""> РОЗРАХУВАТИ ВАРТІСТЬ</a></div>
</div>
</div>
</div>
<div class="examples">
<div class="examples__title title">обов'язково подивіться <br>приклади наших робіт</div>
<div class="examples__content container">
<div class="examples__item ex-item">
<div class="ex-item__img"><img src="img/gallery/page-2/01.png" alt=""></div>
<div class="ex-item__text">OMAN POLAR</div>
<div class="ex-item__ex"><img src="img/gallery/page-2/04.png" alt=""></div>
<p class="ex-item__price">Ціна від <span> 5600 грн</span></p>
</div>
<div class="examples__item ex-item">
<div class="ex-item__img"><img src="img/gallery/page-2/02.png" alt=""></div>
<div class="ex-item__text">STALLUX TERMO</div>
<div class="ex-item__ex"><img src="img/gallery/page-2/05.png" alt=""></div>
<p class="ex-item__price">Ціна від <span> 5600 грн</span></p>
</div>
<div class="examples__item ex-item">
<div class="ex-item__img"><img src="img/gallery/page-2/03.png" alt=""></div>
<div class="ex-item__text">OMAN ALUPROFI</div>
<div class="ex-item__ex"><img src="img/gallery/page-2/06.png" alt=""></div>
<p class="ex-item__price">Ціна від <span> 5600 грн</span></p>
</div>
</div>
<a href="#" class="features__link examples__link">+38 (097) 063 00 63</a>
<span class="features__time examples__time">09:00–18:00 / Сб/Нд - вихідний </span>
</div>
<div class="services">
<div class="services__container container">
<div class="services__wrapper container">
<a href="#" class="services__item serv-item">
<div class="serv-item__img"><img class="_ibg" src="img/services/01.png" alt=""></div>
<div class="serv-item__text">ПОКРІВЛЯ І ФАСАД</div>
</a>
<a href="#" class="services__item serv-item">
<div class="serv-item__img"><img class="_ibg" src="img/services/02.png" alt=""></div>
<div class="serv-item__text">МАНСАРДНІ ВІКНА</div>
</a>
<a href="#" class="services__item serv-item">
<div class="serv-item__img"><img class="_ibg" src="img/services/03.png" alt=""></div>
<div class="serv-item__text">ВОДОСТІЧНІ СИСТЕМИ</div>
</a>
<a href="#" class="services__item serv-item">
<div class="serv-item__img"><img class="_ibg" src="img/services/04.png" alt=""></div>
<div class="serv-item__text">МЕТАЛЕВИЙ ШТАКЕТНИК</div>
</a>
</div>
</div>
</div>
<div class="content">
<div class="container">
<h2 class="content__title title">Сходи на горище Oman <br>
ВІД ТОВ “БУД ПРОГРЕС” В ХМЕЛЬНИЦЬКОМУ</h2>
<div class="content__main">
<p class="content__main-txt main-txt">Сходи на горище Oman одні з найпопулярніших на ринку України. І це зовсім недивно, адже даний європейський виробник виготовляє свою продукцію з якісних,
екологічних матеріалів, які повністю відповідають вітчизняним і міжнародним стандартам. <br>
Сама фабрика драбин знаходиться в Польщі, на кордоні з Чехією. Розташування в лісовій зоні, дозволяє максимально продуктивно використовувати ресурс.</p>
</div>
</div>
</div>
<div class="map">
<div class="map_wrapper">
<div class="container">
<h2 class="map_wrapper_title title">Зв'язок з нами</h2>
<span class="map_wrapper_info-adress map_wrapper_txt">Україна, Хмельницький, вул. Панаса Мирного, 2/4</span>
<span class="map_wrapper_info-phone map_wrapper_txt">+38 (097) 063 00 63</span>
<div class="price__treyg">
<div class="price__treyg_content map__trygol"></div>
<div class="map__shadow"></div>
</div>
</div>
</div>
<div class="map_iframe_wrapper">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d648.5734009782627!2d27.001093429228927!3d49.44116757073388!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4732070873624575%3A0xbd44d6da5f00fea6!2sBud%20Prohres%2C%20Tov!5e0!3m2!1sru!2sru!4v1619962323993!5m2!1sru!2sru" width="100%" height="547" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
<footer class="footer">
<div class="container">
<nav class="header__navigation">
<div class="header__navigation-logo">
<img src="img/header/logo.png" alt="">
<span class="header__navigation-logo-title"><b>БУД</b> ПРОГРЕС</span>
</div>
<ul class="header__navigation-list">
<li class="header__list-item"><a href="#" class="header__list-link _active">ПРОДУКЦІЯ</a></li>
<li class="header__list-item"><a href="#" class="header__list-link">ПОСЛУГИ</a></li>
<li class="header__list-item"><a href="#" class="header__list-link">НАШІ РОБОТИ</a></li>
<li class="header__list-item"><a href="#" class="header__list-link">КОНТАКТИ</a></li>
</ul>
<div class="header__navigation__contact">
<span class="phone" id="phone-1-foot">+38 (097) 063 00 63</span>
<span class="phone" id="phone-2-foot">+38 (097) 063 00 63</span>
<div class=" ">
<span></span>
<span class="header__burger-center"></span>
<span></span>
</div>
</div>
</nav>
<div class="header__content__social_media">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
<span class="footer__txt">
2014 - 2021 © ТОВ “БУД ПРОГРЕС” - Покрівля і Фасад в Хмельницькому. Всі права захищені авторами сайту
</span>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/js/lightgallery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="script.js"></script>
<script src="swiper.min.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="slider.js"></script>
</body>
</html>