Files
it.vidok.com/templates_user/al-doors-promotion-old.php
2026-03-23 12:54:13 +01:00

353 lines
14 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<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">Promozione</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>Porte in alluminio</strong> VA-D 114</h1>
</div>
<p>Pronto. Elegante. <strong>Disponibile subito</strong></p>
</div>
</div>
</div>
<div class="container">
<div class="box-2">
<h2><strong>Esclusive porte esterne in alluminio a un prezzo eccezionale!</strong></h2>
<p>
Periodo promozionale dal 9 maggio fino ad esaurimento scorte | Organizaatore promozionale VIDOK FINESTRE
E PORTE.
</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">Offerta imperdibile!</span>
<div class="price">
<span>prezzo netto</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>Porta nel sistema <b>ALUPROF MB79N</b></li>
<li>Dimensioni: <b>1100 x 2200 mm</b>, luce di passaggio 900 mm</li>
<li>Direzione di apertura: sinistra, <b>verso l`esterno</b></li>
<li>Pannello di rivestimento su un lato - <b>modello VAD-114</b></li>
<li>Colore: <b>RAL 7016 MAT</b></li>
<li>Serratura automatica a <b>3 punti FUHR 833</b> con blocco dei catenacci</li>
<li><b>Elettroserratura FUHR</b> con interruttore giorno/notte</li>
<li>Cerniere a rullo <b>Fapim MONACO</b> in RAL 7016 MAT (in tinta con la porta)</li>
<li>
Esterno: maniglione <b>Inox dritto 1200 mm</b> montato sul pannello + rosetta ad anello
Wala
</li>
<li>Interno: maniglia <b>Aluprof STYLE</b> su placca lunga</li>
</ul>
<a class="c-btn" href="/contact">
invia richiesta
<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="" style="transform: scale(130%)">
</div>
<a href="/images/promotion/VA-D-114-PDF.pdf" target="_blank"
style="min-width: max-content">
Dettagli tecnici
<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">
</div>
<div class="c-col c-col-2">
<h3>
<strong>
Ideale per residenze moderne e case di classe premium
</strong>
</h3>
</div>
</div>
</div>
</div>
<div class="container">
<div class="box-4">
<h2>Ne restano solo <b>30 su 40</b> a questo prezzo!*</h2>
<p>*In media, 1una porta al giorno trova una nuova casa <strong>non aspettare, ordina subito!</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>ACCESSORI OPZIONALI DISPONIBILI</b> CON SOVRAPPREZZO
</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>Luci laterali </strong><br/>
in 2 dimensioni
</h3>
<div>
243 netto (500 x 2200 mm) <br>
340 netto (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>Maniglione diametro: rettangolare</strong><br/>
Wala Q10
</h3>
<div>25 netto</div>
</div>
</div>
<div style="text-align: center; margin: 64px">
<img src="/images/promotion/pochwyt-kwadratowy.png"
alt="">
<div>
<h3>
<strong>Maniglione diametro: quadrato</strong><br/>
Wala Q10
</h3>
<div>
22 netto
</div>
</div>
</div>
<div style="text-align: center; margin: 64px">
<img src="/images/promotion/galka-obrotowa.png" alt="">
<div>
<h3>
<strong>Pomolo</strong><br/>
IN2620V
</h3>
<div>
21 netto
</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>Luci laterali </strong><br/>
in 2 dimensioni
</h3>
<div>
243 netto (500 x 2200 mm) <br>
340 netto (1000 x 2200 mm)
</div>
</div>
</td>
<td style="color: #7087a4;vertical-align: top">
<div style="place-self: center">
<h3>
<strong>Maniglione diametro: rettangolare</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>Maniglione diametro: quadrato</strong><br/>
Wala Q10
</h3>
<div>
22 netto
</div>
</div>
</td>
<td style="color: #7087a4;vertical-align: top">
<div style="place-self: center">
<h3>
<strong>Pomolo</strong><br/>
IN2620V
</h3>
<div>
21 netto
</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">
Dettagli tecnici
<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>
"Consiglio vivamente queste porte! Ottima qualità, lavorazione solida e aspetto moderno -
esattamente ciò che cercavo. Il vantaggio più grande? Erano disponibili subito - ho ordinato
lunedì e venerdì erano già installate a casa mia. Servizio molto disponibile, tutto è andato
liscio e senza stress. Se qualcuno sta pensando di acquistare - ne vale la pena!"
</p>
<span class="author">Michał K., Cracovia</span>
</div>
</div>
</div>
</div>
<div class="box-7">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<h2>Non ordini - <strong> acquisti già pronto</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: 1,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
</script>