-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
633 lines (548 loc) · 60.1 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
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
<!DOCTYPE html>
<html lang="uk" class="no-webp">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Дерев'яні сходи. Офіційний сайт виробника</title>
<meta name="Keywords" content="сходи, дерев'яні сходи, сходи україна, сходи київ, сходи на замовлення, сходи під замовлення, купити сходи, деревяні сходи, сходи в дім, сходи деревяні, сходи з дерева, замовити сходи дерев'яні, сходи в будинку, виготовлення сходів, де замовити сходи" />
<meta name="Description" content="Виготовляєм дерев'яні сходи з доставкою по Україні. Проводимо всі роботи від проєктування до монтажу. Перегляньте наші ціни" />
<meta name="author" content="Oleksandr Katerynchuk" />
<script>
document.querySelector('html').classList.remove('no-webp');
!function(e,n,A){function o(e,n){return typeof e===n}function t(){var e,n,A,t,a,i,l;for(var f in r)if(r.hasOwnProperty(f)){if(e=[],n=r[f],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(A=0;A<n.options.aliases.length;A++)e.push(n.options.aliases[A].toLowerCase());for(t=o(n.fn,"function")?n.fn():n.fn,a=0;a<e.length;a++)i=e[a],l=i.split("."),1===l.length?Modernizr[l[0]]=t:(!Modernizr[l[0]]||Modernizr[l[0]]instanceof Boolean||(Modernizr[l[0]]=new Boolean(Modernizr[l[0]])),Modernizr[l[0]][l[1]]=t),s.push((t?"":"no-")+l.join("-"))}}function a(e){var n=u.className,A=Modernizr._config.classPrefix||"";if(c&&(n=n.baseVal),Modernizr._config.enableJSClass){var o=new RegExp("(^|\\s)"+A+"no-js(\\s|$)");n=n.replace(o,"$1"+A+"js$2")}Modernizr._config.enableClasses&&(n+=" "+A+e.join(" "+A),c?u.className.baseVal=n:u.className=n)}function i(e,n){if("object"==typeof e)for(var A in e)f(e,A)&&i(A,e[A]);else{e=e.toLowerCase();var o=e.split("."),t=Modernizr[o[0]];if(2==o.length&&(t=t[o[1]]),"undefined"!=typeof t)return Modernizr;n="function"==typeof n?n():n,1==o.length?Modernizr[o[0]]=n:(!Modernizr[o[0]]||Modernizr[o[0]]instanceof Boolean||(Modernizr[o[0]]=new Boolean(Modernizr[o[0]])),Modernizr[o[0]][o[1]]=n),a([(n&&0!=n?"":"no-")+o.join("-")]),Modernizr._trigger(e,n)}return Modernizr}var s=[],r=[],l={_version:"3.6.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var A=this;setTimeout(function(){n(A[e])},0)},addTest:function(e,n,A){r.push({name:e,fn:n,options:A})},addAsyncTest:function(e){r.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=l,Modernizr=new Modernizr;var f,u=n.documentElement,c="svg"===u.nodeName.toLowerCase();!function(){var e={}.hasOwnProperty;f=o(e,"undefined")||o(e.call,"undefined")?function(e,n){return n in e&&o(e.constructor.prototype[n],"undefined")}:function(n,A){return e.call(n,A)}}(),l._l={},l.on=function(e,n){this._l[e]||(this._l[e]=[]),this._l[e].push(n),Modernizr.hasOwnProperty(e)&&setTimeout(function(){Modernizr._trigger(e,Modernizr[e])},0)},l._trigger=function(e,n){if(this._l[e]){var A=this._l[e];setTimeout(function(){var e,o;for(e=0;e<A.length;e++)(o=A[e])(n)},0),delete this._l[e]}},Modernizr._q.push(function(){l.addTest=i}),Modernizr.addAsyncTest(function(){function e(e,n,A){function o(n){var o=n&&"load"===n.type?1==t.width:!1,a="webp"===e;i(e,a&&o?new Boolean(o):o),A&&A(n)}var t=new Image;t.onerror=o,t.onload=o,t.src=n}var n=[{uri:"data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=",name:"webp"},{uri:"data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAABBxAR/Q9ERP8DAABWUDggGAAAADABAJ0BKgEAAQADADQlpAADcAD++/1QAA==",name:"webp.alpha"},{uri:"data:image/webp;base64,UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA",name:"webp.animation"},{uri:"data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=",name:"webp.lossless"}],A=n.shift();e(A.name,A.uri,function(A){if(A&&"load"===A.type)for(var o=0;o<n.length;o++)e(n[o].name,n[o].uri)})}),t(),a(s),delete l.addTest,delete l.addAsyncTest;for(var p=0;p<Modernizr._q.length;p++)Modernizr._q[p]();e.Modernizr=Modernizr}(window,document);
</script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="container">
<div class="nav-phone">
<input type="checkbox" class="nav-phone__checkbox" id="nav-toggle">
<label for="nav-toggle" class="nav-phone__button">
<span class="nav-phone__icon"> </span>
</label>
<div class="nav-phone__background"> </div>
<nav class="nav-phone__menu">
<ul class="nav-phone__list">
<li class="nav-phone__item"><a href="#about" class="nav-phone__link">Про нас</a></li>
<li class="nav-phone__item"><a href="#gallery" class="nav-phone__link">Фотогалерея</a></li>
<li class="nav-phone__item"><a href="#price" class="nav-phone__link">Ціни</a></li>
<li class="nav-phone__item"><a href="#balusters" class="nav-phone__link">Огородження</a></li>
<li class="nav-phone__item"><a href="#stages" class="nav-phone__link">Етапи</a></li>
<li class="nav-phone__item"><a href="#delivery" class="nav-phone__link">Доставка</a></li>
<li class="nav-phone__item"><a href="#contacts" class="nav-phone__link">Контакти</a></li>
</ul>
</nav>
</div>
<header class="header">
<label for="nav-toggle" class="header__logo">
<div class="logo__side logo__side--front">
<svg width="100" height="66.6" viewBox="40 120 900 600" xmlns="http://www.w3.org/2000/svg">
<path d="m 362.38922,453.41782 109.04987,-0.0715 19.47657,-72.69367 -36.35144,-0.004 -2.99419,-0.22891 -2.91472,-0.71827 -2.75674,-1.18822 -2.52357,-1.62576 -2.22156,-2.01896 -1.85895,-2.35707 -1.44563,-2.6309 -0.99289,-2.83296 -0.51306,-2.95775 -0.0192,-3.00186 0.47512,-2.96407 0.95651,-2.84545 1.41182,-2.64921 1.8286,-2.38069 2.19551,-2.04725 2.50254,-1.65795 2.74129,-1.22344 2.90528,-0.75555 2.99079,-0.26579 382.50921,0.001 48.70014,-181.75174 -523.14938,-0.001 -25.24693,2.20748 -24.48159,6.55982 -22.97055,10.71134 -20.76157,14.53741 -17.92176,17.92176 -14.53741,20.76157 -10.71134,22.97055 -6.55982,24.48158 -2.20898,25.24875 2.20898,25.24876 6.55982,24.48158 10.71134,22.97055 14.53741,20.76157 17.92176,17.92176 20.76157,14.53741 22.97055,10.71134 24.48159,6.55982 25.24875,2.20898" />
<path d="m 163.15877,489.70088 -9.73901,36.35149 629.58952,-9.5e-4 -2.20717,-25.24985 -6.55982,-24.48158 -10.71134,-22.97055 -14.53741,-20.76157 -17.92176,-17.92176 -20.76157,-14.53741 -22.97055,-10.71134 -24.48158,-6.55982 -25.25057,-2.20862 -109.0546,3.6e-4 -29.22576,109.05133 z" />
<path d="m 133.93855,598.75253 629.58895,-10e-4 8.66273,-17.67065 6.19862,-18.67821 -634.70933,1.9e-4 z" />
<path d="m 673.95295,671.45245 21.82435,-8.81497 20.11776,-12.22097 17.88187,-15.30878 -609.57834,-0.002 -9.73901,36.34803 559.49337,-10e-4 z" />
</svg>
</div>
<div class="logo__side logo__side--back"> </div>
</label>
<div class="header__text-box">
<h1 class="heading-primary">Дерев'яні Сходи</h1>
</div>
<div class="header__phone-box">
<div class="phone-full"><a href="tel: +380501327140">050-132-71-40</a></div>
<div class="phone-full"><a href="tel: +380985452740">098-545-27-40</a></div>
<div class="phone-min">
<a href="tel: +380985452740">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"/></svg>
</a>
</div>
</div>
</header>
<div class="carousel">
<div class="separator"></div>
<div class="carousel__photos">
<div class="carousel__photos--1"></div>
<div class="carousel__photos--2"></div>
<div class="carousel__photos--3"></div>
<div class="carousel__photos--4"></div>
</div>
<div class="separator"></div>
<div class="lang-mobile">
<span class="lang-mobile__uk">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" preserveAspectRatio="xMidYMid slice"><rect width="1200" height="800" fill="#005BBB"/><rect width="1200" height="400" y="400" fill="#FFD500"/></svg>
</span>
<a href="ru.html" class="lang-mobile__ru">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 6" preserveAspectRatio="xMidYMid slice"><rect fill="#fff" width="9" height="3"/><rect fill="#d52b1e" y="3" width="9" height="3"/><rect fill="#0039a6" y="2" width="9" height="2"/></svg>
</a>
</div>
</div>
<div class="content">
<aside class="side">
<div class="lang-big">
<span class="lang-big__uk">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" preserveAspectRatio="xMidYMid slice"><rect width="1200" height="800" fill="#005BBB"/><rect width="1200" height="400" y="400" fill="#FFD500"/></svg>
</span>
<a href="ru.html" class="lang-big__ru">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 6" preserveAspectRatio="xMidYMid slice"><rect fill="#fff" width="9" height="3"/><rect fill="#d52b1e" y="3" width="9" height="3"/><rect fill="#0039a6" y="2" width="9" height="2"/></svg>
</a>
</div>
<nav class="nav">
<ul class="nav__list">
<input type="radio" id="radio-about" name="radio-menu" checked>
<li class="nav__item">
<a href="#about" class="nav__link" onclick="document.getElementById('radio-about').checked = true;">Про нас</a>
</li>
<input type="radio" id="radio-gallery" name="radio-menu">
<li class="nav__item">
<a href="#gallery" class="nav__link" onclick="document.getElementById('radio-gallery').checked = true;">Фотогалерея</a>
</li>
<input type="radio" id="radio-price" name="radio-menu">
<li class="nav__item">
<a href="#price" class="nav__link" onclick="document.getElementById('radio-price').checked = true;">Ціни</a>
</li>
<input type="radio" id="radio-balusters" name="radio-menu">
<li class="nav__item">
<a href="#balusters" class="nav__link" onclick="document.getElementById('radio-balusters').checked = true;">Огородження</a>
</li>
<input type="radio" id="radio-stages" name="radio-menu">
<li class="nav__item">
<a href="#stages" class="nav__link" onclick="document.getElementById('radio-stages').checked = true;">Етапи</a>
</li>
<input type="radio" id="radio-delivery" name="radio-menu">
<li class="nav__item">
<a href="#delivery" class="nav__link" onclick="document.getElementById('radio-delivery').checked = true;">Доставка</a>
</li>
<input type="radio" id="radio-contacts" name="radio-menu">
<li class="nav__item">
<a href="#contacts" class="nav__link" onclick="document.getElementById('radio-contacts').checked = true;">Контакти</a>
</li>
</ul>
</nav>
<picture class="animated-stairs">
<source type="image/webp" srcset="images/logo.webp">
<source type="image/gif" srcset="images/logo.gif">
<img src="images/logo.gif" alt="Дерев'яні сходи">
</picture>
</aside>
<main class="main">
<section id="about" class="about">
<div class="about__text">
<h2>Дерев'яні сходи</h2>
<p>Дерев’яні сходи нашого підприємства — це індивідуальний підхід до особливостей Вашої оселі з врахуванням Ваших побажань і стилю. Наші знання, досвід та імпортне промислове обладнання дозволять виготовити для Вас надійні, якісні та зручні сходи, які стануть окрасою інтер’єра на довгі роки.</p>
<h3>Виготовлення сходів</h3>
<p>Сходи можуть бути виготовленні з дуба, бука або ясена. Ми приміняєм високоякісні імпортні матеріали (клеї, лаки та ін.). Пропонуємо Вам дерев’яні сходи на косоурах, тятивах або комбінований варіант. Нами встановлено сходи в різних регіонах України: Київ, Івано-Франківськ, Луганськ, Луцьк, Львів, Тернопіль, Ужгород, Крим...</p>
<h3>Монтаж сходів</h3>
<p>Після виготовлення ми можемо доставити сходи своїм транспортом та відразу приступити до монтажу. Проте, якщо ви бажаєте зекономити та готові здійснити монтаж самостійно, то ми можемо відправити готовий до монтажу комплект сходів.</p>
<h3>Додаткові послуги</h3>
<p>Додатково також можуть надаватись огородження при вході, виході, на поверхах та по іншому боці сходів; різблені вироби, стовпці, поручні; підсходинки; майданчики; щити на торець перекриття та інше.</p>
</div>
<div class="about__photos" >
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Дерев'яні сходи з різьбою" class="about__photos-1">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Балюстрада (огородження)" class="about__photos-2">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Елітні сходи" class="about__photos-3">
</div>
</section>
<section id="gallery" class="gallery">
<h2>Фотогалерея</h2>
<div class="gallery__pages">
<div class="gallery__container">
<div class="gallery__photo-page gallery__photo-page-1" id="gallery-page-1">
<figure>
<picture>
<source type="image/webp" srcset="images/photo/1.webp">
<source type="image/jpeg" srcset="images/photo/1.jpg">
<img src="images/photo/1.jpg" alt="Сходи на бетоні" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/2.webp">
<source type="image/jpeg" srcset="images/photo/2.jpg">
<img src="images/photo/2.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/3.webp">
<source type="image/jpeg" srcset="images/photo/3.jpg">
<img src="images/photo/3.jpg" alt="Сходи на замовлення" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/4.webp">
<source type="image/jpeg" srcset="images/photo/4.jpg">
<img src="images/photo/4.jpg" alt="Сходи на металокаркасі" class="gallery__photo" loading="lazy">
</picture>
</figure>
</div>
<div class="gallery__photo-page gallery__photo-page-2" id="gallery-page-2">
<figure>
<picture>
<source type="image/webp" srcset="images/photo/5.webp">
<source type="image/jpeg" srcset="images/photo/5.jpg">
<img src="images/photo/5.jpg" alt="Сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/6.webp">
<source type="image/jpeg" srcset="images/photo/6.jpg">
<img src="images/photo/6.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/7.webp">
<source type="image/jpeg" srcset="images/photo/7.jpg">
<img src="images/photo/7.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/8.webp">
<source type="image/jpeg" srcset="images/photo/8.jpg">
<img src="images/photo/8.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
</div>
<div class="gallery__photo-page gallery__photo-page-3" id="gallery-page-3">
<figure>
<picture>
<source type="image/webp" srcset="images/photo/9.webp">
<source type="image/jpeg" srcset="images/photo/9.jpg">
<img src="images/photo/9.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/10.webp">
<source type="image/jpeg" srcset="images/photo/10.jpg">
<img src="images/photo/10.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/11.webp">
<source type="image/jpeg" srcset="images/photo/11.jpg">
<img src="images/photo/11.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/12.webp">
<source type="image/jpeg" srcset="images/photo/12.jpg">
<img src="images/photo/12.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
</div>
<div class="gallery__photo-page gallery__photo-page-4" id="gallery-page-4">
<figure>
<picture>
<source type="image/webp" srcset="images/photo/13.webp">
<source type="image/jpeg" srcset="images/photo/13.jpg">
<img src="images/photo/13.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/14.webp">
<source type="image/jpeg" srcset="images/photo/14.jpg">
<img src="images/photo/14.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/15.webp">
<source type="image/jpeg" srcset="images/photo/15.jpg">
<img src="images/photo/15.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/16.webp">
<source type="image/jpeg" srcset="images/photo/16.jpg">
<img src="images/photo/16.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
</div>
<div class="gallery__photo-page gallery__photo-page-5" id="gallery-page-5">
<figure>
<picture>
<source type="image/webp" srcset="images/photo/17.webp">
<source type="image/jpeg" srcset="images/photo/17.jpg">
<img src="images/photo/17.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/18.webp">
<source type="image/jpeg" srcset="images/photo/18.jpg">
<img src="images/photo/18.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/19.webp">
<source type="image/jpeg" srcset="images/photo/19.jpg">
<img src="images/photo/19.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/20.webp">
<source type="image/jpeg" srcset="images/photo/20.jpg">
<img src="images/photo/20.jpg" alt="Дерев'яні сходи" class="gallery__photo" loading="lazy">
</picture>
</figure>
</div>
</div>
<aside class="gallery__navigation">
<ol class="gallery__navigation-list">
<li class="gallery__navigation-item">
<a href="#gallery-page-1"
class="gallery__navigation-button">Slide 1</a>
</li>
<li class="gallery__navigation-item">
<a href="#gallery-page-2"
class="gallery__navigation-button">Slide 2</a>
</li>
<li class="gallery__navigation-item">
<a href="#gallery-page-3"
class="gallery__navigation-button">Slide 3</a>
</li>
<li class="gallery__navigation-item">
<a href="#gallery-page-4"
class="gallery__navigation-button">Slide 4</a>
</li>
<li class="gallery__navigation-item">
<a href="#gallery-page-5"
class="gallery__navigation-button">Slide 4</a>
</li>
</ol>
</aside>
</div>
</section>
<section id="price" class="price">
<h2>Ціна сходів</h2>
<p>При виборі виробника сходів вас, як клієнта, звісно ж чи не в першу чергу цікавить ціна. Ми, як безпосередній виробник, можемо запропонувати низькі ціни та високу якість.</p>
<p>Вартість сходів залежить від складності проєкту, розмірів, матеріалу, типу огородження та інше. Так як кожен проєкт індивідуальний, то неможливо наперед озвучити конкретну ціну.</p>
<p>Нижче ви можете переглянути вартість типових комплектів сходів з дуба, готових до лакування та монтажу.</p>
<div class="price__cards">
<div class="price__content price__2">
<div class="price__picture">
<p class="price__value">39 900 грн</p>
<a href="http://steps.ua/3d/3d-example-2&lang=uk" title="Переглянути 3D-модель" class="price__3d">
<svg height="1365.333" width="1365.333" viewBox="0 0 1365.333 1365.333" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1.33333 0 0 -1.33333 0 1365.333)">
<path d="M223.693 553.415s-32.004-16.015-59.007-52.05c-21.002-30.028-20.176-65.193 7.001-101.096 25.003-33.032 82.01-60.058 114.013-71.068 62.33-21.444 116.015-30.03 202.025-37.036m329.041 250.239c16.002-11.011 32.004-25.023 47.006-49.046 14-26.025 16.43-56.846-10.747-92.75-25.003-33.031-81.724-61.075-113.953-71.408-59.323-19.018-87.326-24.023-128.331-29.027" fill="none" stroke="#3dcd58" stroke-width="43" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="43"/>
<path d="M430.219 353.724l61.507-61.56-61.507-59.555" fill="none" stroke="#3dcd58" stroke-width="43" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="43"/>
<path d="M347.364 657.451c48.66 0 64.232-30.865 64.232-51.719 0-10.567-1.946-23.914-28.64-41.154 25.86-6.117 38.094-22.8 38.094-47.27 0-29.753-21.411-64.232-72.574-64.232-60.895 0-73.13 44.49-73.13 57.837 0 9.454 7.786 19.742 21.133 19.742 27.25 0 14.18-44.767 50.329-44.767 20.854 0 27.25 19.742 27.25 30.864 0 15.85-10.288 30.31-25.026 30.31-3.893 0-19.464-2.782-22.801-2.782-6.951 0-16.961 5.84-16.961 17.796 0 11.957 11.678 17.796 18.908 17.796l9.454-.278c21.967 0 27.806 13.903 27.806 23.635 0 11.957-8.342 21.411-21.69 21.411-29.751 0-18.907-32.812-43.098-32.812-10.845 0-18.91 7.786-18.91 18.91 0 13.624 15.85 46.713 65.624 46.713m149.039-133.747c0-21.132 11.123-37.816 27.806-37.816 15.849 0 25.026 14.737 25.026 34.48 0 12.234-4.45 35.869-26.138 35.869-14.46 0-26.694-12.512-26.694-32.533m29.475 133.748c39.206 0 59.782-24.192 59.782-43.1 0-8.342-6.395-18.074-18.352-18.074-23.913 0-19.742 28.363-42.821 28.363-22.245 0-28.918-23.358-30.586-55.335 10.288 11.679 22.8 17.796 40.04 17.796 38.929 0 60.896-33.645 60.896-66.178 0-35.314-25.026-67.847-71.74-67.847-56.725 0-77.023 46.714-77.023 98.155 0 53.11 20.577 106.22 79.804 106.22m137.637-100.381c0-44.49 5.283-69.516 25.86-69.516 22.523 0 26.138 28.641 26.138 70.35 0 46.714-7.23 65.066-26.416 65.066-21.967 0-25.582-28.362-25.582-65.9m-31.143 72.296c10.845 17.24 31.977 28.084 55.891 28.084 34.48 0 74.242-18.352 74.242-103.439 0-38.094-6.952-57.003-16.962-72.018-16.405-24.469-40.875-28.918-55.612-28.918-10.289 0-32.81 2.781-50.329 22.801-13.069 15.015-23.079 35.314-23.079 80.082 0 27.25 2.502 52.275 15.85 73.408m150.817 98.457c0-14.703 11.674-26.81 26.81-26.81 14.703 0 26.811 11.675 26.811 26.81 0 14.703-12.108 26.38-27.244 26.38-13.838 0-26.378-11.244-26.378-26.38M810 791.391c35.027 0 64-28.54 64-63.999 0-35.027-28.54-63.568-64-63.568s-64 28.541-64 63.568c0 35.892 28.973 64 64 64" fill="#3dcd58"/>
</g>
</svg>
</a>
</div>
<div class="price__description">
<h3>Сходи<br>прямі</h3>
<ul>
<li>Дуб (меблевий щит)</li>
<li>Висота поверху - 3м</li>
<li>Ширина маршу - 90см</li>
<li>15 прямих сходинок<br>2 підсходинки</li>
<li>4 тятиви, 2 поручні</li>
<li>4 стовпи <a href="https://shop.steps.ua/p1070251756-stovp-klasika-11088.html">"Класика"</a><br>33 балясини <a href="https://shop.steps.ua/p1070254143-balyasina-klasika-9004535.html">"Класика"</a></li>
<li class="landing">Майданчик не враховано, залежить від типу та розмірів</li>
</ul>
</div>
</div>
<div class="price__content price__l">
<div class="price__picture">
<p class="price__value">49 900 грн</p>
<a href="http://steps.ua/3d/3d-example-l&lang=uk" title="Переглянути 3D-модель" class="price__3d">
<svg height="1365.333" width="1365.333" viewBox="0 0 1365.333 1365.333" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1.33333 0 0 -1.33333 0 1365.333)">
<path d="M223.693 553.415s-32.004-16.015-59.007-52.05c-21.002-30.028-20.176-65.193 7.001-101.096 25.003-33.032 82.01-60.058 114.013-71.068 62.33-21.444 116.015-30.03 202.025-37.036m329.041 250.239c16.002-11.011 32.004-25.023 47.006-49.046 14-26.025 16.43-56.846-10.747-92.75-25.003-33.031-81.724-61.075-113.953-71.408-59.323-19.018-87.326-24.023-128.331-29.027" fill="none" stroke="#3dcd58" stroke-width="43" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="43"/>
<path d="M430.219 353.724l61.507-61.56-61.507-59.555" fill="none" stroke="#3dcd58" stroke-width="43" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="43"/>
<path d="M347.364 657.451c48.66 0 64.232-30.865 64.232-51.719 0-10.567-1.946-23.914-28.64-41.154 25.86-6.117 38.094-22.8 38.094-47.27 0-29.753-21.411-64.232-72.574-64.232-60.895 0-73.13 44.49-73.13 57.837 0 9.454 7.786 19.742 21.133 19.742 27.25 0 14.18-44.767 50.329-44.767 20.854 0 27.25 19.742 27.25 30.864 0 15.85-10.288 30.31-25.026 30.31-3.893 0-19.464-2.782-22.801-2.782-6.951 0-16.961 5.84-16.961 17.796 0 11.957 11.678 17.796 18.908 17.796l9.454-.278c21.967 0 27.806 13.903 27.806 23.635 0 11.957-8.342 21.411-21.69 21.411-29.751 0-18.907-32.812-43.098-32.812-10.845 0-18.91 7.786-18.91 18.91 0 13.624 15.85 46.713 65.624 46.713m149.039-133.747c0-21.132 11.123-37.816 27.806-37.816 15.849 0 25.026 14.737 25.026 34.48 0 12.234-4.45 35.869-26.138 35.869-14.46 0-26.694-12.512-26.694-32.533m29.475 133.748c39.206 0 59.782-24.192 59.782-43.1 0-8.342-6.395-18.074-18.352-18.074-23.913 0-19.742 28.363-42.821 28.363-22.245 0-28.918-23.358-30.586-55.335 10.288 11.679 22.8 17.796 40.04 17.796 38.929 0 60.896-33.645 60.896-66.178 0-35.314-25.026-67.847-71.74-67.847-56.725 0-77.023 46.714-77.023 98.155 0 53.11 20.577 106.22 79.804 106.22m137.637-100.381c0-44.49 5.283-69.516 25.86-69.516 22.523 0 26.138 28.641 26.138 70.35 0 46.714-7.23 65.066-26.416 65.066-21.967 0-25.582-28.362-25.582-65.9m-31.143 72.296c10.845 17.24 31.977 28.084 55.891 28.084 34.48 0 74.242-18.352 74.242-103.439 0-38.094-6.952-57.003-16.962-72.018-16.405-24.469-40.875-28.918-55.612-28.918-10.289 0-32.81 2.781-50.329 22.801-13.069 15.015-23.079 35.314-23.079 80.082 0 27.25 2.502 52.275 15.85 73.408m150.817 98.457c0-14.703 11.674-26.81 26.81-26.81 14.703 0 26.811 11.675 26.811 26.81 0 14.703-12.108 26.38-27.244 26.38-13.838 0-26.378-11.244-26.378-26.38M810 791.391c35.027 0 64-28.54 64-63.999 0-35.027-28.54-63.568-64-63.568s-64 28.541-64 63.568c0 35.892 28.973 64 64 64" fill="#3dcd58"/>
</g>
</svg>
</a>
</div>
<div class="price__description">
<h3>Сходи<br>Г-подібні</h3>
<ul>
<li>Дуб (меблевий щит)</li>
<li>Висота поверху - 3м</li>
<li>Ширина маршу - 90см</li>
<li>10 прямих сходинок<br>6 забіжних сходинок<br>1 підсходинка</li>
<li>4 тятиви, 2 поручні</li>
<li>3 стовпи <a href="https://shop.steps.ua/p1070251756-stovp-klasika-11088.html">"Класика"</a><br>27 балясин <a href="https://shop.steps.ua/p1070254143-balyasina-klasika-9004535.html">"Класика"</a></li>
</ul>
</div>
</div>
<div class="price__content price__u">
<div class="price__picture">
<p class="price__value">53 900 грн</p>
<a href="http://steps.ua/3d/3d-example-u&lang=uk" title="Переглянути 3D-модель" class="price__3d">
<svg height="1365.333" width="1365.333" viewBox="0 0 1365.333 1365.333" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1.33333 0 0 -1.33333 0 1365.333)">
<path d="M223.693 553.415s-32.004-16.015-59.007-52.05c-21.002-30.028-20.176-65.193 7.001-101.096 25.003-33.032 82.01-60.058 114.013-71.068 62.33-21.444 116.015-30.03 202.025-37.036m329.041 250.239c16.002-11.011 32.004-25.023 47.006-49.046 14-26.025 16.43-56.846-10.747-92.75-25.003-33.031-81.724-61.075-113.953-71.408-59.323-19.018-87.326-24.023-128.331-29.027" fill="none" stroke="#3dcd58" stroke-width="43" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="43"/>
<path d="M430.219 353.724l61.507-61.56-61.507-59.555" fill="none" stroke="#3dcd58" stroke-width="43" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="43"/>
<path d="M347.364 657.451c48.66 0 64.232-30.865 64.232-51.719 0-10.567-1.946-23.914-28.64-41.154 25.86-6.117 38.094-22.8 38.094-47.27 0-29.753-21.411-64.232-72.574-64.232-60.895 0-73.13 44.49-73.13 57.837 0 9.454 7.786 19.742 21.133 19.742 27.25 0 14.18-44.767 50.329-44.767 20.854 0 27.25 19.742 27.25 30.864 0 15.85-10.288 30.31-25.026 30.31-3.893 0-19.464-2.782-22.801-2.782-6.951 0-16.961 5.84-16.961 17.796 0 11.957 11.678 17.796 18.908 17.796l9.454-.278c21.967 0 27.806 13.903 27.806 23.635 0 11.957-8.342 21.411-21.69 21.411-29.751 0-18.907-32.812-43.098-32.812-10.845 0-18.91 7.786-18.91 18.91 0 13.624 15.85 46.713 65.624 46.713m149.039-133.747c0-21.132 11.123-37.816 27.806-37.816 15.849 0 25.026 14.737 25.026 34.48 0 12.234-4.45 35.869-26.138 35.869-14.46 0-26.694-12.512-26.694-32.533m29.475 133.748c39.206 0 59.782-24.192 59.782-43.1 0-8.342-6.395-18.074-18.352-18.074-23.913 0-19.742 28.363-42.821 28.363-22.245 0-28.918-23.358-30.586-55.335 10.288 11.679 22.8 17.796 40.04 17.796 38.929 0 60.896-33.645 60.896-66.178 0-35.314-25.026-67.847-71.74-67.847-56.725 0-77.023 46.714-77.023 98.155 0 53.11 20.577 106.22 79.804 106.22m137.637-100.381c0-44.49 5.283-69.516 25.86-69.516 22.523 0 26.138 28.641 26.138 70.35 0 46.714-7.23 65.066-26.416 65.066-21.967 0-25.582-28.362-25.582-65.9m-31.143 72.296c10.845 17.24 31.977 28.084 55.891 28.084 34.48 0 74.242-18.352 74.242-103.439 0-38.094-6.952-57.003-16.962-72.018-16.405-24.469-40.875-28.918-55.612-28.918-10.289 0-32.81 2.781-50.329 22.801-13.069 15.015-23.079 35.314-23.079 80.082 0 27.25 2.502 52.275 15.85 73.408m150.817 98.457c0-14.703 11.674-26.81 26.81-26.81 14.703 0 26.811 11.675 26.811 26.81 0 14.703-12.108 26.38-27.244 26.38-13.838 0-26.378-11.244-26.378-26.38M810 791.391c35.027 0 64-28.54 64-63.999 0-35.027-28.54-63.568-64-63.568s-64 28.541-64 63.568c0 35.892 28.973 64 64 64" fill="#3dcd58"/>
</g>
</svg>
</a>
</div>
<div class="price__description">
<h3>Сходи<br>П-подібні</h3>
<ul>
<li>Дуб (меблевий щит)</li>
<li>Висота поверху - 3м</li>
<li>Ширина маршу - 90см</li>
<li>4 прямі сходинки<br>12 забіжних сходинок<br>1 підсходинка</li>
<li>6 тятив, 3 поручні</li>
<li>4 стовпи <a href="https://shop.steps.ua/p1070251756-stovp-klasika-11088.html">"Класика"</a><br>17 балясин <a href="https://shop.steps.ua/p1070254143-balyasina-klasika-9004535.html">"Класика"</a></li>
</ul>
</div>
</div>
</div>
</section>
<section id="balusters" class="balusters">
<h2>Огородження</h2>
<p>Для огородження на сходах можуть бути використані дерев'яні балясини, нержавіюча сталь, ковка або гартоване скло.</p>
<p>Ознайомитися з видами та цінами дерев'яних балясин та стовпів можете в нашому інтернет-магазині: <a href="https://shop.steps.ua">shop.steps.ua</a></p>
<p>Найнижча ціна стартує на огородження з дерева, ковки та скла. Дорожче огородження з нержавіючої сталі.</p>
<p>Приклади огородження можете переглянути на фотографіях:</p>
<div class="balusters__pages">
<div class="balusters__container">
<div class="balusters__photo-page balusters__photo-page-1" id="baluster-page-1">
<figure>
<picture>
<source type="image/webp" srcset="images/photo/bal_std.webp">
<source type="image/jpeg" srcset="images/photo/bal_std.jpg">
<img src="images/photo/bal_std.jpg" alt="Дерев'яні балясини" class="balusters__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/bal_glass.webp">
<source type="image/jpeg" srcset="images/photo/bal_glass.jpg">
<img src="images/photo/bal_glass.jpg" alt="Огородження зі склом" class="balusters__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/bal_kovka.webp">
<source type="image/jpeg" srcset="images/photo/bal_kovka.jpg">
<img src="images/photo/bal_kovka.jpg" alt="Огородження з ковкою" class="balusters__photo" loading="lazy">
</picture>
</figure>
<figure>
<picture>
<source type="image/webp" srcset="images/photo/2.webp">
<source type="image/jpeg" srcset="images/photo/2.jpg">
<img src="images/photo/2.jpg" alt="Огородження з дерев'яними балясинами" class="balusters__photo" loading="lazy">
</picture>
</figure>
</div>
</div>
</div>
</section>
<section id="stages" class="stages">
<div class="stages__text">
<h2>Етапи замовлення</h2>
<h3>1. Проєктування.</h3>
<p>Виїзд на об’єкт спеціаліста, проведення замірів, обговорення Ваших вимог щодо типу і дизайну сходів, встановлення попередньої ціни. Розробка креслення і остаточне прийняття рішення про виготовлення, вартість, термін поставки і монтажу сходів.</p>
<h3>2. Виготовлення.</h3>
<p>Виготовлення сходових елементів здійснюється на підприємстві. Після виготовлення проводиться контрольна зборка, перепровіряються всі розміри сходів. Сходи розбираються, наноситься тришарове лакофарбове покриття. Підготовка сходів до транспортування, упаковка. Орієнтовний час виготовлення — 20 робочих днів.</p>
<h3>3. Монтаж.</h3>
<p>Монтаж сходів може здійснюватись по фінішній чистовій поверхні (але бажано фінішне нанесення фарби на стіни здійснити після монтажу сходів). Для проведення монтажних робіт потрібна справна побутова електрична мережа (буде примінятись почергово електроінструмент потужністю не більше 2 КВТ). Орієнтовний час монтажу — 1...2 робочих дні.</p>
</div>
<div class="stages__photos" >
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Сходи на металокаркасі" class="about__photos-1">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Балюстрада" class="about__photos-2">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Гнутоклеєні сходи" class="about__photos-3">
</div>
</section>
<section id="delivery" class="delivery">
<div class="delivery__text">
<h2>Доставка</h2>
<h3>Враховуючи монтаж</h3>
<p>Ми здійснюємо «Експрес-доставку» у всі населені пункти України! Після доставки сходів до Вашого дому ми відразу ж приступимо до їх монтажу. Ми здійснюєм доставку власним автотранспортом та подбали про те, щоб вартість доставки була як можна нижчою.</p>
<p>Вартість доставки складає 10 грн за км. В цю суму врахована доставка сходових елементів, майстрів та інструментів для монтажу, відрядження майстрам, а також дорога назад.</p>
<p>Щоб визначити відстань, введіть Ваше місцезнаходження на <a href="https://www.google.com.ua/maps/dir/Дерев'яні+Сходи+STEPS,+вулиця+Визволення,+22,+Надвірна,+Івано-Франківська+область,+78405//@48.6360603,24.5437771,13z/">картах Google</a></p>
<h3 class="margin-top-50">Без монтажу (тільки комплект сходів)</h3>
<p>Якщо ви готові здійснити монтаж самостійно ми можемо відправити комплект сходів Новою Поштою. Вартість доставки орієнтовно складає 2000 грн. Але ціна досить умовна та залежить від габаритів сходів та тарифів перевізника.</p>
</div>
<div class="delivery__photos" >
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Сходи з дуба" class="about__photos-1">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Огородження" class="about__photos-2">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Сходи" class="about__photos-3">
</div>
</section>
<section id="contacts" class="contacts">
<h2>Контакти</h2>
<p>Якщо Вас щось зацікавило або виникли запитання, звертайтесь невагаючись</p>
<div class="contacts__phone-social">
<div class="contacts__phone">
<div class="contacts__icon contacts__icon--phone">
<a href="tel: +380985452740">
<svg version="1.1" viewBox="0 0 500 500" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M335,443.2H167.7c-8.3,0-15-6.8-15-15V71.8c0-8.3,6.8-15,15-15H335 c8.3,0,15,6.8,15,15v356.4C350,436.5,343.3,443.2,335,443.2z" stroke="#000000" stroke-miterlimit="10"/>
<rect fill="#FFE4B5" height="294" width="168.7" x="166.9" y="96.3"/>
<line fill="#FFE4B5" stroke="#FFE4B5" stroke-linecap="round" stroke-miterlimit="10" stroke-width="6" x1="219" x2="283" y1="82" y2="82"/>
<circle fill="#FFE4B5" cx="250.8" cy="416.8" r="16.5"/>
</svg>
</a>
</div>
<div class="contacts__number contacts__number--phone">
<a href="tel: +380985452740">098-545-27-40</a>
<a href="tel: +380501327140">050-132-71-40</a>
</div>
</div>
<div class="contacts__viber">
<div class="contacts__icon contacts__icon--viber">
<a href="viber://chat?number=%2B380985452740" title="Viber">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill-rule="evenodd" clip-rule="evenodd"><path d="M24 24h-24v-24h24v24zm-5.806-17.791c-.419-.386-2.114-1.616-5.887-1.633 0 0-4.451-.268-6.62 1.722-1.207 1.208-1.632 2.974-1.677 5.166-.045 2.192-.103 6.298 3.855 7.411l.004.001-.002 1.699s-.025.688.427.828c.548.17.87-.353 1.393-.916.287-.309.683-.764.982-1.111 2.707.227 4.789-.293 5.026-.37.547-.178 3.639-.574 4.142-4.679.519-4.234-.251-6.911-1.643-8.118zm.458 7.812c-.425 3.428-2.933 3.645-3.395 3.793-.197.063-2.026.518-4.325.368 0 0-1.714 2.067-2.249 2.605-.083.084-.181.118-.247.102-.092-.023-.118-.132-.116-.291l.014-2.824c-3.348-.93-3.153-4.425-3.115-6.255.038-1.83.382-3.33 1.403-4.338 1.835-1.662 5.615-1.414 5.615-1.414 3.192.014 4.722.976 5.077 1.298 1.177 1.008 1.777 3.421 1.338 6.956zm-6.025.206s.3.026.461-.174l.315-.396c.152-.196.519-.322.878-.122.475.268 1.09.69 1.511 1.083.232.196.286.484.128.788l-.002.006c-.162.288-.38.557-.655.807l-.006.005c-.309.258-.665.408-1.046.284l-.007-.01c-.683-.193-2.322-1.029-3.367-1.862-1.709-1.349-2.923-3.573-3.26-4.765l-.01-.007c-.124-.382.027-.738.284-1.046l.005-.006c.251-.275.52-.492.807-.655l.006-.001c.304-.159.592-.105.788.127.258.267.743.908 1.083 1.511.2.359.075.726-.122.878l-.396.315c-.2.161-.174.461-.174.461s.586 2.219 2.779 2.779zm3.451-1.84c.118-.001.213-.097.212-.215-.011-1.404-.441-2.531-1.278-3.348-.835-.814-1.887-1.231-3.126-1.24h-.001c-.117 0-.213.094-.214.212 0 .118.094.214.212.215 1.125.008 2.078.384 2.831 1.119.753.734 1.139 1.759 1.149 3.046.001.117.096.211.213.211h.002zm-1.123-.438h-.005c-.118-.003-.211-.1-.208-.218.016-.73-.192-1.32-.637-1.806-.443-.484-1.051-.749-1.86-.808-.117-.009-.206-.111-.197-.228.009-.118.111-.206.228-.198.91.067 1.631.385 2.144.946.515.562.767 1.27.748 2.103-.002.117-.097.209-.213.209zm-1.095-.367c-.113 0-.207-.089-.213-.203-.036-.724-.377-1.079-1.074-1.116-.117-.007-.208-.107-.201-.225.006-.117.106-.208.224-.201.919.049 1.43.575 1.477 1.521.006.118-.084.218-.202.224h-.011z"/></svg>
</a>
</div>
<div class="contacts__number contacts__number--viber">
<a href="viber://chat?number=%2B380985452740" title="Viber">+380985452740</a>
</div>
</div>
<div class="contacts__telegram">
<div class="contacts__icon contacts__icon--telegram">
<a href="tg://resolve?domain=mkater11" title="Telegram">
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><path id="telegram-4" d="M12,0c-6.626,0 -12,5.372 -12,12c0,6.627 5.374,12 12,12c6.627,0 12,-5.373 12,-12c0,-6.628 -5.373,-12 -12,-12Zm3.224,17.871c0.188,0.133 0.43,0.166 0.646,0.085c0.215,-0.082 0.374,-0.267 0.422,-0.491c0.507,-2.382 1.737,-8.412 2.198,-10.578c0.035,-0.164 -0.023,-0.334 -0.151,-0.443c-0.129,-0.109 -0.307,-0.14 -0.465,-0.082c-2.446,0.906 -9.979,3.732 -13.058,4.871c-0.195,0.073 -0.322,0.26 -0.316,0.467c0.007,0.206 0.146,0.385 0.346,0.445c1.381,0.413 3.193,0.988 3.193,0.988c0,0 0.847,2.558 1.288,3.858c0.056,0.164 0.184,0.292 0.352,0.336c0.169,0.044 0.348,-0.002 0.474,-0.121c0.709,-0.669 1.805,-1.704 1.805,-1.704c0,0 2.084,1.527 3.266,2.369Zm-6.423,-5.062l0.98,3.231l0.218,-2.046c0,0 3.783,-3.413 5.941,-5.358c0.063,-0.057 0.071,-0.153 0.019,-0.22c-0.052,-0.067 -0.148,-0.083 -0.219,-0.037c-2.5,1.596 -6.939,4.43 -6.939,4.43Z"/></svg>
</a>
</div>
<div class="contacts__number contacts__number--telegram">
<a href="tg://resolve?domain=mkater11" title="Telegram">+380501327140</a>
</div>
</div>
<div class="contacts__email">
<div class="contacts__icon contacts__icon--email">
<a href="mailto:info@steps.ua?subject=From:woodstairs.com.ua" title="Відправити email">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.718 10.528c0 .792-.268 1.829-.684 2.642-1.009 1.98-3.063 1.967-3.063-.14 0-.786.27-1.799.687-2.58 1.021-1.925 3.06-1.624 3.06.078zm10.282 1.472c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-1.194c0-3.246-2.631-5.601-6.256-5.601-4.967 0-7.744 3.149-7.744 7.073 0 3.672 2.467 6.517 7.024 6.517 2.52 0 4.124-.726 5.122-1.288l-.687-.991c-1.022.593-2.251 1.136-4.256 1.136-3.429 0-5.733-2.199-5.733-5.473 0-5.714 6.401-6.758 9.214-5.071 2.624 1.642 2.524 5.578.582 7.083-1.034.826-2.199.799-1.821-.756 0 0 1.212-4.489 1.354-4.975h-1.364l-.271.952c-.278-.785-.943-1.295-1.911-1.295-2.018 0-3.722 2.19-3.722 4.783 0 1.73.913 2.804 2.38 2.804 1.283 0 1.95-.726 2.364-1.373-.3 2.898 5.725 1.557 5.725-3.525z"/></svg>
</a>
</div>
<div class="contacts__number contacts__number--email">
<a href="mailto:info@steps.ua?subject=From:woodstairs.com.ua" title="Відправити email">info@steps.ua</a>
</div>
</div>
<iframe class="map" frameborder="0" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJ026smfIyN0cRWcmJ243NCQQ&key=AIzaSyDA-dgtYEP3glU9I7cwS91I2CiWUIXVe-Y" allowfullscreen loading="lazy"></iframe>
</div>
</section>
</main>
</div>
<div class="separator"></div>
<footer class="footer">
<p><strong>Виготовлення дерев'яних сходів на замовлення - сходи з дуба</strong></p>
<address>Україна, Івано-Франківська обл., м. Надвірна, вул. Визволення, 22</address>
<p>Тел.: (050) 132-71-40, (098) 545-27-40</p>
</footer>
</div>
<script>for (let e of document.querySelectorAll('.nav-phone__link'))e.onclick=function(){document.querySelector('.nav-phone__checkbox').checked=false};</script>
</body>
</html>