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-03 09:43:56 +01:00
parent c8e14b2bc1
commit ac95ccd745
20 changed files with 230 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style-css/black-week.css.map
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/doors-colors.css.map
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/drzwi-wejsciowe-szklenie.css.map
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/gealan-acrylcolor.css.map
View File

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
layout/style-css/inova-smoove.css.map
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/kontakt-v3.css.map
View File

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
layout/style-css/materialy-do-pobrania.css.map
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/platinum-design.css.map
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/promocja-acrylcolor.css.map
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/promocja-na-wybrane-powloki.css.map
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/promocja-zimowa.css.map
View File

File diff suppressed because one or more lines are too long

1
layout/style-css/rolety.css Normal file
View File

File diff suppressed because one or more lines are too long

1
layout/style-css/rolety.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/rolety.scss"],"names":[],"mappings":"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","file":"rolety.css"}

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

@@ -1 +1 @@
{"version":3,"sources":["..\\style-scss\\style-new.scss"],"names":[],"mappings":"AAAQ,yFAAA,CAGR,+BACE,eAAA,CACA,cAAA,CAEA,yBAJF,+BAKI,cAAA,CAAA,CAIJ,WACE,iBAAA,CACA,mBAAA,CACA,eAAA,CACA,iCAAA,CAEA,yBANF,WAOI,gBAAA,CAAA,CAIJ,aACE,YAAA,CACA,oBAAA,CAAA,eAAA,CACA,kBAAA,CAEA,yBALF,aAMI,kBAAA,CAAA,CAGF,iCAEE,wBAAA,CACA,iCAAA,CACA,cAAA,CACA,eAAA,CAEA,2CACE,yBAAA,CAKN,kBACE,iBAAA,CACA,oBAAA,CACA,gBAAA,CACA,WAAA,CACA,YAAA,CACA,6BAAA,CAEA,yBARF,kBASI,gBAAA,CACA,mBAAA,CAAA,CAIA,8BACE,UAAA,CAKF,iCACE,cAAA,CACA,eAAA,CACA,wBAAA,CACA,mBAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CAEA,yBATF,iCAUI,cAAA,CACA,mBAAA,CACA,kBAAA,CAAA,CAGF,wCACE,UAAA,CACA,aAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,4BAAA,CAKF,oCACE,YAAA,CACA,sBAAA,CAAA,iBAAA,CACA,iBAAA,CACA,QAAA,CACA,wBAAA,CACA,eAAA,CACA,cAAA,CACA,kBAAA,CAMR,UACE,iBAAA,CACA,4BAAA,CAEA,yBAJF,UAKI,gBAAA,CAAA,CAGF,mBACE,eAAA,CACA,cAAA,CACA,kBAAA,CACA,wBAAA,CACA,eAAA,CAEA,yBAPF,mBAQI,kBAAA,CACA,cAAA,CAAA,CAIJ,oBAEE,kBAAA,CAGF,yBACE,YAAA,CAGF,iBACE,YAAA,CACA,0BAAA,CACA,sBAAA,CAAA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,wBAAA,CACA,yBAAA","file":"style-new.css","sourcesContent":["@import url(https://db.onlinewebfonts.com/c/8f2716e7e054fca7e03bb74a13e34896?family=URW+Form);\r\n@import '_mixins';\r\n\r\n._urw_text {\r\n font-weight: 300;\r\n font-size: 16px;\r\n\r\n @media (max-width: 768px) {\r\n font-size: 15px;\r\n }\r\n}\r\n\r\n.main-page {\r\n padding-top: 150px;\r\n padding-bottom: 75px;\r\n background: #FFF;\r\n font-family: 'URW Form', sans-serif;\r\n\r\n @media (max-width: 768px) {\r\n padding-top: 75px;\r\n }\r\n}\r\n\r\n.breadcrumbs {\r\n display: flex;\r\n column-gap: 35px;\r\n margin-bottom: 75px;\r\n\r\n @media (max-width: 768px) {\r\n margin-bottom: 25px;\r\n }\r\n\r\n a,\r\n span {\r\n text-transform: uppercase;\r\n font-family: 'URW Form', sans-serif;\r\n font-size: 14px;\r\n font-weight: 300;\r\n\r\n &.last {\r\n text-decoration: underline;\r\n }\r\n }\r\n}\r\n\r\n.catalog-download {\r\n padding-top: 130px;\r\n padding-bottom: 130px;\r\n max-width: 1000px;\r\n margin: auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n @media (max-width: 768px) {\r\n padding-top: 50px;\r\n padding-bottom: 50px;\r\n }\r\n\r\n ._right {\r\n img {\r\n width: 100%;\r\n }\r\n }\r\n\r\n ._left {\r\n ._title {\r\n font-size: 50px;\r\n font-weight: 200;\r\n text-transform: uppercase;\r\n padding-bottom: 48px;\r\n position: relative;\r\n margin-bottom: 48px;\r\n line-height: 1.1;\r\n\r\n @media (max-width: 768px) {\r\n font-size: 24px;\r\n padding-bottom: 24px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n &::after {\r\n content: '';\r\n display: block;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 110%;\r\n border-bottom: 1px solid rgba(0, 0, 0, 1);\r\n }\r\n }\r\n\r\n ._button {\r\n a {\r\n display: flex;\r\n width: fit-content;\r\n padding: 21px 36px;\r\n gap: 10px;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n font-size: 14px;\r\n background: rgba(223, 223, 223, 1);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.seo-text {\r\n padding-top: 120px;\r\n border-top: 1px solid rgba(29, 29, 30, 1);\r\n\r\n @media (max-width: 768px) {\r\n padding-top: 50px;\r\n }\r\n\r\n ._header {\r\n font-weight: 300;\r\n font-size: 34px;\r\n margin-bottom: 48px;\r\n text-transform: uppercase;\r\n line-height: 1.1;\r\n\r\n @media (max-width: 768px) {\r\n margin-bottom: 24px;\r\n font-size: 24px;\r\n }\r\n }\r\n\r\n ._content {\r\n @extend ._urw_text;\r\n margin-bottom: 10px;\r\n }\r\n\r\n ._content_more {\r\n display: none;\r\n }\r\n\r\n ._more {\r\n display: flex;\r\n justify-content: flex-start;\r\n width: fit-content;\r\n margin-top: 20px;\r\n cursor: pointer;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n text-decoration: underline;\r\n }\r\n}"]}
{"version":3,"sources":["../style-scss/style-new.scss"],"names":[],"mappings":"AAAQ,yFAAA,CAGR,+BACE,eAAA,CACA,cAAA,CAEA,yBAJF,+BAKI,cAAA,CAAA,CAIJ,WACE,iBAAA,CACA,mBAAA,CACA,eAAA,CACA,iCAAA,CAEA,yBANF,WAOI,gBAAA,CAAA,CAIJ,aACE,YAAA,CACA,oBAAA,CAAA,eAAA,CACA,kBAAA,CAEA,yBALF,aAMI,kBAAA,CAAA,CAGF,iCAEE,wBAAA,CACA,iCAAA,CACA,cAAA,CACA,eAAA,CAEA,2CACE,yBAAA,CAKN,kBACE,iBAAA,CACA,oBAAA,CACA,gBAAA,CACA,WAAA,CACA,YAAA,CACA,6BAAA,CAEA,yBARF,kBASI,gBAAA,CACA,mBAAA,CAAA,CAIA,8BACE,UAAA,CAKF,iCACE,cAAA,CACA,eAAA,CACA,wBAAA,CACA,mBAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CAEA,yBATF,iCAUI,cAAA,CACA,mBAAA,CACA,kBAAA,CAAA,CAGF,wCACE,UAAA,CACA,aAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,4BAAA,CAKF,oCACE,YAAA,CACA,sBAAA,CAAA,iBAAA,CACA,iBAAA,CACA,QAAA,CACA,wBAAA,CACA,eAAA,CACA,cAAA,CACA,kBAAA,CAMR,UACE,iBAAA,CACA,4BAAA,CAEA,yBAJF,UAKI,gBAAA,CAAA,CAGF,mBACE,eAAA,CACA,cAAA,CACA,kBAAA,CACA,wBAAA,CACA,eAAA,CAEA,yBAPF,mBAQI,kBAAA,CACA,cAAA,CAAA,CAIJ,oBAEE,kBAAA,CAGF,yBACE,YAAA,CAGF,iBACE,YAAA,CACA,0BAAA,CACA,sBAAA,CAAA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,wBAAA,CACA,yBAAA","file":"style-new.css"}

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

