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

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-03-04 14:19:09 +01:00
parent 8606cf6a2e
commit 09896aec7b
6 changed files with 1221 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style-css/rolety.css
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/rolety.css.map
View File

File diff suppressed because one or more lines are too long

738
layout/style-scss/rolety.scss
View File

@@ -15,17 +15,24 @@
.box-title {
display: flex;
flex-direction: row;
align-items: center;
flex-direction: column;
align-items: flex-start;
position: relative;
gap: 20px;
gap: 15px;
&::after {
content: '';
height: 1px;
background: #878787;
display: block;
flex: 1;
.box-title-tag {
position: relative;
color: #fff;
font-size: 16px;
font-family: $font3;
font-weight: 300;
line-height: 1;
text-transform: uppercase;
display: inline-block;
padding: 7px 10px 5px;
background: #000;
}
.box-title-text {
color: #3f3f3f;
@@ -33,6 +40,12 @@
font-family: $fLeagueSpartan;
font-weight: 100;
margin-bottom: 0;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
strong {
font-weight: 700;
@@ -45,6 +58,14 @@
height: 20px;
background: $cYellow;
}
&::after {
content: '';
height: 1px;
background: #878787;
display: block;
flex: 1;
}
}
}
@@ -280,3 +301,702 @@
}
}
}
.box-5 {
margin-bottom: 130px;
overflow: hidden;
.c-tabs-menu {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
gap: 60px;
padding: 21px 0;
&::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
background: #f4f4f4;
width: 100svw;
z-index: -1;
}
h3 {
color: #1d1d1b;
font-size: 38px;
font-family: $fLeagueSpartan;
font-weight: 200;
letter-spacing: 2px;
margin: 0;
padding-top: 5px;
line-height: 1;
}
ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
gap: 26px;
align-items: center;
li {
&.active {
a {
color: #fff;
background: #1d1d1e;
border-color: #1d1d1e;
}
}
a {
color: #000;
font-size: 14px;
font-family: $font3;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
display: block;
padding: 18px 36px;
border: 1px solid #000;
border-radius: 5px;
}
}
}
}
}
.box-6 {
.box-data {
display: none;
&#rolety-beclever {
.row {
&-1 {
margin-bottom: 70px;
}
&-2 {
margin-bottom: 130px;
p {
color: #1d1d1e;
font-size: 16px;
font-family: $font3;
font-weight: 300;
line-height: 1.5;
strong {
font-weight: 700;
}
}
ul {
display: flex;
flex-direction: column;
row-gap: 15px;
width: 100%;
max-width: 580px;
padding-left: 20px;
margin-bottom: 0;
margin-top: 30px;
li {
color: #1d1d1e;
font-size: 20px;
font-family: $font3;
font-weight: 300;
line-height: 1.5;
}
}
}
&-3 {
margin-bottom: 90px;
}
&-4 {
margin-bottom: 100px;
}
&-5 {
margin-bottom: 70px;
}
&-6 {
margin-bottom: 100px;
p {
color: #1d1d1e;
font-size: 16px;
font-family: $font3;
font-weight: 400;
line-height: 1.5;
letter-spacing: 2px;
strong {
font-weight: 600;
}
}
ul {
display: flex;
flex-direction: column;
row-gap: 15px;
width: 100%;
max-width: 580px;
padding-left: 20px;
margin-bottom: 0;
margin-top: 30px;
li {
color: #1d1d1e;
font-size: 16px;
font-family: $font3;
font-weight: 300;
line-height: 1.5;
}
}
}
&-7 {
margin-bottom: 120px;
}
&-8 {
margin-bottom: 100px;
ul {
display: flex;
flex-direction: row;
gap: 50px;
justify-content: space-between;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
max-width: 1200px;
li {
flex-basis: 272px;
display: flex;
flex-direction: column;
gap: 20px;
img {
width: 100%;
max-width: fit-content;
}
p {
color: #1d1d1e;
font-size: 20px;
font-family: $font3;
font-weight: 300;
line-height: 1.5;
margin-bottom: 0;
}
}
}
}
}
}
}
}
.box-7 {
margin-bottom: 100px;
padding: 60px 0;
background: #f4f4f4;
.row {
&-1 {
margin-bottom: 60px;
}
&-2 {
.box-tiles {
display: grid;
grid-template-columns: minmax(300px, 660px) minmax(300px, 550px);
gap: 30px;
.tile {
p {
color: #1d1d1e;
font-size: 16px;
font-family: $font3;
font-weight: 300;
line-height: 1.5;
margin-bottom: 0;
text-align: justify;
strong {
font-weight: 500;
}
}
img {
width: 100%;
max-width: fit-content;
}
&-1 {
}
}
}
}
}
}
.box-8 {
margin-bottom: 110px;
.row {
padding-bottom: 110px;
border-bottom: 1px solid #1d1d1e;
}
h2 {
color: #1d1d1e;
font-size: 34px;
font-family: $font3;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
margin-bottom: 48px;
}
p {
color: #1d1d1e;
font-size: 16px;
font-family: $font3;
line-height: 1.5;
text-align: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
}
.box-9 {
margin-bottom: 180px;
.c-row {
&-1 {
position: relative;
.box-tag {
position: absolute;
top: -30px;
left: 50%;
padding: 64px 120px;
border-radius: 200px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25),
2px -4px 7px rgba(0, 0, 0, 0.25);
background: rgba(#fff, 0.43);
backdrop-filter: blur(7px);
transform: translateX(-50%);
h4 {
color: #1d1d1b;
font-size: 43px;
font-family: $font3;
font-weight: 400;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
line-height: 1;
margin-bottom: 20;
}
h5 {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
position: relative;
color: #1d1d1b;
font-size: 27px;
font-family: $font3;
font-weight: 400;
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
line-height: 1;
margin-bottom: 0;
&::before {
content: '';
display: inline-block;
width: 30px;
height: 1px;
background: #1d1d1e;
}
&::after {
content: '';
display: inline-block;
width: 30px;
height: 1px;
background: #1d1d1e;
}
}
}
}
&-2 {
display: flex;
flex-direction: row;
column-gap: 120px;
align-items: flex-end;
.c-col-1 {
width: 100%;
max-width: 530px;
img {
width: 100%;
max-width: fit-content;
}
}
.c-col-2 {
flex: 1;
max-width: 620px;
h2 {
color: #000000;
font-size: 34px;
font-family: $font3;
font-weight: 300;
line-height: 1.3;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 40px;
}
p {
color: #000;
font-size: 20px;
font-family: $font3;
font-weight: 300;
line-height: 1.3;
margin-bottom: 20px;
}
.buttons {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px;
margin-bottom: 50px;
.btn {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
font-size: 14px;
font-family: $font3;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding: 18px 36px;
border-radius: 0;
img {
margin-bottom: 4px;
}
&-1 {
color: #ffffff;
background: #1d1d1e;
}
&-2 {
color: #1d1d1b;
background: #fff246;
}
}
}
}
}
}
}
.box-10 {
padding: 90px 0 22px;
background: #f5f5f5;
overflow: hidden;
.row {
&-1 {
margin-bottom: 48px;
.col-12 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
h3 {
color: #1d1d1b;
font-size: 34px;
font-family: $font3;
font-weight: 300;
letter-spacing: 2px;
margin-bottom: 0;
text-transform: uppercase;
}
.opinie-swiper-buttons {
display: flex;
flex-direction: row;
align-items: center;
gap: 30px;
> div {
cursor: pointer;
}
}
}
&-2 {
.opinie-swiper {
overflow: initial;
.swiper-slide {
display: flex;
flex-direction: column;
padding: 47px 40px;
row-gap: 48px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
background: #fff;
.slide-head {
ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
gap: 7px;
align-items: center;
}
}
.slide-body {
p {
color: #1d1d1b;
font-size: 20px;
font-family: $font3;
font-weight: 300;
line-height: 1.5;
&:last-child {
margin-bottom: 0;
}
}
}
.slide-footer {
p {
color: #1d1d1b;
font-size: 14px;
font-family: $font3;
font-weight: 300;
line-height: 1.5;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 0;
}
}
}
}
}
}
}
.box-11 {
padding: 110px 0 150px;
h2 {
color: #1d1d1b;
font-size: 34px;
font-family: $font3;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
margin-bottom: 50px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
column-gap: 60px;
row-gap: 20px;
li {
img {
width: 100%;
max-width: fit-content;
}
}
}
}
.box-12 {
padding: 120px 0 110px;
background-image: url('/upload/filemanager/global/box-bg.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
h2 {
color: #fff;
font-size: 34px;
font-family: $font3;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 50px;
}
ul.faq-accordion {
display: flex;
flex-direction: column;
row-gap: 10px;
li.accordion-item {
&.active {
.accordion-title {
&::before {
transform: translateY(-50%) scale(-1);
}
}
}
.accordion-title {
position: relative;
border: 1px solid #fff;
width: 100%;
cursor: pointer;
&::before {
content: url('/upload/filemanager/icon/Polygon-arrow.svg');
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
h2 {
color: #fff;
font-size: 24px;
font-family: $font3;
font-weight: 300;
letter-spacing: 2px;
margin-bottom: 0;
display: block;
padding: 20px 30px;
}
}
.accordion-data {
display: none;
.accordion-data--wrapper {
padding: 30px 0 20px;
}
p {
color: #fff;
font-size: 20px;
font-family: $font3;
font-weight: 300;
&:last-child {
margin-bottom: 0;
}
}
}
}
}
}
.box-13 {
padding-top: 120px;
padding-bottom: 110px;
margin-bottom: 110px;
.row {
padding-top: 110px;
position: relative;
&::before {
content: '';
position: absolute;
top: 0;
left: 50%;
width: calc(100% - 80px * 2);
transform: translateX(-50%);
height: 1px;
background: #1d1d1b;
}
}
h2 {
color: #1d1d1b;
font-size: 34px;
font-family: $font3;
font-weight: 300;
letter-spacing: 2px;
line-height: 1;
margin-bottom: 48px;
}
p {
color: #1d1d1e;
font-size: 16px;
font-weight: 300;
font-family: $font3;
line-height: 1.5;
margin-bottom: 0;
strong {
font-weight: 700;
}
}
a {
display: inline-block;
color: #1d1d1e;
font-size: 14px;
font-family: $font3;
font-weight: 700;
letter-spacing: 2px;
text-decoration: underline;
text-transform: uppercase;
margin-top: 50px;
}
}

8
libraries/swiper/swiper-bundle.min.css vendored
View File

File diff suppressed because one or more lines are too long

8
libraries/swiper/swiper-bundle.min.js vendored
View File

File diff suppressed because one or more lines are too long

482
templates_user/rolety-zewnetrzne.php
View File

@@ -120,3 +120,485 @@
</div>
</div>
<div class="box-5">
<div class="container">
<div class="row">
<div class="col-12">
<div class="c-tabs-menu">
<h3>MODELE ŻALUZJI FASADOWYCH</h3>
<ul id="c-tabs-nav">
<li><a href="#rolety-beclever">rolety beclever</a></li>
<li><a href="#rolety-flexi">rolety flexi</a></li>
<li><a href="#rolety-putz">rolety putz</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="box-6">
<div class="container">
<div class="box-data" id="rolety-beclever">
<div class="row row-1">
<div class="col-12">
<div class="box-title">
<h2 class="box-title-text"><strong>ROLETY BECLEVER</strong></h2>
</div>
</div>
</div>
<div class="row row-2">
<div class="col-md-6">
<p><strong>Uniwersalny system instalowany wraz z oknami. Spełnia wymagania zwolenników rolet niezabudowanych, częściowo zabudowanych lub całkowicie zabudowanych.</strong></p>
<p>Skrzynkę roletową montuje się w komplecie z oknami, co w dużej mierze pozwala inwestorom zaoszczędzić czas związany z planowaniem i montażem rolet. Rewizja jest ułatwiona, otwiera się od wewnątrz pomieszczenia, z tyłu lub z dołu. Rolety Beclever można uzupełnić o moskitiery montowane w skrzynkach.</p>
<p>To innowacyjne rozwiązanie w tej dziedzinie, będące wynikiem kilkuletnich prac badawczych jest odpowiedzią na oczekiwania rynku.</p>
<ul>
<li>Trzy wymiary skrzynki rolety: 255×165 mm, 255×205 mm, 255×245 mm.</li>
<li>Skrzynka roletowa dostępna w dwóch wariantach z moskitierą rolowaną i bez.</li>
<li>Uniwersalny profil adaptacyjny umożliwiający łatwy montaż rolety na każdym oknie: PVC, drewnianym i aluminiowym.</li>
<li>Estetyczna pokrywa rewizyjna z funkcjonalnym zamkiem umieszczona od dołu lub z tyłu skrzynki rolety.</li>
<li>Opcjonalnie wzmocnienia oraz konsole zapewniające stabilność konstrukcji nawet przy dużych gabarytach rolety.</li>
</ul>
</div>
<div class="col-md-5 offset-md-1 text-center">
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/BECLEVER.jpg" alt="">
</div>
</div>
<div class="row row-3">
<div class="col-12">
<div class="box-title">
<h2 class="box-title-text">ROLETY BECLEVER <span class="box-title-separator"></span> <strong>SPOSÓB MONTAŻU</strong></h2>
</div>
</div>
</div>
<div class="row row-4">
<div class="col-12 text-center">
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/ROLETY-BECLEVER-SPOSOB-MONTAZU.jpg" alt="">
</div>
</div>
<div class="row row-5">
<div class="col-12">
<div class="box-title">
<span class="box-title-tag">Nowość</span>
<h2 class="box-title-text">ROLETY BECLEVER <span class="box-title-separator"></span> <strong>DODATKI</strong></h2>
</div>
</div>
</div>
<div class="row row-6">
<div class="col-md-6">
<p><strong>ZAŚLEPKI DO ŚCIANEK BOCZNYCH</strong></p>
<ul>
<li>zaślepki dostępne dla wszystkich typów ścianek bocznych systemu CleverBox</li>
<li>trzy warianty kolorystyczne: biały, antracytowy szary, antracytowy szary gładki</li>
<li>możliwość wykonania dowolnego wariantu kolorystycznego z palety oklein BeClever (na zapytanie)</li>
<li>produkt dedykowany głównie na rynek francuski</li>
<li>możliwość zamaskowania widocznej części ścianek bocznych od wewnątrz pomieszczenia</li>
<li>zaślepki zlicowane ze skrzynką rolety, nie zwiększają jej wymiarów</li>
<li>zaślepki wykonane z wysokiej jakości materiałów odpornych na niekorzystne warunki</li>
<li>wewnętrzna strona zaślepek pokryta samoprzylepną warstwą umożliwiającą łatwy i szybki montaż</li>
</ul>
</div>
<div class="col-md-6">
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/ROLETY-BECLEVER-DODATKI.png" alt="">
</div>
</div>
<div class="row row-7">
<div class="col-12">
<div class="box-title">
<h2 class="box-title-text">ROLETY BECLEVER <span class="box-title-separator"></span> <strong>KOLORYSTYKA</strong></h2>
</div>
</div>
</div>
<div class="row row-8">
<div class="col-12">
<ul>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/01-bialy---RAL-9010.jpg" alt="">
<p>01 biały ± RAL 9010</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/02-brazowy---RAL-8077.jpg" alt="">
<p>02 brązowy ± RAL 8077</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/03-srebrny--RAL-9006.jpg" alt="">
<p>03 srebrny± RAL 9006</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/04-szary---RAL-7038.jpg" alt="">
<p>04 szary ± RAL 7038</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/05-bezowy.jpg" alt="">
<p>05 beżowy</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/16-orzech.jpg" alt="">
<p>16 orzech</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/17-mahon.jpg" alt="">
<p>17 mahoń</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/19-dab-bagienny.jpg" alt="">
<p>19 dąb bagienny</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/25-bezowy-ciemny---RAL-1019.jpg" alt="">
<p>25 beżowy ciemny ± RAL 1019</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/26-kremowy---RAL-1015.jpg" alt="">
<p>26 kremowy ± RAL 1015</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/38-dab-zloty.jpg" alt="">
<p>38 dąb złoty</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/39-winchester.jpg" alt="">
<p>39 winchester</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/64-jasnoszary---RAL-7035.jpg" alt="">
<p>64 jasnoszary ± RAL 7035</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/65-bialy-kremowy---RAL-9001.jpg" alt="">
<p>65 biały kremowy ± RAL 9001</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/66-granatowy---RAL-5011.jpg" alt="">
<p>66 granatowy ± RAL 5011</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/67-antracytowy---RAL-7016.jpg" alt="">
<p>67 antracytowy ± RAL 7016</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/88-brazowy-jasny---RAL-8014.jpg" alt="">
<p>88 brązowy jasny ± RAL 8014</p>
</li>
<li>
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/rolety-beclever-kolorystyka/89-kremowy-jasny---RAL-1013.jpg" alt="">
<p>89 kremowy jasny ± RAL 1013</p>
</li>
</ul>
</div>
</div>
</div>
<div class="box-data" id="rolety-flexi">
</div>
<div class="box-data" id="rolety-putz">
</div>
</div>
</div>
<div class="box-7">
<div class="container">
<div class="row row-1">
<div class="col-12">
<h3>ROLETY ZEWNĘTRZNE, ROLETY SCREEN, ŻALUZJE FASADOWE - POZNAJ ICH LICZNE ZALETY</h3>
</div>
</div>
<div class="row row-2">
<div class="col-12">
<div class="box-tiles">
<div class="tile tile-1">
<p>Szeroki wybór <strong>rolet zewnętrznych marki VIDOK</strong> pozwala idealnie skomponować odpowiedni model ze stylem i kolorem elewacji budynku. <strong>Rolety i żaluzje montowane po zewnętrznej stronie okna</strong> posiadają wiele zalet. Jedną z nich jest większa prywatność przebywających we wnętrzach osób. Zwłaszcza jeśli mamy do czynienia z dużymi przeszkleniami, powierzchnia domu czy budynku jest dobrze widoczna z ulicy. Rolety gwarantują jej osłonięcie i ochronę przed wzrokiem innych osób. Kolejna zaleta rolet to <strong>zapewnianie optymalnej temperatury w pomieszczeniach</strong>. Rolety i żaluzje ochraniają wnętrza przed deszczem, wiatrem, śniegiem i mrozem, a także nadmiernym nasłonecznieniem. Produkty zapobiegają wahaniom temperatury, zapewniając w nich komfortowe warunki. Nie bez znaczenia są również ich właściwości antywłamaniowe. Dodatkowe zabezpieczenia dbają o bezpieczeństwo budynku oraz przebywających w nim osób. Rolety są również bardzo wygodne w użytkowaniu. To produkty zautomatyzowane, wyposażone w <strong>inteligentny panel sterowania SMART VIDOK</strong>. Można nimi zarządzać z każdego miejsca na świecie za pomocą systemu zintegrowanego ze smartfonem czy tabletem.</p>
</div>
<div class="tile tile-2">
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/img-1.jpg" alt="">
</div>
<div class="tile tile-3">
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/img-2.jpg" alt="">
</div>
<div class="tile tile-4">
<p>Rolety i żaluzje VIDOK to <strong>rolety zewnętrzne, rolety SCREEN</strong> oraz <strong>żaluzje fasadowe</strong>. Rolety zewnętrzne stanowią <strong>osłonę okien i drzwi</strong>, a także zwiększają estetykę budynku. We wnętrzach budują komfortową atmosferę. Głównie polecane są do nowoczesnych domów, z którymi doskonale się komponują. Rolety SCREEN stanowią litą powierzchnię, a wyglądem przypominają klasyczne rolety montowane we wnętrzach. Ich regulowana wysokość umożliwia dopasowanie zaciemnienia stricte do potrzeb użytkowników pomieszczeń. Stanowią unikatowy element dekoracyjny, a także są <strong>łatwe w codziennej pielęgnacji</strong>. Żaluzje fasadowe pozwalają natomiast na <strong>wygodne sterowanie oświetleniem</strong>, pełniąc rolę <strong>osłony przed słońcem</strong>. Składają się z poszczególnych elementów - <strong>lameli</strong>, wykonanych z <strong>wysokiej jakości aluminium</strong>. Doskonale wpasowują się w <strong>design nowoczesnych obiektów</strong>. Zapewniają intymność i komfort, stanowiąc nowoczesny trend jeśli chodzi o zewnętrzne osłony montowane na oknach. Tworząc rolety i żaluzje zewnętrzne skupiamy się na ich <strong>innowacyjności, eleganckim wyglądzie</strong>, jak i <strong>komfortowym sterowaniu</strong>. Chcemy zagwarantować naszym Klientom optymalne warunki zarówno w domu, jak i pracy, więc do każdego budynku sugerujemy <strong>indywidualne rozwiązania</strong>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box-8">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Indywidualne rozwiązania</h2>
<p>Rozwiązania systemów rolet dobieramy indywidualnie, w zależności od budynku, rodzaju montażu i ich zabudowy. Nasze systemy wyposażone są w automatyczne sterowanie SMART VIDOK umożliwiając inteligentne zarządzanie wszystkimi roletami lub grupą rolet z każdego miejsca na świecie za pomocą smartfona czy tabletu.</p>
</div>
</div>
</div>
</div>
<div class="box-9">
<div class="container">
<div class="c-row c-row-1">
<div class="box-tag">
<h4>Fachowe</h4>
<h5>Doradztwo</h5>
</div>
</div>
<div class="c-row c-row-2">
<div class="c-col-1">
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/img-3.jpg" alt="">
</div>
<div class="c-col-2">
<h2>
Potrzebujesz porady?<br/>
Dobierzemy i przygotujemy kompleksową wycenę
</h2>
<p>Nasi specjaliści mają wieloletnie doświadczenie związane ze stolarką okienną</p>
<p>Przygotujemy bezpłatną wycenę, dostosowaną pod konkretną inwestycję</p>
<div class="buttons">
<a href="#" class="btn btn-1">
Gdzie kupić
<img src="/upload/filemanager/icon/Vector-1.svg" alt="">
</a>
<a href="#" class="btn btn-2">
Bezpłatna wycena
<img src="/upload/filemanager/icon/Vector.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="box-10">
<div class="container container-big">
<div class="row row-1">
<div class="col-12">
<h3>Opinie klientów</h3>
<div class="opinie-swiper-buttons">
<div class="c-swiper-button-prev">
<img src="/upload/filemanager/icon/arrow_left_black.svg" alt="">
</div>
<div class="c-swiper-button-next">
<img src="/upload/filemanager/icon/arrow_right_black.svg" alt="">
</div>
</div>
</div>
</div>
<div class="row row-2">
<div class="col-12">
<div class="swiper opinie-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide-head">
<ul>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
</ul>
</div>
<div class="slide-body">
<p>Mój mąż przeprowadzał w ostatnim czasie kapitalny remont domu, do którego mamy się wprowadzić. Do wymiany poszło wiele rzeczy, w tym okna, które były nieszczelne. Znajomy polecił nam firmę VIDOK. Posłuchaliśmy się jego rekomendacji i zamówiliśmy w ich autoryzowanym punkcie handlowym okna drewniane, które pięknie się prezentują i jak mąż twierdzi - świetnie trzymają ciepło i tłumią hałasy z zewnątrz.</p>
</div>
<div class="slide-footer">
<p>Monika, Lublin</p>
</div>
</div>
<div class="swiper-slide">
<div class="slide-head">
<ul>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
</ul>
</div>
<div class="slide-body">
<p>Gdy rozpoczęliśmy budowę domu, przyświecał nam jeden cel – by był nowoczesny i energooszczędny. W Internecie zobaczyliśmy reklamę marki VIDOK. Postanowiliśmy z niej skorzystać i zakupić okna GoldEnergy w powłoce Spectral. Do okien dokupiliśmy rolety screen oraz system zarządzania domem SMART VIDOK. Podjęta przez nas decyzja okazała się słuszna. Asortyment zamówiony w salonie VIDOK w Krakowie sprawuje się znakomicie.</p>
</div>
<div class="slide-footer">
<p>Kasia i Wojciech, Kraków</p>
</div>
</div>
<div class="swiper-slide">
<div class="slide-head">
<ul>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
</ul>
</div>
<div class="slide-body">
<p>Gdy rozpoczęliśmy budowę domu, przyświecał nam jeden cel – by był nowoczesny i energooszczędny. W Internecie zobaczyliśmy reklamę marki VIDOK. Postanowiliśmy z niej skorzystać i zakupić okna GoldEnergy w powłoce Spectral. Do okien dokupiliśmy rolety screen oraz system zarządzania domem SMART VIDOK. Podjęta przez nas decyzja okazała się słuszna. Asortyment zamówiony w salonie VIDOK w Krakowie sprawuje się znakomicie.</p>
</div>
<div class="slide-footer">
<p>Kasia i Wojciech, Kraków</p>
</div>
</div>
<div class="swiper-slide">
<div class="slide-head">
<ul>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
</ul>
</div>
<div class="slide-body">
<p>Realizuję budowy osiedli mieszkaniowych w Rzeszowie od kilkunastu lat. Cenię sobie jakość i profesjonalne podejście na co dzień, dlatego zdecydowałem się na VIDOK. Szybka dostawa, fachowy montaż i rzetelna obsługa na każdym etapie współpracy – tak wyglądała moja styczność z tą firmą. Nigdy nie miałem żadnych problemów. Rekomenduję VIDOK jako solidnego partnera biznesowego.</p>
</div>
<div class="slide-footer">
<p>Marcin, deweloper Rzeszów</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box-11">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Nasze certyfikaty i NAGRODY</h2>
<ul>
<li><img src="/upload/filemanager/global/7-lat-gwarancji.png" alt=""></li>
<li><img src="/upload/filemanager/global/TUV.png" alt=""></li>
<li><img src="/upload/filemanager/global/zloty-medal.png" alt=""></li>
<li><img src="/upload/filemanager/global/gazele-biznesu.png" alt=""></li>
<li><img src="/upload/filemanager/global/forests-for-all.png" alt=""></li>
<li><img src="/upload/filemanager/global/pffc.png" alt=""></li>
<li><img src="/upload/filemanager/global/zertifiziert-certified.png" alt=""></li>
<li><img src="/upload/filemanager/global/ce.png" alt=""></li>
<li><img src="/upload/filemanager/global/itc.png" alt=""></li>
</ul>
</div>
</div>
</div>
</div>
<div class="box-12">
<div class="container">
<div class="col-12">
<h2>Faq</h2>
<ul class="faq-accordion">
<li class="accordion-item">
<div class="accordion-title">
<h2>
Na jakim etapie budowy najlepiej zamówić rolety?
</h2>
</div>
<div class="accordion-data">
<div class="accordion-data--wrapper">
<p>Najlepszym rozwiązaniem jest uwzględnienie rodzaju rolet już na etapie konstrukcji budynku, zwłaszcza w sytuacji, kiedy zależy nam na dyskretnym montażu rolet w nadprożach. W takiej sytuacji można je zamówić razem ze stolarką otworową.</p>
</div>
</div>
</li>
<li class="accordion-item">
<div class="accordion-title">
<h2>
Czy rolety VIDOK można montować na istniejącej stolarce?
</h2>
</div>
<div class="accordion-data">
<div class="accordion-data--wrapper">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati nemo tempora quisquam aspernatur a quaerat quibusdam nobis, consequuntur iusto ut minus cum dolor quam rerum officiis assumenda veniam sit enim?</p>
</div>
</div>
</li>
<li class="accordion-item">
<div class="accordion-title">
<h2>
Jakie są dodatkowe korzyści rolet VIDOK?
</h2>
</div>
<div class="accordion-data">
<div class="accordion-data--wrapper">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati nemo tempora quisquam aspernatur a quaerat quibusdam nobis, consequuntur iusto ut minus cum dolor quam rerum officiis assumenda veniam sit enim?</p>
</div>
</div>
</li>
<li class="accordion-item">
<div class="accordion-title">
<h2>
Czy oferujecie montaż zakupionych rolet?
</h2>
</div>
<div class="accordion-data">
<div class="accordion-data--wrapper">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati nemo tempora quisquam aspernatur a quaerat quibusdam nobis, consequuntur iusto ut minus cum dolor quam rerum officiis assumenda veniam sit enim?</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="box-13">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Rolety Zewnętrzne VIDOK - Kompleksowa Ochrona i Prywatność</h2>
<p><strong>Prywatność i bezpieczeństwo</strong> to podstawowe aspekty domowej przestrzeni, o które pozwalają zadbać nowoczesne rolety zewnętrzne VIDOK. Dzięki nim nasz dom zamienia się w intymną i spokojną oazę, w której czujemy się w pełni komfortowo pod każdym możliwym względem. W ofercie VIDOK znajduje się szereg kompleksowych rozwiązań z zakresu <strong>nowoczesnych osłon okiennych</strong>, co pozwala na ich pełne dopasowanie do konkretnych potrzeb i możliwości architektonicznych.</p>
<a href="#">Czytaj więcej</a>
</div>
</div>
</div>
</div>
<script class="footer">
$('body').on('click', '#c-tabs-nav a', function (e) {
e.preventDefault();
var tab_id = $(this).attr('href');
var tab_id = tab_id.replace('#', '');
cTabsNavToggle(tab_id);
})
cTabsNavToggle();
function cTabsNavToggle(tab_id = '') {
if (tab_id != '') {
$('#c-tabs-nav a').parent().removeClass('active');
$(`#c-tabs-nav a[href="#${tab_id}"]`).parent().addClass('active');
$(`.box-6 .box-data#${tab_id}`).show();
$(`.box-6 .box-data:not(#${tab_id})`).hide();
} else {
$('#c-tabs-nav li').first().addClass('active');
$('.box-6 .box-data:first').show();
}
}
</script>