From d15f6275de9514e07fb46082941537ad155658f6 Mon Sep 17 00:00:00 2001
From: Roman Pyrih <roman.pyrih@project-pro.pl>
Date: Mon, 8 Dec 2025 12:41:47 +0100
Subject: [PATCH] Download page

---
 .../custom-pages/al-doors-promo.php           | 647 ++++++++++++++++++
 1 file changed, 647 insertions(+)
 create mode 100644 templates_user/custom-pages/al-doors-promo.php

diff --git a/templates_user/custom-pages/al-doors-promo.php b/templates_user/custom-pages/al-doors-promo.php
new file mode 100644
index 0000000..628945c
--- /dev/null
+++ b/templates_user/custom-pages/al-doors-promo.php
@@ -0,0 +1,647 @@
+<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">Promotion</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>Hidden detail - visible elegance</strong>-50% on concealed hinges</h2>
+<p>Promotion period: 24.11.2025 - 05.12.2025 | Promotion organizer: VIDOK windows and doors</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: 150px; 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">
+<h1 class="my-5">
+<strong>
+Fullry concealed<br />
+hinge site<br />
+</strong>
+</h1>
+<div class="my-5"><h1 style="font-weight: 300">Roto NX|C</h1></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>The promotion applies to orders for windows and balcony doors made with VEKA profiles</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">
+Promotion terms<img src="/upload/filemanager/Icons/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>Exclusive exterior aluminium doors</strong> an extremaly attractive price!</h2>
+<p>Promotion period: 24.11.2025 - 05.12.2025 | Promotion organizer: VIDOK windows and doors</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">net price</span>
+<p style="color: #ffe901">950 €</p>
+</div>
+<div class="mb-5 m-2" style="font-size: 18px">
+Lowest price in the 30 days before the reduction: 1 340 €
+</div>
+</div>
+
+<div class="product-desc">
+<h2>VA-D 114</h2>
+<ul class="text-xl">
+<li>- Doors in the <strong>ALUPROF MB79N</strong> system</li>
+<li>- Dimensions <strong>1100 x 2200</strong>, passage light 900 mm</li>
+<li>- Opening direction <strong>left outwards</strong></li>
+<li>- One-sided flush filling- <strong>- VAD - 114 model</strong></li>
+<li>- Colour <strong>RAL 7016 MAT</strong></li>
+<li>- 3-point lock <strong>FUHR 833 AUTOMATIC LOCKING SYSTEM</strong></li>
+<li>- <strong>FUHR electric strike </strong> with day/night switch</li>
+<li>
+- <strong>Fapim MONACO roller hinges</strong> <br />
+in the colour of the joinery RAL 7016 MAT
+</li>
+<li>
+- From the outside, a straight <strong>200 mm Inox PULL handle</strong><br />
+mm montowany w panelu + <strong>Wala ring escutcheon plate</strong>
+</li>
+<li>- From the inside, an <strong>Aluprof STYLE</strong> long plate handle</li>
+</ul>
+
+<a class="c-btn" href="/contact">
+enquiry
+<img alt="" src="/upload/filemanager/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">Entrance</h1>
+<h1 class="pb-4" style="font-weight: 800; border-bottom: 3px solid white">Door</h1>
+<h1 class="pt-4" style="font-weight: 300">available</h1>
+<h1 class="pb-2" style="font-weight: 300">now</h1>
+</div>
+<a href="/images/promotion/VA-D-114-PDF.pdf" target="_blank" style="min-width:max-content">
+Technical parameters
+<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>
+IDEAL FOR MODERN RESIDENCES <br />
+AND PREMIUM CLASS HOMES
+</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">
+Promotion terms<img src="/upload/filemanager/Icons/book-open-line.png" width="20" />
+</button>
+</a>
+</div>
+</div>
+</div>
+</div>
+</div>
+
+<div class="container">
+<div class="box-4">
+<h2>ONLY <strong>30 OUT OF 40</strong> PIECES LEFT AT THIS PRICE!*</h2>
+</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>AVAILABLE EXTRAS</b> - SUBJECT TO ADDITIONAL CHARGE
+</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>Sidelight glazing</strong><br />
+In two sizes
+</h3>
+<div>
+243 € net (500 x 2200 mm) <br />
+340 € net (1000 x 2200 mm)
+</div>
+</div>
+</div>
+<div style="text-align: center; margin: 64px">
+<img src="/images/promotion/pochwyt-prostokatny.png" alt="" />
+<div>
+<h3>
+Pull profile<br />
+<strong>Rectangular</strong>
+Wala Q10
+</h3>
+<div>25 € net</div>
+</div>
+</div>
+<div style="text-align: center; margin: 64px">
+<img src="/images/promotion/pochwyt-kwadratowy.png" alt="" />
+<div>
+<h3>
+Pull profile<br />
+<strong>Square</strong>
+Wala Q10
+</h3>
+<div>22 € net</div>
+</div>
+</div>
+<div style="text-align: center; margin: 64px">
+<img src="/images/promotion/galka-obrotowa.png" alt="" />
+<div>
+<h3>
+<strong>Knob</strong><br />
+IN2620V
+</h3>
+<div>21 € net</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>Sidelight glazing</strong><br />
+In two sizes
+</h3>
+<div>
+243 € net (500 x 2200 mm) <br />
+340 € net (1000 x 2200 mm)
+</div>
+</div>
+</td>
+<td style="color: #7087a4; vertical-align: top">
+<div style="place-self: center">
+<h3>
+Pull profile<br />
+<strong>Rectangular</strong>
+Wala Q10
+</h3>
+<div>25 € net</div>
+</div>
+</td>
+<td style="color: #7087a4; vertical-align: top">
+<div style="place-self: center">
+<h3>
+Pull profile<br />
+<strong>Square</strong>
+Wala Q10
+</h3>
+<div>22 € net</div>
+</div>
+</td>
+<td style="color: #7087a4; vertical-align: top">
+<div style="place-self: center">
+<h3>
+<strong>Knob</strong><br />
+IN2620V
+</h3>
+<div>21 € net</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;
+">
+Technical parameters
+<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>
+"I can honestly recommend these doors! Great quality, solid workmanship and a modern look - exactly what I
+was looking for. The biggest plus? They were available immediately - I ordered them on Monday and they
+were already in my house on Friday. The service was very helpful, everything went smoothly and without
+stress. If anyone is considering buying them - it's worth it!"
+</p>
+
+<span class="author">MICHAŁ K., Krakow</span>
+</div>
+</div>
+</div>
+</div>
+
+<div class="box-7">
+<div class="c-row c-row-1">
+<div class="c-col c-col-1">
+<h2>DO NOT ORDER - <strong>READY TO BUY</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: 3,
+    slidesPerView: 1,
+    // spaceBetween: 30,
+    navigation: {
+        nextEl: '.swiper-button-next',
+        prevEl: '.swiper-button-prev',
+    },
+});
+</script>