File diff suppressed because one or more lines are too long

2
layout/style-css/vekamotion-82.css.map
View File

File diff suppressed because one or more lines are too long

128
layout/style-scss/rolety.scss Normal file
View File

@@ -0,0 +1,128 @@
@import 'variables';
@import '_mixins';
.breadcrumbs {
margin-bottom: 40px;
}
.container {
&-big {
@media (min-width: 1500px) {
max-width: 1480px;
}
}
}
.box-1 {
margin-bottom: 70px;
.row {
&-1 {
margin-bottom: 50px;
img {
width: 100%;
max-width: fit-content;
}
}
&-2 {
.box-separator {
position: relative;
display: flex;
align-items: center;
justify-content: center;
&::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: calc(100% - 42px * 2);
height: 1px;
background: #878787;
transform: translate(-50%, -50%);
}
.img-wrapper {
background: #fff;
padding: 0 15px;
z-index: 1;
.separator-img {
width: 64px;
height: 64px;
max-width: 64px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 100%;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
img {
width: 100%;
max-width: fit-content;
}
}
}
}
}
}
}
.box-2 {
.row {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.col-left {
h1 {
color: $cBlack;
font-size: 85px;
font-family: $font3;
font-weight: 500;
text-align: right;
margin-bottom: 40px;
}
ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: 6px;
flex-wrap: nowrap;
margin-bottom: 15px;
li {
img {
}
}
}
p {
color: $cBlack;
font-size: 20px;
font-family: $font3;
font-weight: 300;
text-align: right;
margin-bottom: 0;
}
}
.col-right {
p {
color: $cBlack;
font-size: 16px;
font-family: $font3;
font-weight: 400;
line-height: 2;
margin-bottom: 0;
}
}
}

