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-06 09:06:23 +01:00
parent 09896aec7b
commit 1504c80de8
4 changed files with 300 additions and 212 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

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

@@ -377,144 +377,144 @@
.box-data {
display: none;
&#rolety-beclever {
.row {
&-1 {
margin-bottom: 70px;
// &#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;
}
}
&-2 {
margin-bottom: 130px;
ul {
display: flex;
flex-direction: column;
row-gap: 15px;
width: 100%;
max-width: 580px;
padding-left: 20px;
margin-bottom: 0;
margin-top: 30px;
p {
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;
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;
}
.box-7 {
margin-bottom: 120px;
}
&-4 {
margin-bottom: 100px;
}
.box-8 {
margin-bottom: 100px;
&-5 {
margin-bottom: 70px;
}
ul {
display: flex;
flex-direction: row;
gap: 50px;
justify-content: space-between;
flex-wrap: wrap;
&-6 {
margin-bottom: 100px;
list-style: none;
padding: 0;
margin: 0 auto;
p {
color: #1d1d1e;
font-size: 16px;
font-family: $font3;
font-weight: 400;
line-height: 1.5;
letter-spacing: 2px;
width: 100%;
max-width: 1200px;
strong {
font-weight: 600;
}
}
li {
flex-basis: 272px;
display: flex;
flex-direction: column;
gap: 20px;
ul {
display: flex;
flex-direction: column;
row-gap: 15px;
width: 100%;
max-width: 580px;
padding-left: 20px;
margin-bottom: 0;
margin-top: 30px;
img {
width: 100%;
max-width: fit-content;
}
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;
}
}
}
}
p {
color: #1d1d1e;
font-size: 20px;
font-family: $font3;
font-weight: 300;
line-height: 1.5;
margin-bottom: 0;
}
}
}
}
.box-7 {
.box-9 {
margin-bottom: 100px;
padding: 60px 0;
background: #f4f4f4;
@@ -557,7 +557,7 @@
}
}
.box-8 {
.box-10 {
margin-bottom: 110px;
.row {
@@ -589,7 +589,7 @@
}
}
.box-9 {
.box-11 {
margin-bottom: 180px;
.c-row {
@@ -737,7 +737,7 @@
}
}
.box-10 {
.box-12 {
padding: 90px 0 22px;
background: #f5f5f5;
overflow: hidden;
@@ -832,7 +832,7 @@
}
}
.box-11 {
.box-13 {
padding: 110px 0 150px;
h2 {
@@ -866,7 +866,7 @@
}
}
.box-12 {
.box-14 {
padding: 120px 0 110px;
background-image: url('/upload/filemanager/global/box-bg.jpg');
background-position: center;
@@ -944,7 +944,7 @@
}
}
.box-13 {
.box-15 {
padding-top: 120px;
padding-bottom: 110px;
margin-bottom: 110px;

266
templates_user/rolety-zewnetrzne.php
View File

@@ -103,13 +103,13 @@
</a>
</li>
<li class="products-nav-bar-item">
<a href="#">
<a href="/rolety-screen">
<img src="/upload/filemanager/icon/rolety-screen.jpg" alt="">
<h3>ROLETY SCREEN</h3>
</a>
</li>
<li class="products-nav-bar-item">
<a href="#">
<a href="/zaluzje-fasadowe">
<img src="/upload/filemanager/icon/zaluzje-fasadowe.jpg" alt="">
<h3>ŻALUZJE FASADOWE</h3>
</a>
@@ -210,104 +210,193 @@
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/ROLETY-BECLEVER-DODATKI.png" alt="">
</div>
</div>
<div class="row row-7">
</div>
<div class="box-data" id="rolety-flexi">
<div class="row row-1">
<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>
<h2 class="box-title-text"><strong>ROLETY FLEXI</strong></h2>
</div>
</div>
</div>
<div class="row row-8">
<div class="col-12">
<div class="row row-2">
<div class="col-md-6">
<p><strong>System, który ze względu na specyfikę konstrukcji przeznaczony jest do stosowania w budynkach z istniejącą już stolarką.</strong></p>
<p>Roleta montowana jest na zewnątrz budynku, na elewacji lub w otworze okiennym. Ma widoczną skrzynkę, która to staje się elementem dekoracyjnym domu.</p>
<p>Jest to najbardziej kompatybilny system roletowy.</p>
<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>
<li>Pięć wymiarów skrzynki rolety: 137×137 mm, 150×150 mm, 165×165 mm, 180×180 mm, 205×205 mm.</li>
<li>Estetyczna pokrywa rewizyjna umieszczona od dołu skrzynki rolety (dostęp z zewnątrz budynku).</li>
<li>Zastosowanie głównie w przypadku modernizacji budynków istniejących.</li>
<li>Roleta montowana na elewacji, bez możliwości zabudowy.</li>
<li>Możliwość montażu rolety na ścianie: jedno-, dwu-, trójwarstwowej.</li>
</ul>
</div>
<div class="col-md-5 offset-md-1 text-center">
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/Vidok-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 FLEXI <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/Vidok-Roller-Blinds-Installation-3.jpg" alt="">
</div>
</div>
</div>
<div class="box-data" id="rolety-flexi">
</div>
<div class="box-data" id="rolety-putz">
<div class="row row-1">
<div class="col-12">
<div class="box-title">
<h2 class="box-title-text"><strong>ROLETY PUTZ</strong></h2>
</div>
</div>
</div>
<div class="row row-2">
<div class="col-md-6">
<p><strong>System rolet nowej generacji. Eliminują straty ciepła i mostki termiczne w budynku i zapewniają perfekcyjną integrację z otoczeniem. Dedykowane do nowo wznoszonych domów.</strong></p>
<p>O rolecie PUTZ należy myśleć na etapie projektowania, gdyż jej montaż wymaga zwykle odpowiedniego nadproża uwzględniającego montaż skrzynki roletowej. Innym zalecanym sposobem jest zastosowanie na górze okien poszerzeń. Wybierając to rozwiązanie należy pamiętać o powiększeniu otworów okiennych. Takie rozwiązanie eliminuje potrzebę specjalnego wykonania i docieplenia nadproży i całkowicie eliminuje powstawanie mostków termicznych.</p>
<p>Skrzynka roletowa po otynkowaniu jest niewidoczna, zaś klapa rewizyjna wykonana z tłoczonego aluminium daje się lakierować i okleinować. To najlepsze dostępne rozwiązanie konstrukcyjne pozbawione wszelkich wad.</p>
<ul>
<li>Pięć wymiarów skrzynki rolety:137×137 mm, 150×150 mm, 165×165 mm, 180×180 mm, 205×205 mm.</li>
<li>Estetyczna pokrywa rewizyjna umieszczona od dołu skrzynki rolety (dostęp od zewnątrz budynku).</li>
<li>Roleta przeznaczona do zabudowy całkowitej, brak ingerencji w wygląd budynku (czystość architektoniczna).</li>
<li>Możliwość polakierowania widocznych elementów rolety w dowolnej kolorystyce.</li>
<li>Możliwość izolacji skrzynki roletowej osłoną termiczną Aluthermo Quattro ®.</li>
</ul>
</div>
<div class="col-md-5 offset-md-1 text-center">
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/Vidok-Rolety-Zewnetrzne-Putz.png" alt="">
</div>
</div>
<div class="row row-3">
<div class="col-12">
<div class="box-title">
<h2 class="box-title-text">ROLETY PUTZ <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-putz.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="box-7">
<div class="container">
<div class="row">
<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>
</div>
<div class="box-8">
<div class="container">
<div class="row">
<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>
<div class="box-9">
<div class="container">
<div class="row row-1">
<div class="col-12">
@@ -336,7 +425,7 @@
</div>
</div>
<div class="box-8">
<div class="box-10">
<div class="container">
<div class="row">
<div class="col-12">
@@ -347,7 +436,7 @@
</div>
</div>
<div class="box-9">
<div class="box-11">
<div class="container">
<div class="c-row c-row-1">
<div class="box-tag">
@@ -383,7 +472,7 @@
</div>
</div>
<div class="box-10">
<div class="box-12">
<div class="container container-big">
<div class="row row-1">
<div class="col-12">
@@ -481,7 +570,7 @@
</div>
</div>
<div class="box-11">
<div class="box-13">
<div class="container">
<div class="row">
<div class="col-12">
@@ -503,7 +592,7 @@
</div>
</div>
<div class="box-12">
<div class="box-14">
<div class="container">
<div class="col-12">
<h2>Faq</h2>
@@ -565,8 +654,7 @@
</div>
</div>
<div class="box-13">
<div class="box-15">
<div class="container">
<div class="row">
<div class="col-12">