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>
|
||||
Reference in New Issue
Block a user