Download page

This commit is contained in:
2025-12-08 12:33:37 +01:00
parent 6a553590cd
commit 791a0ea531

View File

@@ -0,0 +1,631 @@
<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;
}
.black-window-container {
display: block !important;
}
.door-hinge {
border-radius: 0 !important;
}
}
.door-black-weeks {
position: absolute;
z-index: 2;
margin: -50px -200px;
}
.black-window-container {
display: flex;
justify-content: center;
gap: 3rem;
}
.door-hinge {
background: #adadad;
background: linear-gradient(90deg, rgba(248, 248, 248, 1) 30%, rgba(173, 173, 173, 1) 100%);
position: relative;
width: 100vw;
border-radius: 100px;
}
.square-point {
background: black;
margin: 4px;
width: 8px;
height: 8px;
}
.white-button {
background: white;
border-radius: 100px;
box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.3);
font-size: 16px;
text-transform: uppercase;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 2rem;
padding-right: 2rem;
margin-right: 2rem;
border: none;
cursor: pointer;
}
.tag::before {
border-top: 13px solid #cb8d13;
border-right: 13px solid #cb8d13;
}
.tag {
z-index: 2;
}
.old-price {
padding: 0 70px 0 !important;
font-size: 30px !important;
}
.old-price::before {
background: black !important;
}
.c-desk {
gap: 0 !important;
margin-top: 150px;
}
.product-img {
width: unset !important;
}
.price {
gap: 80px !important;
background: black !important;
color: white;
z-index: 1;
position: relative;
max-width: 950px;
}
.doors-handle-info-grid {
display: none;
}
.yellow-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, 0.12);
}
.liquid-glass-box-aluron {
background: rgba(255, 255, 255, 0.75); /* semi-transparent */
backdrop-filter: blur(10px); /* frosted blur */
-webkit-backdrop-filter: blur(10px); /* Safari support */
font-size: 20px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
margin-bottom: 100px;
letter-spacing: 1.5px;
}
.aluron-text {
font-size: 1.5rem;
letter-spacing: 3px;
color: white;
}
.aluron-color-content {
justify-content: right;
align-items: end;
margin-top: 10%;
}
.aluron-color-image {
display: none;
}
.additional-spacing {
margin-top: 10%;
}
.hide-on-mobile {
}
.welding-colors {
}
.fixed-width {
}
@media (max-width: 1300px) {
.hide-on-mobile {
display: none !important;
}
.fixed-width {
width: 100%;
}
.door-black-weeks {
margin: 0;
}
}
@media (min-width: 1300px) {
.welding-colors {
margin-top: -100px;
}
.price {
width: 50vw !important;
}
.aluron-text {
font-size: 40px;
}
.additional-spacing {
margin-top: 0;
margin-right: 10%;
margin-left: 10%;
}
.aluron-color-content {
margin-top: 0;
display: flex;
}
.aluron-color-image {
display: block;
}
.liquid-glass-box-aluron {
padding-right: 150px;
width: 800px;
margin-right: -150px;
}
.w-unset {
width: unset !important;
}
}
</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"> -->
<!-- <div class="container"> -->
<!-- <div class="box-1--wrapper"> -->
<!-- <div class="box-title"> -->
<!-- <!-- <img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/V.svg" alt=""> -->
<!-- <h1><strong>Drzwi aluminiowe</strong> Va-d 114</h1> -->
<!-- </div> -->
<!-- <p>Gotowe. Stylowe. <strong>Dostępne od ręki</strong></p> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<div class="hide-on-mobile" style="display: flex; align-content: center; justify-content: center; height: 393px">
<img src="/images/promotion/slide-black-weeks.png" alt="black weeks slider" />
</div>
<div class="container">
<div class="box-2">
<h2><strong>Verborgene details - sichtbare eleganz</strong>-50% auf verdeckte beschlage</h2>
<p>Angebotsdauer: 24.11. 2025 - 05.12.2025 | Veranstalter der Promotion: VIDOK Fenster und Türen</p>
</div>
</div>
<div style="max-width: 100vw; overflow: hidden; padding-bottom: 100px">
<div class="container">
<div class="door-hinge">
<div class="container" style="display: flex; justify-content: right; margin: 0">
<div class="container" style="top: 150px; left: 10px; position: absolute">
<img src="/images/promotion/black-weeks-sale.png" alt="black weeks sale" />
</div>
<div style="text-align: right; text-transform: uppercase" class="py-4">
<h1 class="my-5">
<strong>
Komplett verdeckte <br />
bandseite<br />
</strong>
</h1>
<div class="my-5"><h1 style="font-weight: 300">Roto NX|C</h1></div>
</div>
<div>
<img src="/images/promotion/window-hinge.png" alt="hide window hinge" />
</div>
<div
class="p-1 py-4"
style="font-weight: 800; font-size: 2rem; background: #d9d9d9; color: white; writing-mode: vertical-rl">
PVC
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="my-4 text-center pr-lg-4">
<p>Die Aktion gilt für Bestellungen von Fenstern und Balkontüren mit VEKA-Profilen</p>
<h2>VIDOK PVC: VP 70, VP 76, VP 82</h2>
</div>
<div class="black-window-container">
<img class="fixed-width" src="/images/promotion/frame-something.png" alt="something frame" />
<div>
<div style="margin-top: -100px; position: absolute; margin-left: 250px">
<img class="fixed-width" src="/images/promotion/promo-yellow.png" alt="prom" />
</div>
<img class="fixed-width" src="/images/promotion/black-window.png" alt="black window" />
<div style="display: flex; justify-content: right; margin-top: -20px">
<a target="_blank" href="/images/promotion/REGULAMIN PROMOCJI_BLACK WEEKS OKUCIA KRYTE_2025.pdf">
<button class="white-button">
Conditions <img src="/upload/filemanager/Icons/book-open-line.png" width="20" />
</button>
</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="box-2" style="padding-bottom: 0">
<h2><strong>Exklusive Aluminium-Eingangstüren </strong> 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 class="box-3" style="padding-top: 80px">
<div class="container">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<div class="product-head">
<span class="tag" style="background-color: #fed701"> <span class="old-price">2 061 </span></span>
<div class="price">
<span style="color: #ffe901">nettodinner</span>
<p style="color: #ffe901">950 </p>
</div>
<div class="mb-5 m-2" style="font-size: 18px">
Niedrigster Preis in den 30 Tagen vor der Preisreduzierung: 1 340
</div>
</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 hide-on-mobile">
<div
class="c-desk-text"
style="line-height: 1.2; text-transform: uppercase; color: white; text-align: right">
<h1 class="pt-4" style="font-weight: 800">Aluminium</h1>
<h1 class="pb-4" style="font-weight: 800; border-bottom: 3px solid white">-türen</h1>
<h1 class="pt-4" style="font-weight: 300">Sofort</h1>
<h1 class="pb-2" style="font-weight: 300">lieferbar</h1>
</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 style="display: flex">
<div class="product-img">
<img class="door-black-weeks" src="/images/promotion/black-weeks-sale.png" alt="prom" />
<img class="product-img-1 fixed-width w-unset" src="/images/promotion/VA-D-115---1.png" alt="" />
<img class="product-img-2 fixed-width" src="/images/promotion/VA-D-114---2.png" alt="" />
</div>
<div
class="p-1 py-4"
style="
font-weight: 800;
font-size: 2rem;
background: #7086a4;
color: white;
writing-mode: vertical-rl;
z-index: 1;
">
Aluminium
</div>
</div>
</div>
</div>
<div class="c-row c-row-2" style="margin-top: -50px">
<div class="c-col c-col-1"></div>
<div class="c-col">
<div class="pr-4" style="text-align: right; text-transform: uppercase; color: #7087a4">
<h3>
<strong>Ideal für moderne Residenzen und hochwertige Wohnungen</strong>
</h3>
</div>
<div style="text-align: right">
<a target="_blank" href="/images/promotion/REGULAMIN PROMOCJI_BLACK WEEKS OKUCIA KRYTE_2025.pdf">
<button class="white-button">
Conditions<img src="/upload/filemanager/Icons/book-open-line.png" width="20" />
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="box-4">
<h2>Es sind nur noch <b>10 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 nettodinner</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="display: flex; margin: 40px 0">
<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>
<script class="footer">
var swiper = new Swiper('.mySwiper', {
// slidesPerView: 3,
slidesPerView: 1,
// spaceBetween: 30,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>