212 lines
8.6 KiB
PHP
212 lines
8.6 KiB
PHP
<?php
|
|
$box1_arrow = ' <svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.38477 8.03125L9.06738 8.34863L9.07129 8.35254L1.35352 16.0703L0 14.7168L6.68164 8.03516L0 1.35352L1.35352 0L9.38477 8.03125Z" fill="#1E2832"/></svg>';
|
|
?>
|
|
|
|
<main id="AppHome">
|
|
<div class="box-1">
|
|
<div class="container">
|
|
<div class="box-1--wrapper">
|
|
<h2 class="box-title">Spektrum <strong>produktów</strong></h2>
|
|
|
|
<ol class="tiles">
|
|
<li class="tile">
|
|
<div class="tile-img">
|
|
<img src="/upload/filemanager/Pages/home-page/Okna.svg" alt="Okna">
|
|
</div>
|
|
<div class="tile-text">
|
|
<h3>Okna</h3>
|
|
</div>
|
|
<?= $box1_arrow; ?>
|
|
</li>
|
|
<li class="tile">
|
|
<div class="tile-img">
|
|
<img src="/upload/filemanager/Pages/home-page/Okna.svg" alt="Okna">
|
|
</div>
|
|
<div class="tile-text">
|
|
<h3>Drzwi wejściowe</h3>
|
|
</div>
|
|
<?= $box1_arrow; ?>
|
|
</li>
|
|
<li class="tile">
|
|
<div class="tile-img">
|
|
<img src="/upload/filemanager/Pages/home-page/Okna.svg" alt="Okna">
|
|
</div>
|
|
<div class="tile-text">
|
|
<h3>Systemy przesuwne</h3>
|
|
</div>
|
|
<?= $box1_arrow; ?>
|
|
</li>
|
|
<li class="tile">
|
|
<div class="tile-img">
|
|
<img src="/upload/filemanager/Pages/home-page/Okna.svg" alt="Okna">
|
|
</div>
|
|
<div class="tile-text">
|
|
<h3>Fasady</h3>
|
|
</div>
|
|
<?= $box1_arrow; ?>
|
|
</svg>
|
|
</li>
|
|
<li class="tile">
|
|
<div class="tile-img">
|
|
<img src="/upload/filemanager/Pages/home-page/Okna.svg" alt="Okna">
|
|
</div>
|
|
<div class="tile-text">
|
|
<h3>Rolety i bramy</h3>
|
|
</div>
|
|
<?= $box1_arrow; ?>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-2">
|
|
<div class="container">
|
|
<div class="box-2--wrapper">
|
|
<h2 class="box-title">Spektrum <strong>możliwości</strong></h2>
|
|
|
|
<div class="swiper slider-box-2">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="slide-data">
|
|
<div class="slide-img">
|
|
<img src="/upload/filemanager/Pages/home-page/mini-pvc.png" alt="">
|
|
</div>
|
|
<h3 class="slide-name">pvc</h3>
|
|
<div class="slide-colors color-pvc">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="slide-data">
|
|
<div class="slide-img">
|
|
<img src="/upload/filemanager/Pages/home-page/mini-drewno.png" alt="">
|
|
</div>
|
|
<h3 class="slide-name">drewno</h3>
|
|
<div class="slide-colors color-drewno">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="slide-data">
|
|
<div class="slide-img">
|
|
<img src="/upload/filemanager/Pages/home-page/mini-drewno-i-alu.png" alt="">
|
|
</div>
|
|
<h3 class="slide-name">drewno+alu</h3>
|
|
<div class="slide-colors color-drewno-alu">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="slide-data">
|
|
<div class="slide-img">
|
|
<img src="/upload/filemanager/Pages/home-page/mini-alu.png" alt="">
|
|
</div>
|
|
<h3 class="slide-name">aluminium</h3>
|
|
<div class="slide-colors color-alu">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="slide-data">
|
|
<div class="slide-img">
|
|
<img src="/upload/filemanager/Pages/home-page/mini-pvc-i-alu.png" alt="">
|
|
</div>
|
|
<h3 class="slide-name">pvc+alu</h3>
|
|
<div class="slide-colors color-pvc-alu">
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-3">
|
|
<div class="container">
|
|
<div class="box-3--wrapper">
|
|
<h2 class="box-title">Spektrum <strong>materiału</strong></h2>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-4">
|
|
<div class="container">
|
|
<div class="box-4--wrapper">
|
|
<h2 class="box-title">Spektrum <strong>usług</strong></h2>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-5">
|
|
<div class="container">
|
|
<div class="box-5--wrapper">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-6">
|
|
<div class="container">
|
|
<div class="box-6--wrapper">
|
|
<h2 class="box-title">Nasze <strong>kolekcje</strong></h2>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-7">
|
|
<div class="container">
|
|
<div class="box-7--wrapper">
|
|
<h3>VIDOK - polski producent okien i drzwi z drewna, PVC i aluminium</h3>
|
|
<div class="box-text">
|
|
<p><strong>Stolarka okienna VIDOK</strong> to wyjątkowe połączenie <strong>nowoczesności i estetyki</strong>, które doskonale sprawdza się zarówno w budownictwie mieszkaniowym, jak i komercyjnym. Dostępne w szerokiej gamie kolorystycznej okna VIDOK pozwalają tworzyć wyjątkowe przestrzenie, a same okna zapewniają maksimum <strong>wygody, bezpieczeństwa i komfortu termicznego</strong>.</p>
|
|
<p>Stolarka otworowa to nie tylko praktyczny element konstrukcji budynku, ale także jeden z istotnych detali dekoracyjnych, który w olbrzymiej mierze wpływa na jego estetykę. Wybierając okna VIDOK, stawiasz na niezwykle <strong>starannie dopracowaną stolarkę</strong>, która oferuje wysoką funkcjonalność i szeroki zakres personalizacji wizualnej, a także konstrukcyjnej!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="box-8">
|
|
<div class="container">
|
|
<div class="box-8--wrapper">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-9">
|
|
<div class="container">
|
|
<div class="box-9--wrapper">
|
|
<h2 class="box-title">Co mówią o nas klienci</h2>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script class="footer">
|
|
var swiper_box_2 = new Swiper(".slider-box-2", {
|
|
slidesPerView: 5,
|
|
spaceBetween: 80,
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
});
|
|
</script>
|