Project-Pro/vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Home page

Browse Source
This commit is contained in:
Roman Pyrih
2026-05-15 15:56:02 +02:00
parent d4a13b81c9
commit e50f8aa19f
4 changed files with 473 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

212
templates_user/pages/home-page-v2.php Normal file
View File

@@ -0,0 +1,212 @@
<?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>