New component "hit-cenowy-drzwi"
This commit is contained in:
Roman Pyrih
208
templates_user/components/hit-cenowy-drzwi.php
Normal file
208
templates_user/components/hit-cenowy-drzwi.php
Normal file
@@ -0,0 +1,208 @@
|
||||
<style>
|
||||
.box-hit-cenowy-1 .box-hit-cenowy-1--wrapper h2 {
|
||||
color: #000000;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 38px;
|
||||
line-height: 1.3;
|
||||
text-align: center;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.box-hit-cenowy-1 .box-hit-cenowy-1--wrapper p {
|
||||
color: #000000;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2 {
|
||||
overflow: hidden;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper > img{
|
||||
margin-bottom: 40px;
|
||||
width: 100%;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-1 {
|
||||
width: 100%;
|
||||
max-width: 540px;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-1 h3{
|
||||
color: #000000;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 40px;
|
||||
line-height: 1;
|
||||
margin: 30px 0 15px 0px;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-1 p{
|
||||
color: #1D1D1E;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 2;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-1 ol{
|
||||
padding: 0;
|
||||
margin: 0 0 30px 0;
|
||||
list-style: none;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-1 ol li{
|
||||
position: relative;
|
||||
color: #1D1D1E;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 2;
|
||||
letter-spacing: 1px;
|
||||
padding-left: 17px;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-1 ol li::before{
|
||||
content: '-';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-1 ul {
|
||||
padding: 40px 0 0 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-1 ul li {
|
||||
color: #000000;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 22px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 50px;
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-1{
|
||||
width: 100%;
|
||||
max-width: 540px;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-2 {
|
||||
position: relative;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-2 > img{
|
||||
margin-top: -70px;
|
||||
width: 100%;
|
||||
min-width: fit-content;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-2 .technical-details{
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 21px 30px 16px;
|
||||
|
||||
position: relative;
|
||||
|
||||
background: #C4D1E2;
|
||||
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
border-radius: 5px;
|
||||
|
||||
|
||||
color: #1D1D1E;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
line-height: 17px;
|
||||
letter-spacing: 0.09em;
|
||||
text-transform: uppercase;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-2 .technical-details img{
|
||||
margin: -3px 0 0 0;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-1{
|
||||
width: 100%;
|
||||
max-width: unset;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-2 > img{
|
||||
margin-top: 0;
|
||||
min-width: unset;
|
||||
}
|
||||
.box-hit-cenowy-2 .box-hit-cenowy-2--wrapper .c-row .c-col-2 .technical-details{
|
||||
top: 55%;
|
||||
left: 10%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="box-hit-cenowy-1">
|
||||
<div class="container">
|
||||
<div class="box-hit-cenowy-1--wrapper">
|
||||
<h2><strong>Ekskluzywne drzwi aluminiowe zewnętrzne</strong><br>w wyjątkowej cenie!</h2>
|
||||
<p>Okres promocji: od 12.05. 2025 do wyczerpania zapasów | Organizator promocji: VIDOK Okna i Drzwi</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-hit-cenowy-2">
|
||||
<div class="container">
|
||||
<div class="box-hit-cenowy-2--wrapper">
|
||||
<img src="/upload/filemanager/components/hit-cenowy-drzwi/hit-cenowy-2.png" class="hit-cenowy-img-1">
|
||||
<div class="c-row">
|
||||
<div class="c-col c-col-1">
|
||||
<p>Najniższa cena z 30 dni przed obniżką: 5 500 zł</p>
|
||||
<h3>VA-D 114 i VA-D 107</h3>
|
||||
<ol>
|
||||
<li>Drzwi w systemie <strong>ALUPROF MB79N</strong></li>
|
||||
<li>Wymiar <strong>1100 x 2200</strong> światło przejścia 900 mm</li>
|
||||
<li>Kierunek otwierania <strong>lewe na zewnątrz</strong></li>
|
||||
<li>Nakładka 1-stronna - <strong>wzór VA-D 114 i VA-D 107</strong></li>
|
||||
<li>Kolor <strong>RAL 7016 MAT</strong></li>
|
||||
<li>Zamek <strong>3 PKT FUHR 833 AUTOMATYCZNY</strong><br/> z blokadą języków</li>
|
||||
<li><strong>Elektrozaczep FUHR</strong> z przełącznikiem dzień/noc</li>
|
||||
<li><strong>Zawiasy rolkowe Fapim</strong> MONACO<br/> w kolorze ślusarki RAL 7016 MAT</li>
|
||||
<li>Od zewnątrz <strong>pochwyt Inox prosty1200 mm</strong><br/> montowany w panelu + <strong>rozetka pierścieniowa Wala</strong></li>
|
||||
<li>Od wewnątrz <strong>klamka Aluprof STYLE</strong> na długim szyldzie</li>
|
||||
</ol>
|
||||
<a class="_button" href="/kontakt">
|
||||
<img alt="" src="/layout/black_weeks_2025/wyslij-zapytanie.png">
|
||||
</a>
|
||||
<ul>
|
||||
<li>✅ Czas to komfort - szybka decyzja, fachowe wsparcie</li>
|
||||
<li>✅ Ilość ograniczona - kto pierwszy, ten montuje</li>
|
||||
<li>✅ Wszystko gotowe - czekamy na Twój ruch</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<img src="/upload/filemanager/components/hit-cenowy-drzwi/hit-cenowy-1.png" class="hit-cenowy-img-2">
|
||||
|
||||
<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>
|
||||
Reference in New Issue
Block a user