update
This commit is contained in:
352
templates_user/al-doors-promotion-old.php
Normal file
352
templates_user/al-doors-promotion-old.php
Normal file
@@ -0,0 +1,352 @@
|
||||
|
||||
<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>
|
||||
Reference in New Issue
Block a user