Project-Pro/vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Jacek Pyziak
2026-03-08 23:50:16 +01:00
parent 054a72224a
commit d55bfd9e7c
6 changed files with 863 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

602
templates_user/pages/promocja-drzwi-aluminiowe-old.php Normal file
View File

@@ -0,0 +1,602 @@
<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;
}
}
.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%;
}
}
@media (min-width: 1300px) {
.welding-colors {
margin-top: -100px;
}
.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;
}
}
</style>
<div class="main-page">
<div class="container">
<div class="row">
<div class="col-12">
<div class="breadcrumbs">
<a href="/">Strona główna</a>
<span class="sep"><img src="/images/breadcrumbs-sep.svg" /></span>
<span class="last">promocje</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;
height: 393px;
background-image: url('https://vidok.com/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/slide-promotion.png');
background-repeat: no-repeat;
"></div>
<div class="container">
<div class="box-2">
<h2><strong>Ekskluzywne drzwi aluminiowe zewnętrzne</strong> w wyjątkowej cenie!</h2>
<p>Okres promocji: od 12 maja 2025 do 05.12.2025 | Organizator promocji: VIDOK Okna i Drzwi</p>
</div>
</div>
<div class="box-3">
<div class="container">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<div class="product-head">
<span class="old-price" style="margin-bottom:-10px">8 462 zł</span>
<span class="tag">hit cenowy!</span>
<div class="price">
<span>cena netto</span>
<p>4 000 zł</p>
</div>
<div class="mb-5 m-2" style="font-size:18px; text-align:center">Najniższa cena z 30 dni przed obniżką: 5 500 zł</div>
</div>
<div class="product-desc">
<h2>VA-D 114</h2>
<ul>
<li>- Drzwi w systemie <strong>ALUPROF MB79N</strong></li>
<li>- Wymiar <strong>1100 x 2200</strong> światło przejścia 900 mm</li>
<li>- Kierunek otwierania <strong>lewe na zewnątrz</strong></li>
<li>- Nakładka 1-stronna - <strong>wzór VAD - 114</strong></li>
<li>- Kolor <strong>RAL 7016 MAT</strong></li>
<li>
- Zamek <strong>3 PKT FUHR 833 AUTOMATYCZNY</strong><br />
z blokadą języków
</li>
<li>- <strong>Elektrozaczep FUHR</strong> z przełącznikiem dzień/noc</li>
<li>
- <strong>Zawiasy rolkowe Fapim</strong> MONACO<br />
w kolorze ślusarki RAL 7016 MAT
</li>
<li>
- Od zewnątrz <strong>pochwyt Inox prosty1200</strong><br />
mm montowany w panelu + <strong>rozetka pierścieniowa Wala</strong>
</li>
<li>- Od wewnątrz <strong>klamka Aluprof STYLE</strong> na długim szyldzie</li>
</ul>
<a class="c-btn" href="/kontakt">
wyślij zapytanie
<img alt="" src="/upload/filemanager/images/check-box-Vector.svg" />
</a>
</div>
</div>
<div class="c-col c-col-2">
<div class="c-desk">
<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">Drzwi</h1>
<h1 class="pb-4" style="font-weight: 800; border-bottom: 3px solid white">Wejściowe</h1>
<h1 class="pt-4" style="font-weight: 300">Dostępne</h1>
<h1 class="pb-2" style="font-weight: 300">od ręki</h1>
</div>
<a href="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/VA-D-114-PDF.pdf" target="_blank">
szczegóły techniczne
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/Subtract.svg" alt="" />
</a>
</div>
<div class="product-img">
<img
class="product-img-1"
src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/VA-D-115---1.png"
alt="" />
<img
class="product-img-2"
src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/VA-D-114---2.png"
alt="" />
</div>
</div>
</div>
<div class="c-row c-row-2">
<div class="c-col c-col-1">
<ul>
<li>✅ Czas to komfort - szybka decyzja, fachowe wsparcie</li>
<li>✅ Ilość ograniczona - kto pierwszy, ten montuje</li>
<li>✅ Wszystko gotowe - czekamy na Twój ruch</li>
</ul>
</div>
<div class="c-col c-col-2" style="display: flex; align-items: center">
<div>
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/img-2.png" alt="" />
</div>
<div>
<h3>
<strong>
Idealne do <br />
nowoczesnych<br />
rezydencji i domów<br />
</strong>
klasy premium
</h3>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="box-4">
<h2>Zostało tylko <strong>10 z 40</strong> sztuk w tej cenie!*</h2>
<p>
*Średnio <strong>1 drzwi dziennie</strong> trafiają do nowego domu -
<span><strong>nie czekaj, zamawiaj!</strong></span>
</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>Opcje dodatkowe</b> - za dopłatą
</div>
<!-- Small screen -->
<div class="doors-handle-info-grid" style="color: #7087a4">
<div style="text-align: center; margin: 64px">
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/img-3.jpg" alt="" />
<div>
<h3>
<strong>Doświetle boczne</strong><br />
W 2 rozmiarach
</h3>
<div>
1000 zł netto (do wymiaru 500 x 2200 mm)<br />
1400 zł netto (do wymiaru 1000 x 2200 mm)
</div>
</div>
</div>
<div style="text-align: center; margin: 64px">
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/pochwyt-prostokatny.png" alt="" />
<div>
<h3>
<strong>Pochwyt prostokątny</strong><br />
Wala Q10
</h3>
<div>105 zł netto</div>
</div>
</div>
<div style="text-align: center; margin: 64px">
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/pochwyt-kwadratowy.png" alt="" />
<div>
<h3>
<strong> Pochwyt kwadratowy <br /> </strong>
Wala Q10
</h3>
<div>90 zł netto</div>
</div>
</div>
<div style="text-align: center; margin: 64px">
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/galka-obrotowa.png" alt="" />
<div>
<h3>
<strong>Gałka obrotowa</strong><br />
IN2620V
</h3>
<div>88 zł 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="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/img-3.jpg" alt="" />
</td>
<td style="text-align: center">
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/pochwyt-prostokatny.png" alt="" />
</td>
<td style="text-align: center">
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/pochwyt-kwadratowy.png" alt="" />
</td>
<td style="text-align: center">
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/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>Doświetle boczne</strong><br />
W 2 rozmiarach
</h3>
<div>
1000 zł netto (do wymiaru 500 x 2200 mm)<br />
1400 zł netto (do wymiaru 1000 x 2200 mm)
</div>
</div>
</td>
<td style="color: #7087a4; vertical-align: top">
<div style="place-self: center">
<h3>
<strong>Pochwyt prostokątny</strong><br />
Wala Q10
</h3>
<div>105 zł netto</div>
</div>
</td>
<td style="color: #7087a4; vertical-align: top">
<div style="place-self: center">
<h3>
<strong> Pochwyt kwadratowy <br /> </strong>
Wala Q10
</h3>
<div>90 zł netto</div>
</div>
</td>
<td style="color: #7087a4; vertical-align: top">
<div style="place-self: center">
<h3>
<strong>Gałka obrotowa</strong><br />
IN2620V
</h3>
<div>88 zł netto</div>
</div>
</td>
</tr>
</table>
</div>
<div style="justify-content: center; display: flex; margin: 40px">
<a href="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/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;
">
szczegóły techniczne
<img
src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/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="/upload/filemanager/icon/Star.svg" alt="" /></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt="" /></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt="" /></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt="" /></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt="" /></li>
</ol>
<p>
"Z czystym sumieniem polecam te drzwi! Świetna jakość, solidne wykonanie i nowoczesny wygląd - dokładnie
to, czego szukałem. Największy plus? Były dostępne od ręki - zamówiłem w poniedziałek, a w piątek już
stały w moim domu. Obsługa bardzo pomocna, wszystko przebiegło sprawnie i bez stresu. Jeśli ktoś
zastanawia się nad zakupem - warto!"
</p>
<span class="author">Michał K., Kraków</span>
</div>
</div>
</div>
</div>
<div class="box-7">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<h2>Nie zamawiasz - <strong>kupujesz gotowe</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="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/img-5.jpg" alt="" />
</div>
<div class="swiper-slide">
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/img-6.jpg" alt="" />
</div>
<div class="swiper-slide">
<img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/img-7.jpg" alt="" />
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<ol>
<li><img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/img-5.jpg" alt="" /></li>
<li><img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/img-6.jpg" alt="" /></li>
<li><img src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/img-7.jpg" alt="" /></li>
</ol>
</div>
</div>
</div>
</div>
<div class="container">
<div style="background: #6488ab; height: 4px; margin-top: 100px; margin-bottom: 100px"></div>
<div class="text-center" style="text-transform: uppercase; font-size: 40px; letter-spacing: 3px">
<b>Promocja aluron</b> <br />
Top colors collection bez dodatkowych opłat!
</div>
</div>
</div>
<div
class="main-page py-5"
style="
background-repeat: no-repeat;
background-image: url('https://vidok.com/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/background-aluron.jpg');
">
<div class="container">
<div class="additional-spacing">
<div class="mt-2" style="display: flex; justify-content: right; text-transform: uppercase">
<div class="aluron-text">
<div style="display: flex; justify-content: right">
<div
class="pt-2 px-4"
style="
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #4c98ce;
text-align: right;
">
Aluron
</div>
</div>
<div
class="pt-2 px-4"
style="
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background: #4c98ce;
text-align: right;
">
Top colors collection
</div>
</div>
</div>
<div class="aluron-color-content">
<div class="p-5 liquid-glass-box-aluron">
<div>- nowa kolekcja kolorów</div>
<div><b>Aluron Top Colors Collection</b></div>
<div class="my-4"><b>- w cenie kolorów standard</b></div>
<div>- Systemy objęte promocją:</div>
<div><b>Aluron AS 75 oraz AS 178</b></div>
<div><b>Modern</b></div>
<div class="mt-5">
<a class="yellow-button" href="/kontakt">
wyślij zapytanie
<img alt="" src="/upload/filemanager/images/check-box-Vector.svg" />
</a>
</div>
</div>
<div>
<img
class="aluron-color-image"
src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/colors-aluron.png"
style="z-index: 10; position: relative" />
</div>
</div>
</div>
</div>
</div>
<div class="main-page">
<div class="container">
<div style="background: #6488ab; height: 4px; margin-top: 100px; margin-bottom: 100px"></div>
<div class="text-center mb-4" style="text-transform: uppercase; font-size: 40px; letter-spacing: 3px">
<b>Promocja spieki kwarcowe</b> <br />
Luksusowe drzwi aluminiowe
</div>
<div style="display: flex">
<div style="display: flex; align-items: center; width: 100%" class="hide-on-mobile">
<div style="font-size: 20px">
<div>- Wysoka odporność na uszkodzenia</div>
<div>- Prestiżowy design</div>
<div>- Wyjątkowy charakter od pierwszego kroku</div>
<div>- Możliwość łączenia</div>
<div>z przeszkleniami i aplikacjami</div>
<div>- Łatwe w utrzymaniu</div>
<div>- Eleganckie i solidne</div>
<div class="mt-2">- Modele objęte promocją:</div>
<div><b>VA-D 115, SK01</b></div>
<div class="mt-5">
<a class="yellow-button" href="/kontakt">
wyślij zapytanie
<img alt="" src="/upload/filemanager/images/check-box-Vector.svg" />
</a>
</div>
</div>
</div>
<div style="margin-left: auto">
<img class="fixed-width" src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/quarc-welding-aluron.png" />
</div>
</div>
<div class="welding-colors">
<div class="my-1" style="font-size: 20px"><b>Kolory spieków</b></div>
<img class="fixed-width" src="/upload/filemanager/Pages/Promocje/Drzwi-aluminiowe/welding-colors.png" />
</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>