-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
761 lines (702 loc) · 39.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
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
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Главная</title>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no">
<!-- <style>body{opacity: 0;}</style> -->
<link rel="stylesheet" href="css/style.css?_v=20221002195805">
<link rel="shortcut icon" href="favicon.ico">
<!-- <meta name="robots" content="noindex, nofollow"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header__container">
<div class="header__menu menu">
<button type="button" class="menu__icon icon-menu"><span></span></button>
<div class="menu__logo">
<a href="index.html">
<img src="img/Logo.svg" alt="">
</a>
</div>
<nav class="menu__body">
<ul class="menu__list">
<li class="menu__location"> г. Санкт-Петербург</li>
<li class="menu__item"><a href="index.html#about" data-goto-header data-goto=".about" class="menu__link about-link">О компании</a></li>
<li class="menu__item"><a href="index.html#projects" data-goto-header data-goto=".projects" class="menu__link projects-link">Проекты</a></li>
<li class="menu__item"><a href="index.html#contacts" data-goto-header data-goto=".contacts__title" class="menu__link contacts-link">Контакты</a></li>
<li class="menu__item"><a href="calculator.html" class="menu__link contacts-link">Калькулятор</a></li>
</ul>
</nav>
<div class="menu__phone" data-da=".menu__list, 550">
<a href="tel: +79319686618">+7 (931) 968-66-18</a>
</div>
</div>
</div>
</header>
<main class="page">
<!-- Оболочка слайдера -->
<div class="main-swiper__slider swiper">
<!-- Двигающееся часть слайдера -->
<div class="main-swiper__wrapper swiper-wrapper">
<div class="main-swiper__slide swiper-slide">
<picture><source srcset="img/main-page/Banner_1.webp" type="image/webp"><img src="img/main-page/Banner_1.png" alt=""></picture>
<div class="swiper__content animated fadeInLeft">
<h2 class="swiper__title">МЫ СТРОИМ ДОМА В СТИЛЕ БАРНХАУС</h2>
<div class="swiper__subtitle">Стильный, лаконичный дом завладевший сердцами людей по всему
миру. Что же в стиле «barnhouse» такого привлекательного и почему стоит выбрать
именно его?
</div>
<a href="#" data-goto-header data-goto=".main-page-title" class="btn swiper__button">Узнать больше</a>
</div>
</div>
<div class="main-swiper__slide swiper-slide">
<div class="swiper__img">
<picture><source srcset="img/main-page/Banner_2.webp" type="image/webp"><img src="img/main-page/Banner_2.png" alt=""></picture>
</div>
<div class="swiper__content">
<h2 class="swiper__title">РАЗРАБОТКА ПРОЕКТА БЕСПЛАТНО ПРИ ЗАКАЗЕ СТРОИТЕЛЬСТВА</h2>
<div class="swiper__subtitle">Закажите строительство дома под ключ и получите бесплатный
проект дома с возможностью изменить конфигурацию
</div>
<a href="#" data-popup="#popup" class="btn swiper__button">Оставить заявку</a>
</div>
</div>
<div class="main-swiper__slide swiper-slide">
<div class="swiper__img">
<picture><source srcset="img/main-page/Banner_3.webp" type="image/webp"><img src="img/main-page/Banner_3.png" alt=""></picture>
</div>
<div class="swiper__content">
<h2 class="swiper__title">ВЫ МОЖЕТЕ ПРИСЛАТЬ СОБСТВЕННЫЙ ЭСКИЗ ИЛИ ПРОЕКТ НА ПРОСЧЁТ</h2>
<div class="swiper__subtitle">Мы можем изготовить проект дома по вашему эскизу или наброску,
выполненному в ручную или же взятому из любого источника
</div>
<a href="calculator.html" class="btn swiper__button">Перейти к калькулятору</a>
</div>
</div>
</div>
<!-- Если нужна пагинация -->
<div class="swiper-pagination"></div>
<!-- Если нужна навигация (влево/вправо) -->
</div>
<div class="main-page__container">
<a href="#" data-goto-header data-goto=".swiper" class="uppbutton">
<img src="img/footer/appbutton.svg" alt="">
</a>
<div class="dws">
<div class="pulse"><a href="mailto:[email protected]">
<div class="bloc"></div>
<div class="phone ">
<div class="_icon--envelop"></div>
</div>
<div class="text">Кнопка почты</div>
</div></a>
</div>
<div div class="main-page-title title">
<h1>ДОМ В СТИЛЕ БАРНХАУС, ЭТО</h1>
</div>
<div class="main-page__description">
<div class="row1">
<div class="row__desrition-ground">
<div class="row__description">
<div class="row__title">
Стиль
</div>
<div class="row__text">
Дома, построены в минималистичном современном стиле, отличающиеся простотой
и лаконичностью
</div>
</div>
</div>
<div class="row__desrition-ground">
<div class="row__description">
<div class="row__title">
Минимализм
</div>
<div class="row__text">
Простые планировки в строгой геометрии — прямоугольник, квадрат. Это понравится тем,
кто любит простоту и удобство
</div>
</div>
</div>
<div class="row__desrition-ground">
<div class="row__description">
<div class="row__title">
экологичность
</div>
<div class="row__text">
Дома возводятся из дерева по каркасной технологии с использованием экологичных
утеплителей
</div>
</div>
</div>
</div>
<div data-watch-threshold="0.5" data-watch-once data-watch class="row2">
<picture><source srcset="img/main-page/barnhouse.webp" type="image/webp"><img src="img/main-page/barnhouse.jpg" alt=""></picture>
<div class="img-cover "></div>
</div>
<div class="row3">
<div class="row__desrition-ground">
<div class="row__description">
<div class="row__title">
Стоимость
</div>
<div class="row__text">
Технология и заводское производство позволяют получить низкую конечную стоимость
за квадратный метр жилья
</div>
</div>
</div>
<div class="row__desrition-ground">
<div class="row__description">
<div class="row__title">
Потолки
</div>
<div class="row__text">
Потолок повторяет форму двускатной крыши. Конструктивная часть выступает в качестве
элемента интерьера
</div>
</div>
</div>
<div class="row__desrition-ground">
<div class="row__description">
<div class="row__title">
Освещение
</div>
<div class="row__text">
Этот современный архитектурный приём помогает в полной мере задействовать
естественное освещение
</div>
</div>
</div>
</div>
</div>
<div id="about" class="main_page__about about">
<div class="about__title title">
<h2>О КОМПАНИИ</h2>
</div>
<div class="about__description description">
<div class="description__image">
<picture><source srcset="img/main-page/about_company.webp" type="image/webp"><img src="img/main-page/about_company.jpg" alt="#"></picture>
</div>
<div class="description__text">
Наша компания эксперт в постройке домов бранхаус направления. Основная концепция этого
стиля — это экологичность и минимализм в отделке и декоре. Использование свайного фундамента
при строительстве делает его экономически выгодным.
<br>
<br>
Вы можете выбрать любой готовый проект из галереи либо обсудить с нами другое планировочное
решение постройки дома. Учитывая ваши пожелания, вы получите именно тот дом, о котором
мечтали: современный, технологичный и стильный.
<br>
<br>
Обращайтесь в компанию «Alpen barn» — мы создадим проект и построим дом вашей мечты!
</div>
</div>
<div data-watch data-watch-once id="numb" class="about__numbers numbers ">
<div class="numbers__block">
<div data-num="10" class="numbers__number">
</div>
<div class="numbers__text">
лет наша компания в строительстве
</div>
</div>
<div class="numbers__block">
<div data-num="90" class="numbers__number">
</div>
<div class="numbers__text">
за столько дней мы построим ваш дом
</div>
</div>
<div class="numbers__block">
<div data-num="200" class="numbers__number">
</div>
<div class="numbers__text">
проектов и цен на любой вкус и бюджет
</div>
</div>
<div class="numbers__block">
<div data-num="100" class="numbers__number">
</div>
<div class="numbers__text">
счастливых семей уже живут в наших домах
</div>
</div>
</div>
</div>
<div id="projects" class="main_page__projects projects">
<div class="projects__title title">
<h2>ПРОЕКТЫ И ЦЕНЫ</h2>
</div>
<div class="iso">
<ul class="iso__navigation">
<button type="button" id="allTitles" data-filter='*' class="iso__title is-checked">Все</button>
<button type="button" data-filter='.onefloor' class="iso__title ">Одноэтажные</button>
<button type="button" data-filter='.twofloor' class="iso__title">Двухэтажные</button>
<button type="button" data-filter='.mansard' class="iso__title">С мансардой</button>
<button type="button" data-filter='.small' class="iso__title">25–150 кв.м</button>
<button type="button" data-filter='.medium' class="iso__title">150–300 кв.м</button>
</ul>
<div class="iso__body">
<ul class="grid">
<li class="iso__item small mansard">
<div class="iso-description onefloor">
<p>Alpen barn 33</p> <span>33 м² 750 000 ₽</span>
<a href="single.html" class="btn item-btn">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn33.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn33.jpg" alt=""></picture></picture>
</li>
<li class="iso__item onefloor">
<div class="iso-description">
<p>Alpen barn 25</p> <span>25 м² 1 112 500 ₽</span>
<a href="single.html" class="btn item-btn ">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn25.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn25.jpg" alt=""></picture></picture>
</li>
<li class="iso__item onefloor mansard small">
<div class="iso-description ">
<p>Alpen barn 54</p> <span>54.65 м² 1 639 500 ₽</span>
<a href="single.html" class="btn item-btn ">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn54.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn54.jpg" alt=""></picture></picture>
</li>
<li class="iso__item mansard twofloor small">
<div class="iso-description">
<p>Alpen barn 48</p> <span>83 м² 1 912 000 ₽</span>
<a href="single.html" class="btn item-btn ">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn48.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn48.jpg" alt=""></picture></picture>
</li>
<li class="iso__item twofloor small">
<div class="iso-description">
<p>Alpen barn 73</p> <span>73 м² 2 048 200 ₽</span>
<a href="single.html" class="btn item-btn ">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn73.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn73.jpg" alt=""></picture></picture>
</li>
<li class="iso__item twofloor mansard small">
<div class="iso-description">
<p>Alpen barn 112</p> <span>112 м² 3 360 000 ₽</span>
<a href="single.html" class="btn item-btn ">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn112.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn112.jpg" alt=""></picture></picture>
</li>
<li class="iso__item onefloor small mansard">
<div class="iso-description">
<p>Alpen barn 122</p> <span>122.7 м² 3 125 000 ₽</span>
<a href="single.html" class="btn item-btn ">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn122.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn122.jpg" alt=""></picture></picture>
</li>
<li class="iso__item twofloor mansard medium">
<div class="iso-description">
<p>Alpen barn 150</p> <span>150 м² 4 756 000 ₽</span>
<a href="single.html" class="btn item-btn ">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn150.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn150.jpg" alt=""></picture></picture>
</li>
<li class="iso__item medium mansard">
<div class="iso-description">
<p>Alpen barn 151</p> <span>151 м² 3 908 000 ₽</span>
<a href="single.html" class="btn item-btn ">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn151.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn151.jpg" alt=""></picture></picture>
</li>
<li class="iso__item twofloor mansard medium">
<div class="iso-description">
<p>Alpen barn 175</p> <span>175 м² 4 425 000 ₽</span>
<a href="single.html" class="btn item-btn ">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn175.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn175.jpg" alt=""></picture></picture>
</li>
<li class="iso__item twofloor mansard medium">
<div class="iso-description">
<p>Alpen barn 195</p> <span>195 м² 6 187 000 ₽</span>
<a href="single.html" class="btn item-btn ">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn195.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn195.jpg" alt=""></picture></picture>
</li>
<li class="iso__item twofloor mansard medium">
<div class="iso-description">
<p>Alpen barn 262</p> <span>262 м² 7 290 000 ₽</span>
<a href="single.html" class="btn item-btn ">Подробнее</a>
</div>
<picture><picture><source srcset="img/main-page/projects/Alpen_barn262.webp" type="image/webp"><img src="img/main-page/projects/Alpen_barn262.jpg" alt=""></picture></picture>
</li>
</ul>
</div>
</div>
</div>
<div class="main-page__equipment">
<div class="equipment__main-title title">комплектация</div>
<div data-tabs data-tabs-animate="500" class="equipment__tabs equipment">
<nav data-tabs-titles class="equipment__navigation">
<button type="button" class="equipment__title _icon-foundation2 _tab-active"></button>
<button type="button" class="equipment__title _icon-modify "></button>
<button type="button" class="equipment__title _icon-roof"></button>
<button type="button" class="equipment__title _icon-heat"></button>
<button type="button" class="equipment__title _icon-brush"></button>
<button type="button" class="equipment__title _icon-floor"></button>
<button type="button" class="equipment__title _icon-window"></button>
<button type="button" class="equipment__title _icon-door"></button>
<button type="button" class="equipment__title _icon-communication"></button>
</nav>
<div data-tabs-body class="equipment__content">
<div class="equipment__body">
<p class="equipment__title_body">Свайно-винтовой фундамент</p>
<div class="equipment__cnt">
<div class="equipment__info info-equipment">
<div class="info-equipment__img">
<picture><source srcset="img/equipment/ff.webp" type="image/webp"><img src="img/equipment/ff.png" alt=""></picture>
<!--<div class="info-equipment__check"><span class="info-equipment__label">Металлический оголовок 200х200 мм</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Заводское покрытие 2-х компонентным составом</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Винтовая свая d=108мм, L=2500мм</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Заполнение сваи бетоном М-300</span></div>-->
</div>
</div>
<ul class="equipment__list">
<li class="equipment__li">ВС-108/300/2500мм
</li>
<li class="equipment__li">ТУ 5260–001–84045723–2011
</li>
<li class="equipment__li">Сваи закручиваются с использованием спецтехники
</li>
<li class="equipment__li">Толщина стенки сваи 4 мм
</li>
<li class="equipment__li">Толщина лопасти 5 мм
</li>
<li class="equipment__li">Внутреннее пространство сваи заполняется бетонной смесью М300
</li>
<li class="equipment__li">Вверху сваи приваривается металлический оголовок, 200*200 мм
</li>
<li class="equipment__li">Покрытие сваи — 2-х компонентный заводской защитный состав
</li>
<li class="equipment__li">Двойная гидроизоляция фундамента — гидростеклоизол
</li>
</ul>
</div>
</div>
<div class="equipment__body">
<p class="equipment__title_body">Домокомплект</p>
<div class="equipment__cnt">
<div class="equipment__info info-equipment">
<div class="info-equipment__img">
<picture><source srcset="img/equipment/komplect-PhotoRoom.webp" type="image/webp"><img src="img/equipment/komplect-PhotoRoom.png" alt=""></picture>
<!--<div class="info-equipment__check"><span class="info-equipment__label">Металлический оголовок 200х200 мм</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Заводское покрытие 2-х компонентным составом</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Винтовая свая d=108мм, L=2500мм</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Заполнение сваи бетоном М-300</span></div>-->
</div>
</div>
<ul class="equipment__list">
<li class="equipment__li">2,7м, высота1-го этажа
</li>
<li class="equipment__li">2,6м, высота2-го этажа
</li>
<li class="equipment__li">Обвязка каркаса: брус 150*200 мм
</li>
<li class="equipment__li">(14–18% влажность), 1 сорта, 150*50 мм
</li>
<li class="equipment__li">Стойки каркаса из строганной доски камерной сушки
</li>
<li class="equipment__li">Шаг стоек не более 580 мм, с использованием усиленной крепёжной системы и дополнительной защитой каркаса от «мостиков холода»
</li>
<li class="equipment__li">Монтаж горизонтального бруска 50*50 мм под дополнительное перекрёстное утепление стен изнутри
</li>
</ul>
</div>
</div>
<div class="equipment__body">
<p class="equipment__title_body">Кровля</p>
<div class="equipment__cnt">
<div class="equipment__info info-equipment">
<div class="info-equipment__img">
<picture><source srcset="img/equipment/krovlya-PhotoRoom.webp" type="image/webp"><img src="img/equipment/krovlya-PhotoRoom.png" alt=""></picture>
</div>
</div>
<ul class="equipment__list">
<li class="equipment__li">1класс оцинковки
</li>
<li class="equipment__li">20 см утепления
</li>
<li class="equipment__li">Гарантия 15 лет
</li>
<li class="equipment__li">Тишина в доме
</li>
<li class="equipment__li">Металлочерепица покрытая полиэстером. Первый класс цинкования — 275 г/кв.м. Толщина стали: 0,5 мм. Цвета в ассортименте
</li>
<li class="equipment__li">Усиленная стропильная система из доски 200*50 мм, 1 сорта, с шагом 580 мм
</li>
<li class="equipment__li">Гидроизоляция: гидро-ветрозащитная диффузионная мембрана: Jutavek 115
</li>
<li class="equipment__li">Подшивка карнизов кровли перфорированными панелями (софитами) Docke
</li>
<li class="equipment__li">Водосточная система Docke
</li>
</ul>
</div>
</div>
<div class="equipment__body">
<p class="equipment__title_body">Теплоизоляция и шумоизоляция</p>
<div class="equipment__cnt">
<div class="equipment__info info-equipment">
<div class="info-equipment__img">
<picture><source srcset="img/equipment/485_original-PhotoRoom.webp" type="image/webp"><img src="img/equipment/485_original-PhotoRoom.png" alt=""></picture>
</div>
</div>
<ul class="equipment__list">
<li class="equipment__li">Наружные стены: экологически чистый плитный базальтовый утеплитель Paroc EXTRA или ROCKWOOL ЛАЙТ БАТТС в 4 слоя (150 мм + 50 мм) с применением перекрёстного утепления
</li>
<li class="equipment__li">Межкомнатные перегородки и межэтажное перекрытие: экологически чистый плитный базальтовый утеплитель Paroc EXTRA или ROCKWOOL ЛАЙТ БАТТС в 2 слоя (100 мм)
</li>
<li class="equipment__li">Полы первого этажа: экологически чистый плитный базальтовый утеплитель Paroc EXTRA или ROCKWOOL ЛАЙТ БАТТС в 4 слоя (200 мм)
</li>
<li class="equipment__li">Чердачное перекрытие: экологически чистый плитный базальтовый утеплитель Paroc EXTRA
</li>
</ul>
</div>
</div>
<div class="equipment__body">
<p class="equipment__title_body">Наружная отделка фасада</p>
<div class="equipment__cnt">
<div class="equipment__info info-equipment">
<div class="info-equipment__img">
<picture><source srcset="img/equipment/view_out.webp" type="image/webp"><img src="img/equipment/view_out.png" alt=""></picture>
</div>
</div>
<ul class="equipment__list">
<li class="equipment__li">Наружняя и внутренняя отделка стен сухой обшивочной доской - «имитация бруса» - толщиной 16 мм
</li>
<li class="equipment__li">Вентилируемый фасад: контробрешетка из бруса 35*35 или 45*45 мм
</li>
<li class="equipment__li">Отделка наружных и внутренних углов дома
</li>
<li class="equipment__li">Отделка внутренних и дверных проёмов
</li>
<li class="equipment__li">Монтируются крашеные оцинкованные отливы на цоколь по наружному периметру
</li>
</ul>
</div>
</div>
<div class="equipment__body">
<p class="equipment__title_body">Полы и Потолки</p>
<div class="equipment__cnt">
<div class="equipment__info info-equipment">
<div class="info-equipment__img">
<picture><source srcset="img/equipment/pol.webp" type="image/webp"><img src="img/equipment/pol.png" alt=""></picture>
</div>
</div>
<ul class="equipment__list">
<li class="equipment__li">Обвязка брус 150 мм (на сваи) - 25 мм обшивка + сетка — доска 200 мм — утеплитель Роквул 200 мм — плёнки — плиточный материал либо шпунтованная доска
</li>
<li class="equipment__li">Отделка потолков 1-го и 2-го этажей сухой обшивочной доской «евровагонка» класса А-B
</li>
<li class="equipment__li">Деревянный потолочный плинтус: галтель
</ul>
</div>
</div>
<div class="equipment__body">
<p class="equipment__title_body">Окна</p>
<div class="equipment__cnt">
<div class="equipment__info info-equipment">
<div class="info-equipment__img">
<picture><source srcset="img/equipment/window.webp" type="image/webp"><img src="img/equipment/window.png" alt=""></picture>
</div>
</div>
<ul class="equipment__list">
<li class="equipment__li">Оконные конструкции ПВХ REHAU Grazio, стандартных размеров. Толщина профиля 70 мм
</li>
<li class="equipment__li">2-х камерный стеклопакет (3 стекла), 5-ти камерный профиль (цвет белый), противомоскитные сетки
</li>
<li class="equipment__li">Фурнитура: ROTO NT
</li>
<li class="equipment__li">Монтаж металлических оцинкованных подоконных отливов (цвет белый)
</ul>
</div>
</div>
<div class="equipment__body">
<p class="equipment__title_body">Двери</p>
<div class="equipment__cnt">
<div class="equipment__info info-equipment">
<div class="info-equipment__img">
<picture><source srcset="img/equipment/door.webp" type="image/webp"><img src="img/equipment/door.png" alt=""></picture>
<!--<div class="info-equipment__check"><span class="info-equipment__label">Металлический оголовок 200х200 мм</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Заводское покрытие 2-х компонентным составом</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Винтовая свая d=108мм, L=2500мм</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Заполнение сваи бетоном М-300</span></div>-->
</div>
</div>
<ul class="equipment__list">
<li class="equipment__li">Входная металлическая дверь с зимним утеплением. Производство: Россия
</li>
<li class="equipment__li">4-й класс взломостойкости. Толщина металла 1,5 мм, замковая часть 3 мм
</li>
<li class="equipment__li">Межкомнатные ламинированные двери с установкой петель, ручек и наличников
</li>
</ul>
</div>
</div>
<div class="equipment__body">
<p class="equipment__title_body">Инженерные коммуникации</p>
<div class="equipment__cnt">
<div class="equipment__info info-equipment">
<div class="info-equipment__img">
<picture><source srcset="img/equipment/article238.webp" type="image/webp"><img src="img/equipment/article238.png" alt=""></picture>
<!--<div class="info-equipment__check"><span class="info-equipment__label">Металлический оголовок 200х200 мм</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Заводское покрытие 2-х компонентным составом</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Винтовая свая d=108мм, L=2500мм</span></div>
<div class="info-equipment__check"><span class="info-equipment__label">Заполнение сваи бетоном М-300</span></div>-->
</div>
</div>
<ul class="equipment__list">
<li class="equipment__li">Электричество и электрооборудование
</li>
<li class="equipment__li">Отопление
</li>
<li class="equipment__li">Ввод закладных труб D110мм для подключения к септику (ЦК) и скважину/колодцу (ЦВ)
</li>
<li class="equipment__li">Укладка и монтаж гильз для ввода коммуникаций в дом (водоснабжение, канализация)
</li>
<li class="equipment__li">Вентиляция
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="contacts" class="main-page-contacts contacts">
<div div class="contacts__title title">
<h2>КОНТАКТЫ</h2>
</div>
<div class="contacts__info">
<div class="contacts__box">
<div class="adress-title tit">Адрес</div>
<div class="adress-text contact-text">г. Санкт-Петербург
Малый проспект <br> П.С.
дом 5 литер Б офис 301–315
</div>
</div>
<div class="contacts__box">
<div class="tel-title tit">Номер телефона</div>
<div class="tel-text contact-text"> <a href="tel:+79319686618">+7 (931) 968-66-18</a><br>c 9.00 до 18.00 без выходных</div>
</div>
<div class="contacts__box">
<div class="email-title tit">Email</div>
<div class="email-text contact-text"> <a href="mailto:[email protected]">[email protected]</a></div>
</div>
<div class="contacts__box">
<div class="insta-title tit">Instagram</div>
<div class="email-text contact-text"> <a href="#">alpen_barn</a></div>
</div>
</div>
</div>
<div div class="main-page__map">
<a href="https://yandex.ru/maps/?um=constructor%3A1f1fde49d7625489cb6d865594becbbc2919b53614e9fa23d1c27ba469950662&source=constructorStatic" target="_blank"><picture><source srcset="img/2022-08-18_18-12-44.webp" type="image/webp"><img src="img/2022-08-18_18-12-44.png" alt="" style="border: 0;" /></picture></a>
</div>
<div class="main-page__application application">
<h1 class="application__title title">ЗАКАЗАТЬ КОНСУЛЬТАЦИЮ</h1>
<p class="application__sub-title">Если вы не нашли подходящий вариант или хотите какое-то нестандартное решение, то наши архитекторы разработают индивидуальный проект</p>
<form action="#" data-popup-message="#popup_accept" data-dev data-validate method="POST" class="application__form">
<div class="form-name__line">
<input class="form__name" data-required="" data-error="Введите имя" type="text" placeholder="Имя" name="name">
</div>
<div class="form-telephone__line">
<input class="form__telephone" data-required="" data-error="Введите Телефон" type="text" placeholder="Телефон" name="name">
</div>
<div class="form-email__line">
<input class="form__email" type="text" placeholder="Email" data-error="Введен не верный E-mail" data-required="email" name="e-mail">
</div>
<div class="confirm">
<button type="submit" class="form-button btn"><span> Отправить</span></button>
</form>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__container">
<div class="footer__menu">
<div class="menu__logo_footer">
<a href="index.html">
<img src="img/LogoWhite.svg" alt="">
</a>
</div>
<nav class="menu__body_footer">
<ul class="menu__list_footer">
<li class="menu__item_footer"><a href="index.html#about" data-goto-header data-goto=".about__title" class="menu__link about-link">О компании</a></li>
<li class="menu__item_footer"><a href="index.html#projects" data-goto-header data-goto=".projects__title" class="menu__link projects-link">Проекты</a></li>
<li class="menu__item_footer"><a href="index.html#contacts" data-goto-header data-goto=".contacts__title" class="menu__link contacts-link">Контакты</a></li>
</ul>
</nav>
</div>
<div class="footer__contacts footer-contacts">
<div class="footer-contacts__phone">
<a href="tel:+79319686618">+7 (931) 968-66-18</a>
</div>
<div class="footer-contacts__location">
г. Санкт-Петербург Малый проспект П.С. дом 5 литер Б офис 301–315
</div>
<div class="footer-contacts__socials">
<a href="https://web.whatsapp.com/"><img src="img/footer/whatsapp.svg" alt=""></a>
<a href=""><img src="img/footer/insta.svg" alt=""></a>
<a href=""><img src="img/footer/facebook.svg" alt=""></a>
</div>
</div>
</div>
</footer>
</div>
<div id="popup" aria-hidden="true" class="popup">
<div class="popup__wrapper">
<div class="popup__content">
<button data-close type="button" class="popup__close"><span></span></button>
<div class="popup__text">
<h1>ОСТАВЬТЕ СВОИ КОНТАКТЫ. МЫ СВЯЖЕМСЯ С ВАМИ И ОБСУДИМ ВАШ ПРОЕКТ</h1>
</div>
<form action="#" data-popup-message="#popup_accept" data-dev data-validate method="POST" class="form_tablet">
<div class="form__lines">
<div class="form-name__line">
<input class="form__name" data-required="" data-error="Введите имя" type="text" placeholder="Ваше имя" name="name">
</div>
<div class="form-telephone__line">
<input class="form__telephone" data-required="" data-error="Введите номер телефона" autocomplete="off" type="tel" placeholder="Ваш телефон" name="tel">
</div>
</div>
<div hidden class="check"><input type="text" disabled></div>
<div class="confirm">
<button type="submit" class="form-button btn"><span> Отправить</span></button>
</div>
</form>
</div>
</div>
</div>
<div id="popup_accept" aria-hidden="true" class="popup">
<div class="popup__wrapper">
<div class="popup__content">
<button data-close type="button" class="popup__close"><span></span></button>
<div class="popup__text text_accept">
<div class="accept_image">
<img src="img/accept.svg" alt="">
</div>
<h1>Ваша Заявка успешно отправлена</h1>
<h2>Спасибо, что обратились в нашу компанию. <br> Наш менеджер с вами свяжется</h2>
<div class="footer__info">
<div class="footer__social">
<a class="_icon--whatsapp" href="#"></a>
<a class="_icon--instagram" href="#"></a>
<a class="_icon--facebook" href="#"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="preloader_malc">
<div>
<img src = "img/preload.gif" alt="">
</div>
</div>
<script src="js/app.min.js?_v=20221002195805"></script>
</body>
</html>