Download page

This commit is contained in:
2025-12-08 12:55:55 +01:00
parent 73ce68f821
commit 93f4e3f4d2

View File

@@ -0,0 +1,630 @@
<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">Home page</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"> -->
<!-- <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>DETTAGLIO A SCOMPARSA ELEGANZA IN BELLA VISTA</strong>IN PROMOZIONE -50% SULLE CERNIERE A SCOMPARSA</h2>
<p>Periodo di promozione: 24.11.2025 - 05.12.2025 | Organizzatore: VIDOK Finestre e porte</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: 180px; 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">
<h2 class="my-5">
<strong>
FERRAMENTA PERIMETRALE <br />
CON LATO CERNIERA <br />
A SCOMPARSA
</strong>
</h2>
<div class="my-5"><h2 style="font-weight: 300">Roto NX|C</h2></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>La promozione è valida per gli ordini di finestre e portefinestre realizzate con profili VEKA.</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">
Regolamento<img src="/upload/filemanager/icon/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>Esclusive porte esterne in alluminio</strong> a un prezzo eccezionale!</h2>
<p>Periodo di promozione: 24.11. 2025 - 05.12.2025 | Organizzatore della promozione: VIDOK Finestre e porte</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">prezzo netto</span>
<p style="color: #ffe901">950 </p>
</div>
<div class="mb-5 m-2" style="font-size: 18px">
Prezzo più basso applicato nei 30 giorni precedenti la riduzione: 1 340
</div>
</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 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">Porte</h1>
<h1 class="pb-4" style="font-weight: 800; border-bottom: 3px solid white">esterne</h1>
<h1 class="pt-4" style="font-weight: 300">disponibile</h1>
<h1 class="pb-2" style="font-weight: 300">subito</h1>
</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 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>
Ideale per residenze <br />
moderne e case di classe premium
</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">
Regolamento <img src="/upload/filemanager/icon/book-open-line.png" width="20" />
</button>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="box-4">
<h2>Ne restano solo <b>10 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>