This commit is contained in:
Roman Pyrih
2024-12-02 15:40:40 +01:00
parent c41da3f14d
commit 18538ba4a3
4 changed files with 410 additions and 0 deletions

View File

@@ -0,0 +1 @@
@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";.footer_top_box{display:none !important}.c-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width: 1560px){.c-container{max-width:1560px}}@media(min-width: 1200px)and (max-width: 1559.98px){.c-container{max-width:1140px}}@media(min-width: 992px)and (max-width: 1199.98px){.c-container{max-width:960px}}@media(min-width: 768px)and (max-width: 991.98px){.c-container{max-width:720px}}@media(min-width: 576px)and (max-width: 767.98px){.c-container{max-width:540px}}@media(max-width: 575.98px){.c-container{max-width:100%}}.box-1{text-align:center;margin-bottom:120px}.box-1 img{width:100%;max-width:-moz-fit-content;max-width:fit-content}.box-2{text-align:center;margin-bottom:100px}@media(max-width: 992px){.box-2{margin-bottom:60px}}.box-2 h2{font-size:48px;font-family:"Open Sans",sans-serif;font-weight:300;text-transform:uppercase;max-width:1200px;margin-left:auto;margin-right:auto;margin-bottom:120px;color:#000;line-height:1.3}.box-2 h2 strong{display:block;font-size:55px;font-weight:700;margin-bottom:40px}@media(max-width: 1200px){.box-2 h2{font-size:38px;margin-bottom:50px}.box-2 h2 strong{font-size:38px}}@media(max-width: 768px){.box-2 h2{font-size:28px}.box-2 h2 strong{font-size:28px}}.box-2 p{width:100%;color:#000;font-size:32px;font-family:"Open Sans",sans-serif;font-weight:300;margin-left:auto;margin-right:auto;margin-bottom:0;line-height:1.3}.box-2 p strong{font-weight:700}@media(max-width: 1200px){.box-2 p{font-size:26px}}@media(max-width: 768px){.box-2 p{font-size:20px}}.box-3 .c-row-1{display:flex;flex-direction:row;-moz-column-gap:30px;column-gap:30px;justify-content:space-between}.box-3 .c-row-2{display:flex;flex-direction:row;-moz-column-gap:30px;column-gap:30px;justify-content:space-between}.box-3 h2{color:#000;font-family:"Open Sans",sans-serif;font-size:64px;font-weight:600;text-transform:uppercase;margin-bottom:60px}@media(max-width: 1200px){.box-3 h2{font-size:50px}}@media(max-width: 768px){.box-3 h2{font-size:30px;margin-bottom:40px}}.box-3 ul{list-style:decimal;margin-bottom:50px;padding-left:50px}@media(max-width: 768px){.box-3 ul{margin-bottom:40px}}.box-3 ul li{color:#000;font-family:"Open Sans",sans-serif;font-size:36px;font-weight:300}.box-3 ul li:not(:last-child){margin-bottom:20px}@media(max-width: 1200px){.box-3 ul li{font-size:26px}}@media(max-width: 768px){.box-3 ul li{font-size:20px}}.box-3 a{display:inline-block;color:#fff;padding:20px 40px;background:#1d1d1b;font-style:italic;font-weight:700;font-size:24px;text-transform:uppercase}@media(max-width: 1200px){.box-3 a{padding:15px 30px}}.box-3 p{color:#000;font-family:"Open Sans",sans-serif;font-size:18px;text-align:right;margin-bottom:0}@media(max-width: 992px){.box-3 p{text-align:left;font-size:16px}}.box-3 .c-row-1{margin-bottom:100px}@media(max-width: 992px){.box-3 .c-row-1{margin-bottom:60px}}.box-3 .c-row-2{margin-bottom:100px}@media(max-width: 992px){.box-3 .c-row-2{margin-bottom:60px}}.box-3 .c-row-3{padding-top:10px;border-top:1px solid #000}@media(max-width: 992px){.box-3 .c-row{flex-direction:column-reverse;row-gap:40px}}.box-4{margin-bottom:100px}@media(max-width: 992px){.box-4{margin-bottom:150px}}.box-4 h2{color:#000;font-size:38px;font-family:"Open Sans",sans-serif;font-weight:300;margin-bottom:48px;text-transform:uppercase}.box-4 h2 strong{display:block;font-size:24px;text-align:center;font-weight:bold}@media(max-width: 1200px){.box-4 h2{font-size:32px}}.box-4 ul{list-style:initial;padding-left:40px}.box-4 ul li,.box-4 ol li{color:#000;font-size:20px;font-family:"Open Sans",sans-serif;font-weight:300}.box-4 ul li:not(:last-child),.box-4 ol li:not(:last-child){margin-bottom:20px}.box-4 ul li .red,.box-4 ol li .red{color:#eb1919}@media(max-width: 1200px){.box-4 ul li,.box-4 ol li{font-size:18px}}.box-4 .c-row{margin-top:90px;padding-top:90px}.box-4 .c-row:not(:first-child){border-top:1px solid #000}@media(max-width: 992px){.box-4 .c-row{margin-top:60px;padding-top:60px}}/*# sourceMappingURL=promozione-invernale.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../style-scss/promozione-invernale.scss"],"names":[],"mappings":"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","file":"promozione-invernale.css"}