84
templates_user/rolety-zewnetrzne.php Normal file
View File

@@ -0,0 +1,84 @@
<div class="container subpage-content">
<div class="row">
<div class="col-12">
<div class="breadcrumbs">
<a href="/">Strona główna</a>
<span class="sep"><img src="/images/breadcrumbs-sep.svg"></span>
<span class="last">Rolety zewnętrzne</span>
</div>
</div>
</div>
</div>
<div class="box-1">
<div class="container container-big">
<div class="row row-1">
<div class="col-12">
<img src="/upload/filemanager/Pages/rolety-zewnetrzne/baner-1.jpg" alt="">
</div>
</div>
<div class="row row-2">
<div class="col-12">
<div class="box-separator">
<span class="img-wrapper">
<span class="separator-img">
<img src="/upload/filemanager/icon/v-icon.svg" alt="">
</span>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="box-2">
<div class="container">
<div class="row">
<div class="col-md-6 col-left">
<h1>
ROLETY<br/>
ZEWNĘTRZNE
</h1>
<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>
<p>CHROŃ SWOJĄ PRYWATNOŚĆ</p>
</div>
<div class="col-md-6 col-right">
<p>Rolety zewnętrzne to nie tylko osłona dla okien i drzwi. To w pełni zautomatyzowany, <strong>inteligentny system</strong>, który skutecznie chroni przed letnim upałem, hałasem, niechcianymi spojrzeniami, włamaniem, utratą ciepła, wiatrem, deszczem, śniegiem i mrozem.</p>
<p>Dzięki perfekcyjnej integracji z otoczeniem rolety zewnętrzne wpływają na estetykę budynku, <strong>zapewniając intymność i komfort</strong>. W subtelny sposób zmieniają atmosferę i nastrój wnętrz. Chronią przed niekontrolowaną utratą ciepła w zimie i nadmiernym nagrzewaniem się pomieszczeń w lecie. Zamknięte rolety zewnętrzne skutecznie zatrzymują „nieproszonych gości”, a dodatkowy system zabezpieczenia stanowi ochronę przed ich otwarciem.</p>
</div>
</div>
</div>
</div>
<div class="box-3">
<div class="container">
<div class="row">
<div class="col-md-3">
<img src="/upload/filemanager/icon/ci_bulb.svg" alt="">
<h3>Energooszczędność</h3>
<p>Gwarancja komfortu cieplnego latem i zimą.</p>
</div>
<div class="col-md-3">
<img src="/upload/filemanager/icon/safe.svg" alt="">
<h3>Bezpieczeństwo</h3>
<p>Wielowymiarowa i solidna ochrona.<br/>Prywatność na najwyższym poziomie.</p>
</div>
<div class="col-md-3">
<img src="/upload/filemanager/icon/Color-Swatches.svg" alt="">
<h3>Estetyka</h3>
<p>Nowoczesny design i szeroka personalizacja kolorystyczna.</p>
</div>
<div class="col-md-3">
<img src="/upload/filemanager/icon/Vertical-Slider-Square.svg" alt="">
<h3>Automatyzacja</h3>
<p>Integracja z systemem Smart VIDOK.<br/>Zdalne zarządzanie roletami.</p>
</div>
</div>
</div>
</div>