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-12-04 14:51:57 +01:00
parent 659167f32a
commit 0f0226695c
6 changed files with 211 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
layout/black_weeks_2025/image_03-new.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
layout/black_weeks_2025/image_04-new.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 585 KiB

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

@@ -1 +1 @@
.black_weeks_2025 ._hero img{width:100%}.black_weeks_2025 ._box_01{padding-top:80px;font-family:"URW Form"}.black_weeks_2025 ._box_01 h1{font-weight:700;font-style:Bold;font-size:40px;line-height:130%;letter-spacing:10%;text-align:center;text-transform:uppercase}.black_weeks_2025 ._box_01 h2{font-weight:400;font-style:Regular;font-size:35px;line-height:130%;letter-spacing:10%;text-align:center;text-transform:uppercase}.black_weeks_2025 ._box_01 p{font-weight:300;font-style:Light;font-size:20px;line-height:153%;letter-spacing:0%;text-align:center}.black_weeks_2025 ._box_02{padding-top:20px}.black_weeks_2025 ._box_02 img{width:100%}.black_weeks_2025 ._box_03{padding-top:30px}.black_weeks_2025 ._box_03 p{font-weight:300;font-style:Light;font-size:20px;line-height:30px;letter-spacing:0%;text-align:center;padding-right:20%}.black_weeks_2025 ._box_03 p._big{font-weight:700;font-style:Bold;font-size:32px;line-height:30px;letter-spacing:0%;text-align:center;padding-right:20%}.black_weeks_2025 ._box_03 img{width:100%;max-width:1149px;margin-top:-50px}.black_weeks_2025 ._box_03 ._regulamin{display:inline-block;width:276px;height:48px;float:right;margin-top:-20px;margin-right:20%;z-index:2;position:relative}.black_weeks_2025 ._box_03 ._regulamin img{max-width:276px;margin:0}.black_weeks_2025 ._box_05{height:1px;background:#000;margin-top:50px;margin-bottom:50px}.black_weeks_2025 ._box_06 h2{font-weight:400;font-size:35px;line-height:130%;letter-spacing:10%;text-align:center;text-transform:uppercase}.black_weeks_2025 ._box_06 h2 strong{font-weight:700;font-style:Bold}.black_weeks_2025 ._box_06 p{font-weight:300;font-style:Light;font-size:20px;line-height:153%;letter-spacing:0%;text-align:center}.black_weeks_2025 ._box_07 ._left_column{margin-top:-110px;padding-left:4%}.black_weeks_2025 ._box_07 ._left_column p{font-weight:400;font-size:20px;line-height:35px;letter-spacing:0px}.black_weeks_2025 ._box_07 ._left_column h3{font-weight:700;font-style:Bold;font-size:40px;line-height:40px;letter-spacing:0px}.black_weeks_2025 ._box_07 img._image_03{width:100%;max-width:843px;position:relative;z-index:2}.black_weeks_2025 ._box_07 img._image_04{width:100%;margin-top:-180px}.black_weeks_2025 ._box_07 ._regulamin{margin-right:34%;margin-top:-50px;position:relative;z-index:2;float:right}.black_weeks_2025 ._box_08{padding-bottom:100px;padding-left:3%}.black_weeks_2025 ._box_08 ol{margin-top:20px;list-style-type:square}.black_weeks_2025 ._box_08 ol li{font-weight:300;font-style:Light;font-size:25px;line-height:40px;letter-spacing:0%}/*# sourceMappingURL=black_weeks_2025.css.map */ .black_weeks_2025 ._hero img{width:100%}.black_weeks_2025 ._box_01{padding-top:80px;font-family:"URW Form"}.black_weeks_2025 ._box_01 h1{font-weight:700;font-style:Bold;font-size:40px;line-height:130%;letter-spacing:10%;text-align:center;text-transform:uppercase}.black_weeks_2025 ._box_01 h2{font-weight:400;font-style:Regular;font-size:35px;line-height:130%;letter-spacing:10%;text-align:center;text-transform:uppercase}.black_weeks_2025 ._box_01 p{font-weight:300;font-style:Light;font-size:20px;line-height:153%;letter-spacing:0%;text-align:center}.black_weeks_2025 ._box_02{padding-top:20px}.black_weeks_2025 ._box_02 img{width:100%}.black_weeks_2025 ._box_03{padding-top:30px}.black_weeks_2025 ._box_03 p{font-weight:300;font-style:Light;font-size:20px;line-height:30px;letter-spacing:0%;text-align:center;padding-right:20%}.black_weeks_2025 ._box_03 p._big{font-weight:700;font-style:Bold;font-size:32px;line-height:30px;letter-spacing:0%;text-align:center;padding-right:20%}.black_weeks_2025 ._box_03 img{width:100%;max-width:1149px;margin-top:-50px}.black_weeks_2025 ._box_03 ._regulamin{display:inline-block;width:276px;height:48px;float:right;margin-top:-20px;margin-right:20%;z-index:2;position:relative}.black_weeks_2025 ._box_03 ._regulamin img{max-width:276px;margin:0}.black_weeks_2025 ._box_05{height:1px;background:#000;margin-top:50px;margin-bottom:50px}.black_weeks_2025 ._box_06 h2{font-weight:400;font-size:35px;line-height:130%;letter-spacing:10%;text-align:center;text-transform:uppercase}.black_weeks_2025 ._box_06 h2 strong{font-weight:700;font-style:Bold}.black_weeks_2025 ._box_06 p{font-weight:300;font-style:Light;font-size:20px;line-height:153%;letter-spacing:0%;text-align:center}.black_weeks_2025 ._box_07 ._left_column{margin-top:-110px;padding-left:3%}.black_weeks_2025 ._box_07 ._left_column p{font-weight:400;font-size:20px;line-height:35px;letter-spacing:0px}.black_weeks_2025 ._box_07 ._left_column h3{font-weight:700;font-style:Bold;font-size:40px;line-height:40px;letter-spacing:0px}.black_weeks_2025 ._box_07 img._image_03{width:100%;max-width:820px;position:relative;z-index:2}.black_weeks_2025 ._box_07 img._image_04{width:100%;margin-top:-160px}.black_weeks_2025 ._box_07 ._regulamin{margin-right:37%;margin-top:30px;position:relative;z-index:2;float:right}.black_weeks_2025 ._box_07 .technical-details{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.black_weeks_2025 ._box_07 .technical-details .c-desk-text img{width:100%;max-width:-moz-fit-content;max-width:fit-content}.black_weeks_2025 ._box_07 .technical-details a{display:inline-flex;flex-direction:row;align-items:center;gap:10px;padding:13px 10px 10px 10px;background:#c4d1e2;border-radius:6px;color:#1d1d1e;font-size:13px;font-family:"URW Form",sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1;box-shadow:0 4px 4px rgba(0,0,0,.12)}.black_weeks_2025 ._box_07 .technical-details a img{padding-bottom:6px;width:16px}.black_weeks_2025 ._box_08{padding-bottom:100px;padding-left:3%}.black_weeks_2025 ._box_08 ol{margin-top:20px;list-style-type:square}.black_weeks_2025 ._box_08 ol li{font-weight:300;font-style:Light;font-size:25px;line-height:40px;letter-spacing:0%}/*# sourceMappingURL=black_weeks_2025.css.map */

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

File diff suppressed because one or more lines are too long

359
layout/style-scss/black_weeks_2025.scss
View File

@@ -1,189 +1,228 @@
.black_weeks_2025 { .black_weeks_2025 {
._hero { ._hero {
img { img {
width: 100%; width: 100%;
} }
} }
._box_01 { ._box_01 {
padding-top: 80px; padding-top: 80px;
font-family: 'URW Form'; font-family: 'URW Form';
h1 { h1 {
font-weight: 700; font-weight: 700;
font-style: Bold; font-style: Bold;
font-size: 40px; font-size: 40px;
line-height: 130%; line-height: 130%;
letter-spacing: 10%; letter-spacing: 10%;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
} }
h2 { h2 {
font-weight: 400; font-weight: 400;
font-style: Regular; font-style: Regular;
font-size: 35px; font-size: 35px;
line-height: 130%; line-height: 130%;
letter-spacing: 10%; letter-spacing: 10%;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
}
} p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
p { ._box_02 {
font-weight: 300; padding-top: 20px;
font-style: Light;
font-size: 20px;
line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
._box_02 { img {
padding-top: 20px; width: 100%;
}
}
img { ._box_03 {
width: 100%; padding-top: 30px;
}
}
._box_03 { p {
padding-top: 30px; font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
padding-right: 20%;
p { &._big {
font-weight: 300; font-weight: 700;
font-style: Light; font-style: Bold;
font-size: 20px; font-size: 32px;
line-height: 30px; line-height: 30px;
letter-spacing: 0%; letter-spacing: 0%;
text-align: center; text-align: center;
padding-right: 20%; padding-right: 20%;
}
}
&._big { img {
font-weight: 700; width: 100%;
font-style: Bold; max-width: 1149px;
font-size: 32px; margin-top: -50px;
line-height: 30px; }
letter-spacing: 0%;
text-align: center;
padding-right: 20%;
}
}
img { ._regulamin {
width: 100%; display: inline-block;
max-width: 1149px; width: 276px;
margin-top: -50px; height: 48px;
} float: right;
margin-top: -20px;
margin-right: 20%;
z-index: 2;
position: relative;
._regulamin { img {
display: inline-block; max-width: 276px;
width: 276px; margin: 0;
height: 48px; }
float: right; }
margin-top: -20px; }
margin-right: 20%;
z-index: 2;
position: relative;
img { ._box_05 {
max-width: 276px; height: 1px;
margin: 0; background: #000000;
} margin-top: 50px;
} margin-bottom: 50px;
} }
._box_05 { ._box_06 {
height: 1px; h2 {
background: #000000; font-weight: 400;
margin-top: 50px; font-size: 35px;
margin-bottom: 50px; line-height: 130%;
} letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
._box_06 { strong {
h2 { font-weight: 700;
font-weight: 400; font-style: Bold;
font-size: 35px; }
line-height: 130%; }
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
strong { p {
font-weight: 700; font-weight: 300;
font-style: Bold; font-style: Light;
} font-size: 20px;
} line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
p { ._box_07 {
font-weight: 300; ._left_column {
font-style: Light; margin-top: -110px;
font-size: 20px; padding-left: 3%;
line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
._box_07 { p {
._left_column { font-weight: 400;
margin-top: -110px; font-size: 20px;
padding-left: 4%; line-height: 35px;
letter-spacing: 0px;
}
p { h3 {
font-weight: 400; font-weight: 700;
font-size: 20px; font-style: Bold;
line-height: 35px; font-size: 40px;
letter-spacing: 0px; line-height: 40px;
letter-spacing: 0px;
}
}
} img._image_03 {
width: 100%;
max-width: 820px;
position: relative;
z-index: 2;
}
h3 { img._image_04 {
font-weight: 700; width: 100%;
font-style: Bold; margin-top: -160px;
font-size: 40px; }
line-height: 40px;
letter-spacing: 0px;
}
}
img._image_03 { ._regulamin {
width: 100%; margin-right: 37%;
max-width: 843px; margin-top: 30px;
position: relative; position: relative;
z-index: 2; z-index: 2;
} float: right;
}
img._image_04 { .technical-details {
width: 100%; position: relative;
margin-top: -180px; display: flex;
} flex-direction: column;
align-items: center;
justify-content: center;
gap: 40px;
._regulamin { .c-desk-text {
margin-right: 34%; img {
margin-top: -50px; width: 100%;
position: relative; max-width: fit-content;
z-index: 2; }
float: right; }
}
}
._box_08 { a {
padding-bottom: 100px; display: inline-flex;
padding-left: 3%; flex-direction: row;
align-items: center;
gap: 10px;
padding: 13px 10px 10px 10px;
background: #c4d1e2;
border-radius: 6px;
ol { color: #1d1d1e;
margin-top: 20px; font-size: 13px;
list-style-type: square; font-family: 'URW Form', sans-serif;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
li { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12);
font-weight: 300;
font-style: Light; img {
font-size: 25px; padding-bottom: 6px;
line-height: 40px; width: 16px;
letter-spacing: 0%; }
} }
} }
} }
._box_08 {
padding-bottom: 100px;
padding-left: 3%;
ol {
margin-top: 20px;
list-style-type: square;
li {
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 40px;
letter-spacing: 0%;
}
}
}
} }

14
templates_user/pages/promocja-drzwi-aluminiowe.php
View File

@@ -164,16 +164,16 @@
<p>Okres promocji: od 24.11. 2025 do 05.12.2025 | Organizator promocji: VIDOK Okna i Drzwi</p> <p>Okres promocji: od 24.11. 2025 do 05.12.2025 | Organizator promocji: VIDOK Okna i Drzwi</p>
</div> </div>
<div class="_box_07"> <div class="_box_07">
<img src="/layout/black_weeks_2025/image_03.png" class="_image_03"> <img src="/layout/black_weeks_2025/image_03-new.png" class="_image_03">
<div class="row"> <div class="row">
<div class="col-12 col-lg-5 _left_column"> <div class="col-12 col-lg-5 _left_column">
<p>Najniższa cena z 30 dni przed obniżką: 5 500 zł</p> <p>Najniższa cena z 30 dni przed obniżką: 5 500 zł</p>
<h3>VA-D 114</h3> <h3>VA-D 114 i VA-D 107</h3>
<p> <p>
- Drzwi w systemie <strong>ALUPROF MB79N</strong><br> - Drzwi w systemie <strong>ALUPROF MB79N</strong><br>
- Wymiar <strong>1100 x 2200</strong> światło przejścia 900 mm<br> - Wymiar <strong>1100 x 2200</strong> światło przejścia 900 mm<br>
- Kierunek otwierania <strong>lewe na zewnątrz</strong><br> - Kierunek otwierania <strong>lewe na zewnątrz</strong><br>
- Nakładka 1-stronna - <strong>wzór VAD – 114</strong><br> - Nakładka 1-stronna - <strong>wzór VAD - 114 i VAD-D 107</strong><br>
- Kolor <strong>RAL 7016 MAT</strong><br> - Kolor <strong>RAL 7016 MAT</strong><br>
- Zamek <strong>3 PKT FUHR 833 AUTOMATYCZNY</strong> z blokadą języków<br> - Zamek <strong>3 PKT FUHR 833 AUTOMATYCZNY</strong> z blokadą języków<br>
- <strong>Elektrozaczep FUHR</strong> z przełącznikiem dzień/noc<br> - <strong>Elektrozaczep FUHR</strong> z przełącznikiem dzień/noc<br>
@@ -186,10 +186,14 @@
</a> </a>
</div> </div>
<div class="col-12 col-lg-7"> <div class="col-12 col-lg-7">
<img src="/layout/black_weeks_2025/image_04.png" class="_image_04"> <img src="/layout/black_weeks_2025/image_04-new.png" class="_image_04">
<a href="#" class="_regulamin"> <a href="#" class="_regulamin">
<img src="/layout/black_weeks_2025/regulamin-promocji.png"> <img src="/layout/black_weeks_2025/regulamin-promocji.png">
</a> </a>
<!-- <a href="/layout/black_weeks_2025/image_04-new.png" target="_blank" class="technical-details">
szczegóły techniczne
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/Subtract.svg" alt="" />
</a> -->
</div> </div>
</div> </div>
</div> </div>