View File

@@ -0,0 +1,303 @@
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
$font1: 'Open Sans', sans-serif;
.footer_top_box {
display: none !important;
}
.c-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
@media (min-width: 1560px) {
max-width: 1560px;
}
@media (min-width: 1200px) and (max-width: 1559.98px) {
max-width: 1140px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
max-width: 960px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
max-width: 720px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
max-width: 540px;
}
@media (max-width: 575.98px) {
max-width: 100%;
}
}
.box-1 {
text-align: center;
margin-bottom: 120px;
img {
width: 100%;
max-width: fit-content;
}
}
.box-2 {
text-align: center;
margin-bottom: 100px;
@media (max-width: 992px) {
margin-bottom: 60px;
}
h2 {
font-size: 48px;
font-family: $font1;
font-weight: 300;
text-transform: uppercase;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 120px;
color: #000;
line-height: 1.3;
strong {
display: block;
font-size: 55px;
font-weight: 700;
margin-bottom: 40px;
}
@media (max-width: 1200px) {
font-size: 38px;
margin-bottom: 50px;
strong {
font-size: 38px;
}
}
@media (max-width: 768px) {
font-size: 28px;
strong {
font-size: 28px;
}
}
}
p {
width: 100%;
color: #000;
font-size: 32px;
font-family: $font1;
font-weight: 300;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
line-height: 1.3;
strong {
font-weight: 700;
}
@media (max-width: 1200px) {
font-size: 26px;
}
@media (max-width: 768px) {
font-size: 20px;
}
}
}
.box-3 {
.c-row {
&-1 {
display: flex;
flex-direction: row;
column-gap: 30px;
justify-content: space-between;
// margin-bottom: 70px;
}
&-2 {
display: flex;
flex-direction: row;
column-gap: 30px;
justify-content: space-between;
// display: flex;
// flex-direction: row;
// justify-content: flex-end;
// .c-col {
// max-width: 1000px;
// }
}
}
h2 {
color: #000;
font-family: $font1;
font-size: 64px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 60px;
@media (max-width: 1200px) {
font-size: 50px;
}
@media (max-width: 768px) {
font-size: 30px;
margin-bottom: 40px;
}
}
ul {
list-style: decimal;
margin-bottom: 50px;
padding-left: 50px;
@media (max-width: 768px) {
margin-bottom: 40px;
}
li {
color: #000;
font-family: $font1;
font-size: 36px;
font-weight: 300;
&:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 1200px) {
font-size: 26px;
}
@media (max-width: 768px) {
font-size: 20px;
}
}
}
a {
display: inline-block;
color: #fff;
padding: 20px 40px;
background: #1d1d1b;
font-style: italic;
font-weight: 700;
font-size: 24px;
text-transform: uppercase;
@media (max-width: 1200px) {
padding: 15px 30px;
}
}
p {
color: #000;
font-family: $font1;
font-size: 18px;
text-align: right;
margin-bottom: 0;
@media (max-width: 992px) {
text-align: left;
font-size: 16px;
}
}
.c-row {
&-1 {
margin-bottom: 100px;
@media (max-width: 992px) {
margin-bottom: 60px;
}
}
&-2 {
margin-bottom: 100px;
@media (max-width: 992px) {
margin-bottom: 60px;
}
}
&-3 {
padding-top: 10px;
border-top: 1px solid #000;
}
@media (max-width: 992px) {
flex-direction: column-reverse;
row-gap: 40px;
}
}
}
.box-4 {
margin-bottom: 100px;
@media (max-width: 992px) {
margin-bottom: 150px;
}
h2 {
color: #000;
font-size: 38px;
font-family: $font1;
font-weight: 300;
margin-bottom: 48px;
text-transform: uppercase;
strong {
display: block;
font-size: 24px;
text-align: center;
font-weight: bold;
}
@media (max-width: 1200px) {
font-size: 32px;
}
}
ul {
list-style: initial;
padding-left: 40px;
}
ul,
ol {
li {
color: #000;
font-size: 20px;
font-family: $font1;
font-weight: 300;
&:not(:last-child) {
margin-bottom: 20px;
}
.red {
color: #eb1919;
}
@media (max-width: 1200px) {
font-size: 18px;
}
}
}
.c-row {
margin-top: 90px;
padding-top: 90px;
&:not(:first-child) {
border-top: 1px solid #000;
}
@media (max-width: 992px) {
margin-top: 60px;
padding-top: 60px;
}
}
}

