New page
This commit is contained in:
Roman Pyrih
1
layout/style-css/winteraktion.css
Normal file
1
layout/style-css/winteraktion.css
Normal 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}}@media(max-width: 768px){.box-2 h2{font-size:28px}}.box-2 p{width:100%;max-width:920px;color:#000;font-size:36px;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{display:block;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{padding-bottom:100px;margin-bottom:100px;border-bottom:1px solid #000}@media(max-width: 992px){.box-3 .c-row-1{padding-bottom:60px;margin-bottom:60px}}.box-3 .c-row-2{margin-bottom:90px}.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,.box-4 ol{list-style:decimal}.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}@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=winteraktion.css.map */
|
||||
1
layout/style-css/winteraktion.css.map
Normal file
1
layout/style-css/winteraktion.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../style-scss/winteraktion.scss"],"names":[],"mappings":"AAAQ,wGAAA,CAIR,gBACC,uBAAA,CAGD,aACC,UAAA,CACA,kBAAA,CACA,iBAAA,CACA,iBAAA,CACA,gBAAA,CAEA,0BAPD,aAQE,gBAAA,CAAA,CAED,oDAVD,aAWE,gBAAA,CAAA,CAED,mDAbD,aAcE,eAAA,CAAA,CAED,kDAhBD,aAiBE,eAAA,CAAA,CAED,kDAnBD,aAoBE,eAAA,CAAA,CAED,4BAtBD,aAuBE,cAAA,CAAA,CAIF,OACC,iBAAA,CACA,mBAAA,CAEA,WACC,UAAA,CACA,0BAAA,CAAA,qBAAA,CAIF,OACC,iBAAA,CACA,mBAAA,CAEA,yBAJD,OAKE,kBAAA,CAAA,CAGD,UACC,cAAA,CACA,kCArDM,CAsDN,eAAA,CACA,wBAAA,CACA,gBAAA,CACA,gBAAA,CACA,iBAAA,CACA,mBAAA,CACA,UAAA,CACA,eAAA,CAEA,iBACC,aAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CAGD,0BAnBD,UAoBE,cAAA,CACA,kBAAA,CAAA,CAED,yBAvBD,UAwBE,cAAA,CAAA,CAIF,SACC,UAAA,CACA,eAAA,CAEA,UAAA,CACA,cAAA,CACA,kCArFM,CAsFN,eAAA,CACA,gBAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CAEA,gBACC,aAAA,CACA,eAAA,CAGD,0BAlBD,SAmBE,cAAA,CAAA,CAED,yBArBD,SAsBE,cAAA,CAAA,CAOD,gBACC,YAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CACA,6BAAA,CAGD,gBACC,YAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CACA,6BAAA,CAUF,UACC,UAAA,CACA,kCAnIM,CAoIN,cAAA,CACA,eAAA,CACA,wBAAA,CACA,kBAAA,CAEA,0BARD,UASE,cAAA,CAAA,CAED,yBAXD,UAYE,cAAA,CACA,kBAAA,CAAA,CAIF,UACC,kBAAA,CACA,kBAAA,CACA,iBAAA,CAEA,yBALD,UAME,kBAAA,CAAA,CAGD,aACC,UAAA,CACA,kCA7JK,CA8JL,cAAA,CACA,eAAA,CAEA,8BACC,kBAAA,CAGD,0BAVD,aAWE,cAAA,CAAA,CAED,yBAbD,aAcE,cAAA,CAAA,CAKH,SACC,oBAAA,CACA,UAAA,CACA,iBAAA,CACA,kBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,wBAAA,CAEA,0BAVD,SAWE,iBAAA,CAAA,CAIF,SACC,UAAA,CACA,kCA/LM,CAgMN,cAAA,CAEA,gBAAA,CACA,eAAA,CAEA,yBARD,SASE,eAAA,CACA,cAAA,CAAA,CAKD,gBACC,oBAAA,CACA,mBAAA,CACA,4BAAA,CAEA,yBALD,gBAME,mBAAA,CACA,kBAAA,CAAA,CAGF,gBACC,kBAAA,CAED,gBACC,gBAAA,CACA,yBAAA,CAGD,yBAnBD,cAoBE,6BAAA,CACA,YAAA,CAAA,CAKH,OACC,mBAAA,CAEA,yBAHD,OAIE,mBAAA,CAAA,CAED,UACC,UAAA,CACA,cAAA,CACA,kCA9OM,CA+ON,eAAA,CACA,kBAAA,CACA,wBAAA,CAEA,iBACC,aAAA,CACA,cAAA,CACA,iBAAA,CACA,gBAAA,CAGD,0BAfD,UAgBE,cAAA,CAAA,CAIF,oBAEC,kBAAA,CACA,0BACC,UAAA,CACA,cAAA,CACA,kCArQK,CAsQL,eAAA,CAEA,4DACC,kBAAA,CAGD,0BAVD,0BAWE,cAAA,CAAA,CAKH,cACC,eAAA,CACA,gBAAA,CAEA,gCACC,yBAAA,CAGD,yBARD,cASE,eAAA,CACA,gBAAA,CAAA","file":"winteraktion.css"}
|
||||
290
layout/style-scss/winteraktion.scss
Normal file
290
layout/style-scss/winteraktion.scss
Normal file
@@ -0,0 +1,290 @@
|
||||
@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;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
width: 100%;
|
||||
max-width: 920px;
|
||||
|
||||
color: #000;
|
||||
font-size: 36px;
|
||||
font-family: $font1;
|
||||
font-weight: 300;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 0;
|
||||
line-height: 1.3;
|
||||
|
||||
strong {
|
||||
display: block;
|
||||
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 {
|
||||
padding-bottom: 100px;
|
||||
margin-bottom: 100px;
|
||||
border-bottom: 1px solid #000;
|
||||
|
||||
@media (max-width: 992px) {
|
||||
padding-bottom: 60px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
margin-bottom: 90px;
|
||||
}
|
||||
&-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,
|
||||
ol {
|
||||
list-style: decimal;
|
||||
li {
|
||||
color: #000;
|
||||
font-size: 20px;
|
||||
font-family: $font1;
|
||||
font-weight: 300;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
100
templates_user/winteraktion.php
Normal file
100
templates_user/winteraktion.php
Normal file
@@ -0,0 +1,100 @@
|
||||
<div id="page-winteraktion">
|
||||
<div class="content">
|
||||
|
||||
<div class="box-1">
|
||||
<div class="c-row">
|
||||
<img alt="" src="/upload/filemanager/Pages/winteraktion/PZ-slajder-DE.png" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="c-container">
|
||||
<div class="box-2">
|
||||
<div class="c-row">
|
||||
<h2><strong>Winteraktion 2024</strong> Nutzen Sie zusätzliche Rabatte auf Fenster, Türen und Rolläden aus Kunststoff und Holz</h2>
|
||||
<p><strong>Aktion für Geschäftspartner und Großkunden</strong> vom 01.12. bis zum 31.12.2024 von VIDOK</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-3">
|
||||
<div class="c-row c-row-1">
|
||||
<div class="c-col c-col-1">
|
||||
<h2>Auf Kunststofffenster,Türen<br/> und Rollläden</h2>
|
||||
<ul>
|
||||
<li>System VEKA:<br/> - 5% gestaffelte Zusatzrabatte</li>
|
||||
<li>System VP - 80 Platinum Design, Platinum Optima mit Rollläden:<br/> - 5% gestaffelte Zusatzrabatte</li>
|
||||
</ul>
|
||||
<a href="/kontakt">Fragen Sie Ihren Händler!</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="c-row c-row-2">
|
||||
<div class="c-col c-col-1">
|
||||
<h2>Auf Fenster und Türen aus Holz</h2>
|
||||
|
||||
<ul>
|
||||
<li>Kiefer keilgezinkt:<br/> - 5 % gestaffelte Zusatzrabatte</li>
|
||||
<li>Meranti:<br/> - 3% gestaffelte Zusatzrabatte</li>
|
||||
</ul>
|
||||
<a href="/kontakt">Fragen Sie Ihren Händler!</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="c-row c-row-3">
|
||||
<div class="c-col">
|
||||
<p>Die gestaffelten Rabatte werden zusätzlich zum Sonderangebot Winterpromotion 2024 auf ausgewählte Produkte gerechnet, gemäß dem Angebot von Ihrem Händler. Transportkosten sind extern zu berechnen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-4">
|
||||
<div class="c-row">
|
||||
<div class="c-col">
|
||||
<h2>Aktionsbedingungen</h2>
|
||||
|
||||
<ol>
|
||||
<li>Aktion gilt nur für die oben genannten Produkte.</li>
|
||||
<li>Rabatte werden auf Produkte gewährt, die vom 01. bis 31. Dezember 2024 bestellt werden.</li>
|
||||
<li>Gestaffelte Zusatzrabatte werden unter Berücksichtigung anderer Rabatte berechnet.</li>
|
||||
<li>Die Aktion ist nicht mit anderen Aktionen kombinierbar.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="c-row">
|
||||
<div class="c-col">
|
||||
<h2>Wie kann man von der Aktion profitieren?</h2>
|
||||
|
||||
<ol>
|
||||
<li>Wählen Sie ein Produkt aus der Aktion Winterpromotion: System VEKA, System VP - 80 Platinum Design, Platinum Optima mit Rollläden, Fenster und Türen aus Kiefer keilgezinkt und Meranti.</li>
|
||||
<li>Nehmen Sie Kontakt mit Ihrem Händler auf.</li>
|
||||
<li>Legen Sie die Standardrabatte fest und dann verwenden Sie den gestaffelten Zusatzrabatt Winterpromotion.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="c-row">
|
||||
<div class="col">
|
||||
<h2><strong>WIE KANN MAN DIE AKTION NUTZEN?</strong></h2>
|
||||
|
||||
<ol>
|
||||
<li>Kann die Black Week-Aktion mit anderen Rabatten kombiniert werden?<br/> Ja, der angebotene Rabatt ist ein zusätzlicher (gestaffelter) Rabatt, der unter Berücksichtigung der geltenden Produktrabatte berechnet wird.</li>
|
||||
<li>Gilt die Aktion für alle VIDOK-Produkte?<br/> Nein, die Aktion gilt nur für Produkte, die im Angebot Winterpromotion 2024 stehen: System VEKA, System VP - 80 Platinum Design, Platinum Optima mit Rollläden, Fenster und Türen aus Kiefer keilgezinkt und Meranti.</li>
|
||||
<li>Wie lange dauert die Aktion?<br/> Die Aktion ist vom 01. bis 31. Dezember 2024 gültig.</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="c-row">
|
||||
<div class="col">
|
||||
<h2>Weitere Informationen</h2>
|
||||
|
||||
<ol>
|
||||
<li>Der Veranstalter behält sich das Recht vor, die Aktionsbedingungen aus wichtigen Gründen zu ändern, die auf der Website bekannt gegeben werden.</li>
|
||||
<li>Für weitere Informationen wenden Sie sich bitte an Ihren Händler</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user