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

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

@@ -1,189 +1,228 @@
.black_weeks_2025 {
._hero {
img {
width: 100%;
}
}
._hero {
img {
width: 100%;
}
}
._box_01 {
padding-top: 80px;
font-family: 'URW Form';
._box_01 {
padding-top: 80px;
font-family: 'URW Form';
h1 {
font-weight: 700;
font-style: Bold;
font-size: 40px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
}
h1 {
font-weight: 700;
font-style: Bold;
font-size: 40px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
}
h2 {
font-weight: 400;
font-style: Regular;
font-size: 35px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
h2 {
font-weight: 400;
font-style: Regular;
font-size: 35px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
}
}
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
._box_02 {
padding-top: 20px;
._box_02 {
padding-top: 20px;
img {
width: 100%;
}
}
img {
width: 100%;
}
}
._box_03 {
padding-top: 30px;
._box_03 {
padding-top: 30px;
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
padding-right: 20%;
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
padding-right: 20%;
&._big {
font-weight: 700;
font-style: Bold;
font-size: 32px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
padding-right: 20%;
}
}
&._big {
font-weight: 700;
font-style: Bold;
font-size: 32px;
line-height: 30px;
letter-spacing: 0%;
text-align: center;
padding-right: 20%;
}
}
img {
width: 100%;
max-width: 1149px;
margin-top: -50px;
}
img {
width: 100%;
max-width: 1149px;
margin-top: -50px;
}
._regulamin {
display: inline-block;
width: 276px;
height: 48px;
float: right;
margin-top: -20px;
margin-right: 20%;
z-index: 2;
position: relative;
._regulamin {
display: inline-block;
width: 276px;
height: 48px;
float: right;
margin-top: -20px;
margin-right: 20%;
z-index: 2;
position: relative;
img {
max-width: 276px;
margin: 0;
}
}
}
img {
max-width: 276px;
margin: 0;
}
}
}
._box_05 {
height: 1px;
background: #000000;
margin-top: 50px;
margin-bottom: 50px;
}
._box_05 {
height: 1px;
background: #000000;
margin-top: 50px;
margin-bottom: 50px;
}
._box_06 {
h2 {
font-weight: 400;
font-size: 35px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
._box_06 {
h2 {
font-weight: 400;
font-size: 35px;
line-height: 130%;
letter-spacing: 10%;
text-align: center;
text-transform: uppercase;
strong {
font-weight: 700;
font-style: Bold;
}
}
strong {
font-weight: 700;
font-style: Bold;
}
}
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
p {
font-weight: 300;
font-style: Light;
font-size: 20px;
line-height: 153%;
letter-spacing: 0%;
text-align: center;
}
}
._box_07 {
._left_column {
margin-top: -110px;
padding-left: 3%;
._box_07 {
._left_column {
margin-top: -110px;
padding-left: 4%;
p {
font-weight: 400;
font-size: 20px;
line-height: 35px;
letter-spacing: 0px;
}
p {
font-weight: 400;
font-size: 20px;
line-height: 35px;
letter-spacing: 0px;
h3 {
font-weight: 700;
font-style: Bold;
font-size: 40px;
line-height: 40px;
letter-spacing: 0px;
}
}
}
img._image_03 {
width: 100%;
max-width: 820px;
position: relative;
z-index: 2;
}
h3 {
font-weight: 700;
font-style: Bold;
font-size: 40px;
line-height: 40px;
letter-spacing: 0px;
}
}
img._image_04 {
width: 100%;
margin-top: -160px;
}
img._image_03 {
width: 100%;
max-width: 843px;
position: relative;
z-index: 2;
}
._regulamin {
margin-right: 37%;
margin-top: 30px;
position: relative;
z-index: 2;
float: right;
}
img._image_04 {
width: 100%;
margin-top: -180px;
}
.technical-details {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 40px;
._regulamin {
margin-right: 34%;
margin-top: -50px;
position: relative;
z-index: 2;
float: right;
}
}
.c-desk-text {
img {
width: 100%;
max-width: fit-content;
}
}
._box_08 {
padding-bottom: 100px;
padding-left: 3%;
a {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 10px;
padding: 13px 10px 10px 10px;
background: #c4d1e2;
border-radius: 6px;
ol {
margin-top: 20px;
list-style-type: square;
color: #1d1d1e;
font-size: 13px;
font-family: 'URW Form', sans-serif;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 1;
li {
font-weight: 300;
font-style: Light;
font-size: 25px;
line-height: 40px;
letter-spacing: 0%;
}
}
}
}
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12);
img {
padding-bottom: 6px;
width: 16px;
}
}
}
}
._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>
</div>
<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="col-12 col-lg-5 _left_column">
<p>Najniższa cena z 30 dni przed obniżką: 5 500 zł</p>
<h3>VA-D 114</h3>
<p>Najniższa cena z 30 dni przed obniżką: 5 500 zł</p>
<h3>VA-D 114 i VA-D 107</h3>
<p>
- Drzwi w systemie <strong>ALUPROF MB79N</strong><br>
- Wymiar <strong>1100 x 2200</strong> światło przejścia 900 mm<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>
- Zamek <strong>3 PKT FUHR 833 AUTOMATYCZNY</strong> z blokadą języków<br>
- <strong>Elektrozaczep FUHR</strong> z przełącznikiem dzień/noc<br>
@@ -186,10 +186,14 @@
</a>
</div>
<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">
<img src="/layout/black_weeks_2025/regulamin-promocji.png">
</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>