From c5ca7d076b4eb224e939d0ee193ce4d294841f77 Mon Sep 17 00:00:00 2001 From: Roman Pyrih Date: Mon, 2 Dec 2024 13:07:33 +0100 Subject: [PATCH] New page --- layout/style-css/winteraktion.css | 1 + layout/style-css/winteraktion.css.map | 1 + layout/style-scss/winteraktion.scss | 290 ++++++++++++++++++++++++++ templates_user/winteraktion.php | 100 +++++++++ 4 files changed, 392 insertions(+) create mode 100644 layout/style-css/winteraktion.css create mode 100644 layout/style-css/winteraktion.css.map create mode 100644 layout/style-scss/winteraktion.scss create mode 100644 templates_user/winteraktion.php diff --git a/layout/style-css/winteraktion.css b/layout/style-css/winteraktion.css new file mode 100644 index 0000000..ffa76c1 --- /dev/null +++ b/layout/style-css/winteraktion.css @@ -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 */ \ No newline at end of file diff --git a/layout/style-css/winteraktion.css.map b/layout/style-css/winteraktion.css.map new file mode 100644 index 0000000..89a129f --- /dev/null +++ b/layout/style-css/winteraktion.css.map @@ -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"} \ No newline at end of file diff --git a/layout/style-scss/winteraktion.scss b/layout/style-scss/winteraktion.scss new file mode 100644 index 0000000..75f1097 --- /dev/null +++ b/layout/style-scss/winteraktion.scss @@ -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; + } + } +} diff --git a/templates_user/winteraktion.php b/templates_user/winteraktion.php new file mode 100644 index 0000000..fe8b2b9 --- /dev/null +++ b/templates_user/winteraktion.php @@ -0,0 +1,100 @@ +
+
+ +
+
+ +
+
+ +
+
+
+

Winteraktion 2024 Nutzen Sie zusätzliche Rabatte auf Fenster, Türen und Rolläden aus Kunststoff und Holz

+

Aktion für Geschäftspartner und Großkunden vom 01.12. bis zum 31.12.2024 von VIDOK

+
+
+ +
+
+
+

Auf Kunststofffenster,Türen
und Rollläden

+
    +
  • System VEKA:
    - 5% gestaffelte Zusatzrabatte
    • +
  • System VP - 80 Platinum Design, Platinum Optima mit Rollläden:
    - 5% gestaffelte Zusatzrabatte
    • +
+ Fragen Sie Ihren Händler! +
+
+ +
+
+

Auf Fenster und Türen aus Holz

+ +
    +
  • Kiefer keilgezinkt:
    - 5 % gestaffelte Zusatzrabatte
    • +
  • Meranti:
    - 3% gestaffelte Zusatzrabatte
    • +
+ Fragen Sie Ihren Händler! +
+
+ +
+
+

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.

+
+
+
+ +
+
+
+

Aktionsbedingungen

+ +
    +
  1. Aktion gilt nur für die oben genannten Produkte.
    2. +
  2. Rabatte werden auf Produkte gewährt, die vom 01. bis 31. Dezember 2024 bestellt werden.
    3. +
  3. Gestaffelte Zusatzrabatte werden unter Berücksichtigung anderer Rabatte berechnet.
    4. +
  4. Die Aktion ist nicht mit anderen Aktionen kombinierbar.
    5. +
+
+
+ +
+
+

Wie kann man von der Aktion profitieren?

+ +
    +
  1. 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.
    2. +
  2. Nehmen Sie Kontakt mit Ihrem Händler auf.
    3. +
  3. Legen Sie die Standardrabatte fest und dann verwenden Sie den gestaffelten Zusatzrabatt Winterpromotion.
    4. +
+
+
+ +
+
+

WIE KANN MAN DIE AKTION NUTZEN?

+ +
    +
  1. Kann die Black Week-Aktion mit anderen Rabatten kombiniert werden?
    Ja, der angebotene Rabatt ist ein zusätzlicher (gestaffelter) Rabatt, der unter Berücksichtigung der geltenden Produktrabatte berechnet wird.
    2. +
  2. Gilt die Aktion für alle VIDOK-Produkte?
    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.
    3. +
  3. Wie lange dauert die Aktion?
    Die Aktion ist vom 01. bis 31. Dezember 2024 gültig.
    4. +
+
+
+ +
+
+

Weitere Informationen

+ +
    +
  1. Der Veranstalter behält sich das Recht vor, die Aktionsbedingungen aus wichtigen Gründen zu ändern, die auf der Website bekannt gegeben werden.
    2. +
  2. Für weitere Informationen wenden Sie sich bitte an Ihren Händler
    3. +
+
+
+
+
+
+
\ No newline at end of file