New component
This commit is contained in:
Roman Pyrih
345
dev-page.php
Normal file
345
dev-page.php
Normal file
@@ -0,0 +1,345 @@
|
||||
<style type="text/css">
|
||||
@media (max-width: 991px) {
|
||||
.c-row-2 {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.doors-handle-info-table {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.doors-handle-info-grid {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
.doors-handle-info-grid {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: steelblue !important;
|
||||
transition: ease-in;
|
||||
transition-duration: 100ms;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="main-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="breadcrumbs" style="align-items: center">
|
||||
<a href="/" style="color: black">Homepage</a>
|
||||
<span style="padding-bottom: 4px" class="sep"><img src="images/icons/breadcrumbs-sep.svg"></span>
|
||||
<span class="last">Promotion</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-1" style="background-image: url('/images/promotion/img-1-1.jpg'); ">
|
||||
<div class="container">
|
||||
<div class="box-1--wrapper">
|
||||
<div class="box-title">
|
||||
<h1><strong>Aluminiumtüren</strong> VA-D 114</h1>
|
||||
</div>
|
||||
<p>Von der Stange. Stillvoll. <strong>Sofort lieferbar</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="box-2">
|
||||
<h2><strong>Exklusive Aluminium-Eingangstüren zu einem außergewöhnlichen Preis!</strong></h2>
|
||||
<p>
|
||||
Angebotsdauer: 09.05.2025 bis der Vorrat reicht | Veranstalter der Promotion: VIDOK Fenster und Türen
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="box-3">
|
||||
<div class="container">
|
||||
<div class="c-row c-row-1" style="column-gap: 0">
|
||||
<div class="c-col c-col-1">
|
||||
<div class="product-head">
|
||||
<span class="tag" style="padding-bottom: 10px">Blockbuster!</span>
|
||||
<div class="price">
|
||||
<span>nettodinner</span>
|
||||
<p>1 340 €</p>
|
||||
</div>
|
||||
<span class="old-price">2 061 €</span>
|
||||
</div>
|
||||
<div class="product-desc">
|
||||
<h2>VA-D 114</h2>
|
||||
<ul class="text-xl" style="list-style-type: '- ';">
|
||||
<li>Eingangstüren <b>ALUPROF MB79N</b></li>
|
||||
<li>Außenmaß <b>1100 x 2200 mm</b>, Lichte Durchgangsbreite 900 mm</li>
|
||||
<li>Öffnungsrichtung: <b>links nach außen</b></li>
|
||||
<li>Aufsetzschale einseitig, <b>Typ VAD-114</b></li>
|
||||
<li>Farbe: <b>RAL 7016 MAT</b></li>
|
||||
<li>3-Fach automatische Verriegelung Fuhr 833</li>
|
||||
<li><b>E-öffner Fuhr</b> mit dem Tag/Nacht Schalter</li>
|
||||
<li>Rollenbänder Fapim MONACO in der Farbe RAL 7016 MATT</li>
|
||||
<li>Von außen: Griffstange <b>Edelstahl 1200 mm</b> + Ringrosette Wala</li>
|
||||
<li>Von innen: <b>Aluprof Style</b> Langschild Drückergarnitur</li>
|
||||
</ul>
|
||||
|
||||
<a class="c-btn" href="/contact">
|
||||
Anfrage senden
|
||||
<img alt="" src="images/icons/check-box-Vector.svg">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<div class="c-desk">
|
||||
<div class="c-desk-text">
|
||||
<img src="/images/promotion/promo-title.png" alt="">
|
||||
</div>
|
||||
<!-- <div style="rotate: -90deg; color:white; text-align: center; font-weight: 550; line-height: 1">-->
|
||||
<!-- <span id="promo-text-title">-35%</span>-->
|
||||
<!-- <div id="promo-text" style="min-width: max-content;">ATTRACTIVE PRICE</div>-->
|
||||
<!-- </div>-->
|
||||
<a href="/images/promotion/VA-D-114-PDF.pdf" target="_blank"
|
||||
style="min-width: max-content">
|
||||
Technische Details
|
||||
<img src="/images/promotion/Subtract.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="product-img">
|
||||
<img class="product-img-1"
|
||||
src="/images/promotion/VA-D-115---1.png" alt="">
|
||||
<img class="product-img-2"
|
||||
src="/images/promotion/VA-D-114---2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-row c-row-2">
|
||||
<div class="c-col c-col-1" style="text-align: right">
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<h3>
|
||||
<strong>Ideal für moderne Residenzen und hochwertige Wohnungen</strong>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php include 'templates_user/components/hit-cenowy-drzwi.php'; ?>
|
||||
|
||||
<div class="container">
|
||||
<div class="box-4">
|
||||
<h2>Es sind nur noch <b>30 von 40</b> Stück verfügbar!</h2>
|
||||
<p>Durchschnittlich <strong>1 Tür pro Tag</strong> geht an ein neues Zuhause – <strong>warten Sie nicht,
|
||||
bestellen Sie!</strong></p>
|
||||
</div>
|
||||
|
||||
<div style="color: #fff; text-transform: uppercase; background: linear-gradient(190deg, #b6c5d8 10%, #556d87 80%); text-align: center; padding: 12px; border-radius: 12px; margin:0 48px 80px 48px; font-size: 28px">
|
||||
<b>VERFÜGBARE ZUSATZOPTIONEN</b> - GEGEN AUFPREIS
|
||||
</div>
|
||||
|
||||
<!-- Small screen -->
|
||||
<div class="doors-handle-info-grid" style="color: #7087a4">
|
||||
<div style="text-align: center; margin: 64px">
|
||||
<img src="/images/promotion/img-3.jpg" alt="" style="width: 100%;">
|
||||
<div>
|
||||
<h3>
|
||||
<strong>Zusätzliche Möglichkeit</strong><br/>
|
||||
Seitenteil in 2 Größen
|
||||
</h3>
|
||||
<div>
|
||||
243 € nettodinner (500 x 2200 mm) <br>
|
||||
340 € nettodinner (1000 x 2200 mm)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: center; margin: 64px">
|
||||
<img src="/images/promotion/pochwyt-prostokatny.png"
|
||||
alt="">
|
||||
<div>
|
||||
<h3>
|
||||
<strong>HANDGRIFF PROFIL: RECHTECKIG</strong> <br/>
|
||||
Wala Q10
|
||||
</h3>
|
||||
<div>25 € nettodinner</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: center; margin: 64px">
|
||||
<img src="/images/promotion/pochwyt-kwadratowy.png"
|
||||
alt="">
|
||||
<div>
|
||||
<h3>
|
||||
<strong>HANDGRIFF PROFIL: QUADRATISCH</strong> <br/>
|
||||
Wala Q10
|
||||
</h3>
|
||||
<div>
|
||||
22 € nettodinner
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: center; margin: 64px">
|
||||
<img src="/images/promotion/galka-obrotowa.png" alt="">
|
||||
<div>
|
||||
<h3>
|
||||
<strong>KNAUF</strong><br/>
|
||||
IN2620V
|
||||
</h3>
|
||||
<div>
|
||||
21 € nettodinner
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Big screen -->
|
||||
<div class="doors-handle-info-table">
|
||||
<table style="width: 100%; page-break-inside:auto">
|
||||
<tr style="page-break-inside:avoid; page-break-after:auto">
|
||||
<td style="text-align: center">
|
||||
<img src="/images/promotion/img-3.jpg" alt="">
|
||||
</td>
|
||||
<td style="text-align: center">
|
||||
<img src="/images/promotion/pochwyt-prostokatny.png"
|
||||
alt="">
|
||||
</td>
|
||||
<td style="text-align: center">
|
||||
<img src="/images/promotion/pochwyt-kwadratowy.png"
|
||||
alt="">
|
||||
</td>
|
||||
<td style="text-align: center">
|
||||
<img src="/images/promotion/galka-obrotowa.png" alt="">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="32"></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr style="page-break-inside:avoid; page-break-after:auto;">
|
||||
<td style="color: #7087a4;vertical-align: top;">
|
||||
<div style="place-self: center">
|
||||
<h3>
|
||||
<strong>Zusätzliche Möglichkeit</strong><br/>
|
||||
Seitenteil in 2 Größen
|
||||
</h3>
|
||||
<div>
|
||||
243 € nettodinner (500 x 2200 mm) <br>
|
||||
340 € nettodinner (1000 x 2200 mm)
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td style="color: #7087a4;vertical-align: top">
|
||||
<div style="place-self: center">
|
||||
|
||||
<h3>
|
||||
<strong>HANDGRIFF PROFIL: RECHTECKIG</strong><br/>
|
||||
Wala Q10
|
||||
</h3>
|
||||
<div>25 € netto</div>
|
||||
</div>
|
||||
</td>
|
||||
<td style="color: #7087a4;vertical-align: top">
|
||||
<div style="place-self: center">
|
||||
<h3>
|
||||
<strong>
|
||||
HANDGRIFF PROFIL: QUADRATISCH <br/>
|
||||
</strong>
|
||||
Wala Q10
|
||||
</h3>
|
||||
<div>
|
||||
22 € nettodinner
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td style="color: #7087a4;vertical-align: top">
|
||||
<div style="place-self: center">
|
||||
<h3>
|
||||
<strong>KNAUF</strong><br/>
|
||||
IN2620V
|
||||
</h3>
|
||||
<div>
|
||||
21 € nettodinner
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div style="justify-content: center; display: flex; margin: 40px">
|
||||
<a href="/images/promotion/opcja-dodatkowa.pdf"
|
||||
target="_blank">
|
||||
<button style="background: #c3d0e1; text-transform: uppercase; border: none; box-shadow: 4px 4px 6px #00000020; border-radius: 8px; padding: 16px; font-weight: 550; cursor:pointer">
|
||||
Technische Details
|
||||
<img src="/images/promotion/Subtract.svg" alt=""
|
||||
style="margin-left: 10px">
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="box-6">
|
||||
<div class="c-row c-row-1">
|
||||
<div class="c-col c-col-1">
|
||||
<div class="feedback-tile">
|
||||
<ol>
|
||||
<li><img src="/images/icons/Star.svg" alt=""></li>
|
||||
<li><img src="/images/icons/Star.svg" alt=""></li>
|
||||
<li><img src="/images/icons/Star.svg" alt=""></li>
|
||||
<li><img src="/images/icons/Star.svg" alt=""></li>
|
||||
<li><img src="/images/icons/Star.svg" alt=""></li>
|
||||
</ol>
|
||||
|
||||
<p>
|
||||
„Ich kann diese Tür mit gutem Gewissen weiterempfehlen! Tolle Qualität, solide Verarbeitung
|
||||
und modernes Design - genau das, was ich gesucht habe. Das größte Plus? Sie waren sofort
|
||||
lieferbar - ich habe am Montag bestellt und am Freitag standen sie schon bei mir im Haus.
|
||||
Die Mitarbeiter waren sehr hilfsbereit, alles verlief reibungslos und ohne Stress. Falls
|
||||
jemand über einen Kauf nachdenkt - es lohnt sich!"
|
||||
</p>
|
||||
|
||||
<span class="author">Michał K., Krakau</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-7">
|
||||
<div class="c-row c-row-1">
|
||||
<div class="c-col c-col-1">
|
||||
<h2>Sie bestellen nicht - <strong>Sie kaufen fertige Türen</strong></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-8">
|
||||
<div class="c-row c-row-1">
|
||||
<div class="c-col c-col-1">
|
||||
<div class="swiper mySwiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="/images/promotion/img-5.jpg" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="/images/promotion/img-6.jpg" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="/images/promotion/img-7.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
<ol>
|
||||
<li><img src="/images/promotion/img-5.jpg" alt=""></li>
|
||||
<li><img src="/images/promotion/img-6.jpg" alt=""></li>
|
||||
<li><img src="/images/promotion/img-7.jpg" alt=""></li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
369
templates_user/components/hit-cenowy-drzwi.php
Normal file
369
templates_user/components/hit-cenowy-drzwi.php
Normal file
@@ -0,0 +1,369 @@
|
||||
<style>
|
||||
.box-hit-cenowy-1 .box-hit-cenowy-1--wrapper {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.box-hit-cenowy-1 .box-hit-cenowy-1--wrapper h2 {
|
||||
color: #000000;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 30px;
|
||||
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: 52%;
|
||||
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%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.box-hit-cenowy-2--wrapper .product-head {
|
||||
position: relative;
|
||||
width: fit-content;
|
||||
margin-left: 25px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.box-hit-cenowy-2--wrapper .product-head {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 30px
|
||||
}
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2--wrapper .product-head span.tag {
|
||||
position: relative;
|
||||
color: #fff;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
line-height: 1;
|
||||
text-transform: uppercase;
|
||||
display: inline-block;
|
||||
background-color: red;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
padding: 10px 40px 5px 40px;
|
||||
margin-left: -25px
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2--wrapper .product-head span.tag::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
transform: translateY(100%);
|
||||
border-top: 13px solid #9f2424;
|
||||
border-right: 13px solid #9f2424;
|
||||
border-left: 13px solid rgba(0, 0, 0, 0);
|
||||
border-bottom: 13px solid rgba(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.box-hit-cenowy-2--wrapper .product-head span.tag {
|
||||
font-size: 20px;
|
||||
margin-left: -20px
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2--wrapper .product-head span.tag::before {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-width: 10px
|
||||
}
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2--wrapper .product-head .price {
|
||||
|
||||
background: #eef3f9;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: end;
|
||||
gap: 40px;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
padding: 20px 20px 10px 100px;
|
||||
margin-top: -30px
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.box-hit-cenowy-2--wrapper .product-head .price {
|
||||
gap: 30px;
|
||||
padding: 20px 20px 10px 50px
|
||||
}
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2--wrapper .product-head .price span {
|
||||
color: #1d1d1e;
|
||||
font-size: 20px;
|
||||
font-family: "URW Form", sans-serif;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
line-height: 1;
|
||||
padding-bottom: 10px
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.box-hit-cenowy-2--wrapper .product-head .price span {
|
||||
font-size: 18px
|
||||
}
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2--wrapper .product-head .price p {
|
||||
color: #1d1d1e;
|
||||
font-size: 55px;
|
||||
font-family: "URW Form", sans-serif;
|
||||
font-weight: 700;
|
||||
letter-spacing: 2px;
|
||||
line-height: 1;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.box-hit-cenowy-2--wrapper .product-head .price p {
|
||||
font-size: 45px
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.box-hit-cenowy-2--wrapper .product-head .price {
|
||||
margin-top: -15px;
|
||||
}
|
||||
.box-hit-cenowy-2--wrapper .product-head .price p {
|
||||
font-size: 35px
|
||||
}
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2 .c-row .c-col-1 .c_button {
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 17px 20px 13px 38px;
|
||||
background: #fff246;
|
||||
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)
|
||||
}
|
||||
|
||||
.box-hit-cenowy-2 .c-row .c-col-1 .c_button img {
|
||||
padding-bottom: 6px;
|
||||
width: 16px
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.box-hit-cenowy-2 .c-row .c-col-1 .c_button {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<div class="box-hit-cenowy-1">
|
||||
<div class="container">
|
||||
<div class="box-hit-cenowy-1--wrapper">
|
||||
<h2><strong>Exklusive Aluminium-Eingangstüren</strong><br>zu einem außergewöhnlichen Preis!</h2>
|
||||
<p>Angebotsdauer: 24.11. 2025 - 05.12.2025 | Veranstalter der Promotion: VIDOK Fenster und Türen</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-hit-cenowy-2">
|
||||
<div class="container">
|
||||
<div class="box-hit-cenowy-2--wrapper">
|
||||
<div class="product-head">
|
||||
<span class="tag" style="padding-bottom: 10px">Preis-Hit!</span>
|
||||
<div class="price">
|
||||
<span>nettodinner</span>
|
||||
<p>5 500 zł</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-row">
|
||||
<div class="c-col c-col-1">
|
||||
<p>Niedrigster Preis in den 30 Tagen vor der Preisreduzierung: 1 340 €</p>
|
||||
<h3>VA-D 114 und VA-D 107</h3>
|
||||
<ol>
|
||||
<li>Eingangstüren <strong>ALUPROF MB79N</strong></li>
|
||||
<li>Außenmaß <strong>1100 x 2200 mm</strong>, Lichte Durchgangsbreite 900 mm</li>
|
||||
<li>Öffnungsrichtung: <strong>links nach außen</strong></li>
|
||||
<li>Aufsetzschale einseitig, <strong>Typ VA-D 114 und VA-D 107</strong></li>
|
||||
<li>Farbe: <strong>RAL 7016 MAT</strong></li>
|
||||
<li>3-Fach automatische Verriegelung Fuhr 833</li>
|
||||
<li><strong>E-öffner Fuhr</strong> mit dem Tag/Nacht Schalter</li>
|
||||
<li>Rollenbänder Fapim MONACO in der Farbe RAL 7016 MATT</li>
|
||||
<li>Von außen: Griffstange <strong>Edelstahl 1200 mm</strong> + Ringrosette Wala</li>
|
||||
<li>Von innen: <strong>Aluprof Style</strong> Langschild Drückergarnitur</li>
|
||||
</ol>
|
||||
<a class="c_button" href="/contact">
|
||||
Anfrage senden
|
||||
<img alt="" src="images/icons/check-box-Vector.svg">
|
||||
</a>
|
||||
</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="/images/promotion/VA-D-114-PDF.pdf" target="_blank" class="technical-details">
|
||||
Technische details
|
||||
<img src="/images/promotion/Subtract.svg" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user