View File

@@ -0,0 +1,105 @@
<div id="page-winteraktion">
<div class="content">
<div class="box-1">
<div class="c-row">
<img alt="" src="/upload/filemanager/pages/Promozione-invernale/PZ-podstrona-IT.jpg" />
</div>
</div>
<div class="c-container">
<div class="box-2">
<div class="c-row">
<h2><strong>promozione invernale 2024</strong> Sconti extra su porte, finestre e tapparelle di VIDOK in PVC e legno</h2>
<p>
Promozione per: <strong>partner commerciali e clienti all'ingrosso</strong><br/>
Periodo di promozione: <strong>dal 01 novembre al 31 dicembre 2024</strong><br/>
Organizzatore della promozione: <strong>VIDOK Finestre e porte</strong>
</p>
</div>
</div>
<div class="box-3">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<h2>SUI PRODOTTI IN PVC</h2>
<ul>
<li>Sistemi VEKA:<br/>- 5 % sconto aggiuntivo a cascata</li>
<li>Sistemi Deceuninck VP-80 Platinum Design, Platinum Optima con persiane<br/>- 5 % sconto aggiuntivo a cascata</li>
</ul>
<a href="/#contatto">CONTATTACI ORA</a>
</div>
</div>
<div class="c-row c-row-2">
<div class="c-col c-col-1">
<h2>SUI PRODOTTI IN LEGNO</h2>
<ul>
<li>Prodotti in legno di pino calzing:<br/>- 5 % sconto aggiuntivo a cascata</li>
<li>Prodotti in legno di Meranti:<br/>- 3 % sconto aggiuntivo a cascata</li>
</ul>
<a href="/#contatto">CONTATTACI ORA</a>
</div>
</div>
<div class="c-row c-row-3">
<div class="c-col">
<p>NOTA: Lo sconto a cascata significa che lo sconto della promozione invernale 2024 viene calcolato in aggiunta ad altri sconti applicabili ai prodotti in questione secondo i termini e le condizioni fornite dai consulenti VIDOK. Spese di trasporto calcolate separatamente</p>
</div>
</div>
</div>
<div class="box-4">
<div class="c-row">
<div class="c-col">
<h2>CONDIZIONI DELLA PROMOZIONE</h2>
<ul>
<li>La promozione è valida solo per i prodotti sopra elencati.</li>
<li>Gli sconti sono concessi per i prodotti acquistati e ordinati durante il periodo promozionale dal 01 al 31 dicembre 2024.</li>
<li>La promozione si applica agli ordini effettuati nei nostri showroom e via e-mail da un consulente VIDOK.</li>
<li>Gli sconti aggiuntivi a cascata sono calcolati sul prezzo dopo aver tenuto conto di altri sconti o ribassi applicabili a VIDOK.</li>
<li>La promozione non è cumulabile con altre promozioni</li>
</ul>
</div>
</div>
<div class="c-row">
<div class="c-col">
<h2>COME UTILIZZARE LA PROMOZIONE ?</h2>
<ol>
<li>Scegli il prodotto della nostra offerta che rientra nella promozione invernale: sistemi VEKA, Sistemi Deceuninck VP-80 Platinum Design, Platinum Optima con persiane, e prodotti in legno di pino calcareo e meranti.</li>
<li>Contatta un nostro consulente VIDOK.</li>
<li><span class="red">Definisci gli sconti applicabili al prodotto selezionato e approfitta lulteriore sconto della Black Week.</span></li>
</ol>
</div>
</div>
<div class="c-row">
<div class="c-col">
<h2><strong>FAQ - DOMANDE FREQUENTI</strong></h2>
<ol>
<li>La promozione BLACK WEEK è cumulabile con altri sconti?<br/> Sì, lo sconto offerto è un ulteriore sconto a cascata, calcolato dopo aver tenuto conto degli sconti applicabili ai prodotti.</li>
<li>La promozione è valida per tutti i prodotti VIDOK?<br/> No, la promozione è valida solo per i prodotti elencati nell'offerta promozione invernale 2024: sistemi VEKA, Sistemi Deceuninck VP-80 Platinum Design, Platinum Optima con persiane, e prodotti in legno di pino calcareo e meranti.</li>
<li>Quanto dura la promozione?<br/> La promozione è valida dal 01 al 31 dicemre 2024.</li>
</ol>
</div>
</div>
<div class="c-row">
<div class="c-col">
<h2>Ulteriori informazioni legali</h2>
<ul>
<li>L'organizzatore si riserva il diritto di modificare i termini della promozione per ragioni giustificate, con comunicazione sul nostro sito web.</li>
<li>Per qualsiasi informazione sulla promozione è possibile contattare il nostro servizio clienti.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>