-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathru.html
633 lines (548 loc) · 60.7 KB
/
ru.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="ru" 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">
<a href="index.html" 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>
</a>
<span 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>
</span>
</div>
</div>
<div class="content">
<aside class="side">
<div class="lang-big">
<a href="index.html" 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>
</a>
<span 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>
</span>
</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=ru" 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=ru" 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 поворотных ступенек, 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=ru" 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 поворотных ступенек, 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>Стоимость доставки составляет $0,36 за км. Здесь учтена доставка лестничных элементов, мастеров и инструментов для монтажа, командировки мастерам, а также обратная дорога.</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>