Save
This commit is contained in:
Roman Pyrih
1
plugins/select2/select2.min.css
vendored
Normal file
1
plugins/select2/select2.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2
plugins/select2/select2.min.js
vendored
Normal file
2
plugins/select2/select2.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -75,7 +75,7 @@
|
||||
</strong>
|
||||
</p>
|
||||
<p>
|
||||
*Szyby PREMIUM znajdują się poza standardowym cennikiem; w celu uzyskaria szczegółów prosimy o kontakt.
|
||||
*Szyby PREMIUM znajdują się poza standardowym cennikiem; w celu uzyskania szczegółów prosimy o kontakt.
|
||||
</p>
|
||||
<p>
|
||||
*Szyby doświetla i nadświetla znajdują się poza standardowym cennikiem; w celu uzyskania szczegółów prosimy o kontakt.
|
||||
@@ -83,4 +83,4 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
820
templates_user/pages/strefa-partnera.php
Normal file
820
templates_user/pages/strefa-partnera.php
Normal file
@@ -0,0 +1,820 @@
|
||||
<style>
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'URW Form', sans-serif !important;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.rounded-full {
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
.border-none {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.custom-checkbox .custom-control-label::before {
|
||||
border-radius: 5rem;
|
||||
}
|
||||
|
||||
.benefits-card {
|
||||
border: 1px solid #dfdfdf;
|
||||
border-radius: 24px;
|
||||
height: 16rem;
|
||||
display: grid;
|
||||
text-align: center;
|
||||
padding: 2rem 3.5rem;
|
||||
}
|
||||
|
||||
.btn-contact-box {
|
||||
width: 20rem;
|
||||
padding: 0.5rem;
|
||||
padding-left: 1rem;
|
||||
border: 1px solid #dfdfdf;
|
||||
border-radius: 18px;
|
||||
background: #fff;
|
||||
}
|
||||
.btn-contact-box-select2 .select2-container--default .select2-selection--single .select2-selection__arrow{
|
||||
height: 46px;
|
||||
}
|
||||
.btn-contact-box-select2 .select2.select2-container{
|
||||
width: 20rem !important;
|
||||
}
|
||||
.btn-contact-box-select2 .select2-selection{
|
||||
height: auto;
|
||||
border: none;
|
||||
}
|
||||
.btn-contact-box-select2 .select2.select2-container .select2-selection__rendered{
|
||||
width: 20rem;
|
||||
padding: 0.5rem;
|
||||
padding-left: 1rem;
|
||||
border: 1px solid #dfdfdf;
|
||||
border-radius: 18px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--disabled .select2-selection--single{
|
||||
background: transparent;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
|
||||
.select2-dropdown {
|
||||
border: .5px solid #d8d8d8 !important;
|
||||
border-radius: 15px !important;
|
||||
background: #fff;
|
||||
box-shadow: 0 4px 4px #e9e3de;
|
||||
overflow: hidden;
|
||||
top: 5px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
body .select2-results__options li{
|
||||
margin: 0 5px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
|
||||
background-color: #ffed00;
|
||||
color: #232323;
|
||||
}
|
||||
.select2-container--default .select2-results__option--selected{
|
||||
background-color: #ffed00;
|
||||
}
|
||||
.select2-results__option.select2-results__option--selectable:not(:last-child){
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.btn-contact-us {
|
||||
border: none;
|
||||
width: 100%;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-submit:hover {
|
||||
box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.btn-submit {
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
|
||||
transition: box-shadow 0.3s;
|
||||
padding: 1rem;
|
||||
padding-bottom: 0.8rem;
|
||||
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;
|
||||
width: fit-content;
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.scroller-logo {
|
||||
width: 125px;
|
||||
height: 125px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.scroller {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.scroller__inner {
|
||||
padding-block: 1rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.scroller[data-animated='true'] {
|
||||
overflow: hidden;
|
||||
-webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
|
||||
mask: linear-gradient(90deg, transparent, white 5%, white 95%, transparent);
|
||||
}
|
||||
|
||||
.scroller[data-animated='true'] .scroller__inner {
|
||||
width: max-content;
|
||||
flex-wrap: nowrap;
|
||||
animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
|
||||
}
|
||||
|
||||
.scroller[data-direction='right'] {
|
||||
--_animation-direction: reverse;
|
||||
}
|
||||
|
||||
.scroller[data-direction='left'] {
|
||||
--_animation-direction: forwards;
|
||||
}
|
||||
|
||||
.scroller[data-speed='fast'] {
|
||||
--_animation-duration: 20s;
|
||||
}
|
||||
|
||||
.scroller[data-speed='slow'] {
|
||||
--_animation-duration: 60s;
|
||||
}
|
||||
|
||||
@keyframes scroll {
|
||||
to {
|
||||
transform: translate(calc(-50% - 0.5rem));
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="main-page" style="overflow-x: hidden; max-width: 100%">
|
||||
<div style="position: absolute; margin-left: 35%; z-index: 0; overflow: hidden; max-width: 65vw">
|
||||
<img src="/upload/filemanager/Pages/Kontakt/world-map.png" />
|
||||
</div>
|
||||
|
||||
<div class="container container-md" style="z-index: 10">
|
||||
<div class="row py-4">
|
||||
<div class="col-12">
|
||||
<div class="breadcrumbs" style="text-transform: uppercase; letter-spacing: 1px">
|
||||
<a href="/" style="color: #000">Strona główna</a>
|
||||
<span class="sep mx-4"><img src="/images/breadcrumbs-sep.svg" /></span>
|
||||
<span class="last" style="font-size: 14px; text-decoration: underline">Strefa partnera</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12" style="height: 30rem; display: flex; align-items: center">
|
||||
<div style="letter-spacing: 2px">
|
||||
<h1 style="font-weight: 500">Strefa partnera</h1>
|
||||
<h5 style="line-height: 1.8; font-weight: 300; text-transform: uppercase; letter-spacing: 2px">
|
||||
Zostań partnerem firmy VIDOK <br />
|
||||
solidnego producenta <br />
|
||||
<div style="font-weight: 700">od 1993 r.</div>
|
||||
</h5>
|
||||
<div style="border-top: 1px solid black; padding-top: 1rem" id="portfolio-button">
|
||||
<a href="#portfolio">
|
||||
<button class="btn-submit" style="background-color: #1e2832; color: white">Zapoznaj się z ofertą</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div style="text-align: center; margin-bottom: 2rem">
|
||||
<h1 style="margin-bottom: 2rem; font-weight: 300">Skontaktuj się <b style="font-weight: 500">z Nami</b></h1>
|
||||
<div class="row">
|
||||
<div class="col-1 d-md-block d-none"></div>
|
||||
<div class="col">
|
||||
Wybierz kraj i region, aby otrzymać informacje dopasowane do Twojej lokalizacji. <br />
|
||||
Jesteśmy obecni na rynkach międzynarodowych i otwarci na współpracę z partnerami na całym świecie.
|
||||
</div>
|
||||
<div class="col-1 d-md-block d-none"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; justify-content: center; gap: 1rem">
|
||||
<div class="btn-contact-box-select2">
|
||||
<select class="btn-contact-us" id="select-country" name="country" onchange="swapCountry(true)">
|
||||
<option selected value="Polska">Polska</option>
|
||||
<option value="Niemcy">Niemcy</option>
|
||||
<option value="Stany Zjednoczone">Stany Zjednoczone</option>
|
||||
<option value="Wielka Brytania">Wielka Brytania</option>
|
||||
<option value="Francja">Francja</option>
|
||||
<option value="Włochy">Włochy</option>
|
||||
<option value="Słowacja">Słowacja</option>
|
||||
<option value="Czechy">Czechy</option>
|
||||
<option value="Kanada">Kanada</option>
|
||||
<option value="Belgia">Belgia</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="btn-contact-box-select2">
|
||||
<select style="font-family: 'Open Sans',sans-serif;" class="btn-contact-us" id="select-region" disabled="disabled" onchange="merchantsFilter(true)">
|
||||
<option value="" disabled selected hidden>Regiony niedostępne</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" style="margin-top: 4rem">
|
||||
<div class="col-lg">
|
||||
<div class="p-4">
|
||||
<h4>
|
||||
Wypełnij formularz -
|
||||
<span style="font-weight: 300">
|
||||
nasz specjalista skontaktuje się z Tobą i omówi szczegóły Twojej inwestycji.
|
||||
</span>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="p-4" style="border: 1px solid #dfdfdf; border-radius: 24px">
|
||||
<div class="row" style="max-height: 18rem; overflow-y: auto; margin: 1px 0" id="marchants-box">
|
||||
<div class="col-lg-6 col-lg py-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex" class="m-2">
|
||||
<div class="p-3" style="margin-left: auto">
|
||||
<h6 class="text-center">Media społecznościowe</h6>
|
||||
<div class="m-3" style="text-align: right">
|
||||
<a href="" id="facebook-logo" target="_blank">
|
||||
<img width="18" class="mx-2" src="/images/system/facebook-small.jpg" />
|
||||
</a>
|
||||
<a href="" id="instagram-logo" target="_blank">
|
||||
<img width="18" class="mx-2" src="/images/system/instagram.jpg" />
|
||||
</a>
|
||||
<a href="" id="youtube-logo" target="_blank">
|
||||
<img width="18" class="mx-2" src="/images/system/youtube.jpg" />
|
||||
</a>
|
||||
<a href="" id="linkedin-logo" target="_blank">
|
||||
<img width="18" class="mx-2" src="/images/system/linkedin.jpg" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form class="col-lg p-4 m-4" style="border: 1px solid #dfdfdf; border-radius: 24px; background: #b8aea40c">
|
||||
<div class="m-2"><input class="form-control rounded-full border-none" placeholder="Imię i Nazwisko" /></div>
|
||||
<div class="m-2"><input class="form-control rounded-full border-none" placeholder="Telefon" /></div>
|
||||
<div class="m-2"><input class="form-control rounded-full border-none" placeholder="Adres e-mail" /></div>
|
||||
<div class="m-2">
|
||||
<input class="form-control rounded-full border-none" placeholder="Rodzaj partnera biznesowego" />
|
||||
</div>
|
||||
<div class="m-2"><input class="form-control rounded-full border-none" placeholder="Nazwa firmy" /></div>
|
||||
<div class="m-2">
|
||||
<textarea placeholder="Opis zgłoszenia" class="form-control border-none" style="height: 8rem"></textarea>
|
||||
</div>
|
||||
<div class="custom-control custom-checkbox m-2 rounded-full" style="font-size: 10px">
|
||||
<input type="checkbox" class="custom-control-input" id="Aggrement1" />
|
||||
<label class="custom-control-label" for="Aggrement1" style="cursor: pointer">
|
||||
Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu przygotowania
|
||||
stosownej oferty.
|
||||
</label>
|
||||
</div>
|
||||
<div class="custom-control custom-checkbox m-2 rounded-full" style="font-size: 10px">
|
||||
<input type="checkbox" class="custom-control-input" id="Aggrement2" />
|
||||
<label class="custom-control-label" for="Aggrement2" style="cursor: pointer">
|
||||
Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu otrzymywania
|
||||
materiałów reklamowych.
|
||||
</label>
|
||||
</div>
|
||||
<div style="text-align: right">
|
||||
<button type="submit" class="btn-submit">Wyślji</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="row my-4 p-4 mx-xl-0 mx-2" style="border-radius: 20px; background: #f6f5f4; color: #1e2832">
|
||||
<div class="col-lg-4">
|
||||
<div class="d-flex" style="align-items: center; height: 100%">
|
||||
<div style="font-size: 16px">
|
||||
<div class="pb-2">Siedziba firmy</div>
|
||||
<div style="line-height: 0.8">
|
||||
<h4 style="font-weight: 700">VIDOK Sp. z o.o.</h4>
|
||||
<h6>36-054 Rudna Mała 75</h6>
|
||||
</div>
|
||||
|
||||
<div class="py-3 pb-4" style="font-size: 16px">
|
||||
KRS Nr. 0000191980 <br />
|
||||
REGON: 690379060 <br />
|
||||
NIP: 8131086710
|
||||
</div>
|
||||
|
||||
<div style="font-weight: 700; font-size: 16px">
|
||||
ING BANK ŚLĄSKI S.A. <br />
|
||||
SWIFT INGBPLPW <br /><br />
|
||||
</div>
|
||||
|
||||
<div style="font-size: 16px">
|
||||
<b>PLN:</b> PL 31 1050 1562 1000 0090 3034 4197 <br />
|
||||
<b>EUR:</b> PL 84 1050 1562 1000 0090 3034 4213
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<img src="/upload/filemanager/Pages/Kontakt/sky-tower.png" style="width: 100%" />
|
||||
<div class="mt-4 m-1 d-lg-flex" style="font-size: 14px">
|
||||
<div>
|
||||
<div class="m-1" style="font-weight: 600">
|
||||
<img width="16" class="mr-3" src="/upload/filemanager/icon/clock-circle-outlined.svg" /> pon. - pt. 7:00 -
|
||||
15:00
|
||||
</div>
|
||||
<div class="m-1" style="font-weight: 600">
|
||||
<img width="16" class="mr-3" src="/images/contact-icon-phone.svg" /> +48 17 859 56 60
|
||||
</div>
|
||||
<div class="m-1" style="font-weight: 600">
|
||||
<img width="16" class="mr-3" src="/images/contact-icon-mail.svg" /> sekretariat@vidok.com
|
||||
</div>
|
||||
</div>
|
||||
<a
|
||||
href="https://vidok.com/kontakt/#direct-contact"
|
||||
style="color: black; margin-left: auto; display: flex; align-items: center; justify-content: end">
|
||||
<div class="mt-xl-0 mt-4" style="display: flex; align-items: center">
|
||||
<div class="mr-3" style="line-height: 1.2; text-align: right; text-transform: uppercase">
|
||||
<b>Skontaktuj się bezpośrednio</b> <br />
|
||||
z wybranym działem
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
width="24"
|
||||
src="/images/arrow-right-circle-fill.svg"
|
||||
style="
|
||||
filter: brightness(0) saturate(100%) invert(11%) sepia(20%) saturate(931%) hue-rotate(168deg)
|
||||
brightness(98%) contrast(90%);
|
||||
" />
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="my-5" style="font-size: 12px; text-align: justify">
|
||||
VIDOK spółka z ograniczoną odpowiedzialnością z siedzibą w Rudnej Małej, 36-054 Rudna Mała 75, wpisana do rejestru
|
||||
przedsiębiorców KRS pod numerem: 0000191980, Sąd Rejonowy w Rzeszowie XII Wydział Krajowego Rejestru Sądowego NIP:
|
||||
8131086710 REGON: 690379060 o kapitale zakładowym w wysokości 11.606.000,00 zł oświadcza, iż posiada status dużego
|
||||
przedsiębiorcy w rozumieniu przepisów ustawy z dnia 8 marca 2013 r. o przeciwdziałaniu nadmiernym opóźnieniom w
|
||||
transakcjach handlowych (Dz.U. z 2020 r. poz. 935 z późn. zm.).
|
||||
</div>
|
||||
|
||||
<div style="border: 1px solid #dfdfdf; margin: 5% 15%" id="portfolio"></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col my-4" style="text-align: center">
|
||||
<h1 style="font-weight: 400">
|
||||
Zachęcamy do <span style="text-transform: uppercase; font-weight: 600">współpracy</span>
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<img src="/upload/filemanager/Pages/Kontakt/cooperation-vidok.png" style="width: 100%" />
|
||||
|
||||
<div class="mt-5" style="text-align: center; width: 100%">
|
||||
<h4 style="font-weight: 400">
|
||||
Firmy budowlane| Deweloperów | Architektów | Pośredników| Monterów | Salony sprzedaży
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" style="margin: 3rem 0; justify-content: center">
|
||||
<div class="col-xl-6 col pr-5">
|
||||
<h3 class="mt-1">Dlaczego warto zostać <b>Partnerem VIDOK?</b></h3>
|
||||
<div class="my-4" style="text-indent: 4rem; text-align: justify; line-height: 1.6">
|
||||
VIDOK to sprawdzona marka z <b>ponad 30-letnim</b> doświadczeniem w produkcji wysokiej jakości okien i
|
||||
drzwi, co stanowi solidną podstawę do długotrwałej i zaufanej współpracy. Oferta firmy jest kompleksowa
|
||||
— obejmuje stolarkę z PVC, drewna i aluminium, a także fachowe wsparcie techniczne oraz serwis, co zapewnia
|
||||
partnerom pełne bezpieczeństwo działania.
|
||||
</div>
|
||||
<div class="my-4" style="text-indent: 4rem; text-align: justify; line-height: 1.6">
|
||||
Dzięki <b>automatyzacji produkcji</b> oraz stosowaniu <b>zaawansowanych technologii</b> firma gwarantuje
|
||||
najwyższe parametry — energooszczędność, izolacyjność akustyczną i odporność na włamanie — dopasowane do
|
||||
wymagań nowoczesnego budownictwa. VIDOK skutecznie eksportuje swoje produkty i współpracuje z
|
||||
deweloperami nie tylko w Polsce, ale również za granicą, co stwarza realną szansę rozwoju dla partnerów
|
||||
biznesowych na wielu rynkach.
|
||||
</div>
|
||||
<div class="my-5" style="width: 60%; min-width: 300px; border: 1px solid #dfdfdf"></div>
|
||||
|
||||
<a href="#select-country">
|
||||
<button class="btn-submit" style="background-color: #1e2832; color: white">
|
||||
Wyślji zapytanie <img width="13" class="ml-2" src="/upload/filemanager/icon/Arrow-1-yellow.svg" /></button></a>
|
||||
</div>
|
||||
<div class="col-xl-6 col px-4 row" style="font-size: 18px">
|
||||
<div class="col-xl-6 col p-2">
|
||||
<div class="benefits-card">
|
||||
<div>Gwarancja <br /><b>najwyższej jakości</b> <br />produktów</div>
|
||||
<div>
|
||||
<img src="/images/check-circle-fill.svg" width="40" style="margin: 1.5rem" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 col p-2">
|
||||
<div class="benefits-card">
|
||||
<div>
|
||||
<b>Indywidualne <br />warunki</b> <br />
|
||||
dla Partnerów
|
||||
</div>
|
||||
<div>
|
||||
<img src="/upload/filemanager/Pages/Kontakt/hand-shake.png" height="40" style="margin: 1.5rem" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 col p-2">
|
||||
<div class="benefits-card">
|
||||
<div>
|
||||
<b>Doradztwo</b> <br />techniczno-handlowe<br />
|
||||
w wielu językach
|
||||
</div>
|
||||
<div>
|
||||
<img src="/upload/filemanager/Pages/Kontakt/group.png" height="40" style="margin: 1.5rem" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 col p-2">
|
||||
<div class="benefits-card">
|
||||
<div>
|
||||
<b>Własna flota</b><br />
|
||||
i szybki <br />transport
|
||||
</div>
|
||||
<div>
|
||||
<img src="/upload/filemanager/Pages/Kontakt/truck.png" height="40" style="margin: 1.5rem" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col" style="text-align: center">
|
||||
<h3>Współpracują z <b>Nami</b></h3>
|
||||
<div class="scroller my-4" data-direction="left" data-speed="slow">
|
||||
<div class="scroller__inner">
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/aluron-logo.svg" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/cortizo-logo.svg" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2 p-1" src="/upload/filemanager/Pages/Kontakt/suys-logo.jpg" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/koe-logo.jpg" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2 p-1" src="/upload/filemanager/Pages/Kontakt/saint-gobain-logo.png" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2 p-1" src="/upload/filemanager/Pages/Kontakt/somfy-logo.png" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2 p-4" src="/upload/filemanager/Pages/Kontakt/wink-house-logo.png" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo" style="margin-left: -2rem; margin-right: -2rem">
|
||||
<img class="my-2 p-2" src="/upload/filemanager/Pages/Kontakt/veka-logo.png" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2 p-4" src="/upload/filemanager/Pages/Kontakt/inel-logo.png" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/aluprof-logo.svg" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/deceuninck-logo.png" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/pilkington-logo.png" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2" src="/upload/filemanager/Pages/Kontakt/pressglass-logo.png" style="width: 100%" />
|
||||
</div>
|
||||
<div class="scroller-logo">
|
||||
<img class="m-2 p-1" src="/upload/filemanager/Pages/Kontakt/roto-logo.png" style="width: 100%" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function swapCountry(scroll) {
|
||||
var regionsElement = document.getElementById('select-region');
|
||||
var countryElement = document.getElementById('select-country');
|
||||
|
||||
if (countryElement.options[countryElement.selectedIndex].text == 'Polska') {
|
||||
regionsElement.disabled = false;
|
||||
regionsElement.innerHTML += `<option value="Dolnośląskie">Dolnośląskie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Kujawsko-Pomorskie">Kujawsko-Pomorskie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Lubelskie">Lubelskie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Lubuskie">Lubuskie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Łódzkie">Łódzkie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Małopolskie">Małopolskie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Mazowieckie">Mazowieckie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Opolskie">Opolskie</option>`;
|
||||
regionsElement.innerHTML += `<option selected value="Podkarpackie">Podkarpackie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Podlaskie">Podlaskie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Pomorskie">Pomorskie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Śląskie">Śląskie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Świętokrzyskie">Świętokrzyskie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Warmińsko-Mazurskie">Warmińsko-Mazurskie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Wielkopolskie">Wielkopolskie</option>`;
|
||||
regionsElement.innerHTML += `<option value="Zachodniopomorskie">Zachodniopomorskie</option>`;
|
||||
} else {
|
||||
regionsElement.disabled = true;
|
||||
regionsElement.innerHTML = `<option value="" disabled selected hidden>Regiony niedostępne</option>`;
|
||||
}
|
||||
|
||||
merchantsFilter(scroll);
|
||||
changeSocialMediaLink(countryElement.options[countryElement.selectedIndex].text);
|
||||
}
|
||||
|
||||
const scrollers = document.querySelectorAll('.scroller');
|
||||
|
||||
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
|
||||
addAnimation();
|
||||
}
|
||||
|
||||
function addAnimation() {
|
||||
scrollers.forEach((scroller) => {
|
||||
scroller.setAttribute('data-animated', true);
|
||||
|
||||
const scrollerInner = scroller.querySelector('.scroller__inner');
|
||||
const scrollerContent = Array.from(scrollerInner.children);
|
||||
|
||||
scrollerContent.forEach((item) => {
|
||||
const duplicatedItem = item.cloneNode(true);
|
||||
duplicatedItem.setAttribute('aria-hidden', true);
|
||||
scrollerInner.appendChild(duplicatedItem);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
const merchants = [{
|
||||
name: 'Łukasz Cieślachowski',
|
||||
phoneNumber: '+48 602 374 711',
|
||||
email: 'l.cieslachowski@vidok.com',
|
||||
position: 'Doradca ds. Kluczowych Klientów',
|
||||
region: 'Podkarpackie|Świętokrzyskie|Małopolskie|Lubelskie|Mazowieckie',
|
||||
country: 'Polska',
|
||||
},
|
||||
{
|
||||
name: 'Małgorzata Drapalska',
|
||||
phoneNumber: '+48 784 919 155, +48 12 415 95 49',
|
||||
email: 'm.drapalska@vidok.com',
|
||||
position: 'Business Development Manager',
|
||||
region: 'Małopolskie',
|
||||
country: 'Polska',
|
||||
},
|
||||
{
|
||||
name: 'SALON RUDNA MAŁA',
|
||||
phoneNumber: '+48 17 859 56 71',
|
||||
email: 'zapytania@vidok.com',
|
||||
position: 'Biuro Obsługi Klienta',
|
||||
salon: true,
|
||||
main: true,
|
||||
region: 'Zachodniopomorskie|Warmińsko-Mazurskie|Wielkopolskie|Warmińsko|Świętokrzyskie|Śląskie|Pomorskie|Podlaskie|Podkarpackie|Opolskie|Mazowieckie|Małopolskie|Łódzkie|Lubuskie|Lubelskie|Kujawsko-Pomorskie|Dolnośląskie',
|
||||
country: 'Polska',
|
||||
},
|
||||
{
|
||||
name: 'Laura Naranowicz-Kiepura',
|
||||
phoneNumber: '+48 880 914 179',
|
||||
email: 'anfrage@vidok.com',
|
||||
position: 'Key Account Manager',
|
||||
country: 'Niemcy',
|
||||
},
|
||||
{
|
||||
name: 'FR / Contact B2B',
|
||||
phoneNumber: '+48 17 85 95 663',
|
||||
email: 'sales@vidok.com',
|
||||
position: 'Bureau du service client',
|
||||
country: 'Francja',
|
||||
salon: true,
|
||||
},
|
||||
{
|
||||
name: 'FR / Contact B2B',
|
||||
phoneNumber: '+48 17 85 95 663',
|
||||
email: 'sales@vidok.com',
|
||||
position: 'Bureau du service client',
|
||||
country: 'Belgia',
|
||||
salon: true,
|
||||
},
|
||||
{
|
||||
name: 'ENG / Contact B2B',
|
||||
phoneNumber: '+48 17 853 92 46',
|
||||
email: 'sales@vidok.com',
|
||||
position: 'Customer Service Office',
|
||||
country: 'Stany Zjednoczone',
|
||||
salon: true,
|
||||
},
|
||||
{
|
||||
name: 'ENG / Contact B2B',
|
||||
phoneNumber: '+48 17 853 92 46',
|
||||
email: 'sales@vidok.com',
|
||||
position: 'Customer Service Office',
|
||||
country: 'Kanada',
|
||||
salon: true,
|
||||
},
|
||||
{
|
||||
name: 'ENG / Contact B2B',
|
||||
phoneNumber: '+48 880 788 165',
|
||||
email: 'sales@vidok.com',
|
||||
position: 'Customer Service Office',
|
||||
country: 'Wielka Brytania',
|
||||
salon: true,
|
||||
},
|
||||
{
|
||||
name: 'SK / Kontakt B2B',
|
||||
phoneNumber: '+421 901 732 575',
|
||||
email: 'vidok.sk@gmail.com',
|
||||
position: 'Zákaznícke centrum',
|
||||
country: 'Słowacja',
|
||||
salon: true,
|
||||
},
|
||||
{
|
||||
name: 'SK / Kontakt B2B',
|
||||
phoneNumber: '+421 901 732 575',
|
||||
email: 'vidok.sk@gmail.com',
|
||||
position: 'Zákaznícke centrum',
|
||||
country: 'Czechy',
|
||||
salon: true,
|
||||
},
|
||||
{
|
||||
name: 'IT / Contatto B2B',
|
||||
phoneNumber: '+48 17 859 56 72',
|
||||
email: 'ufficio@vidok.com',
|
||||
position: 'Ufficio servizio clienti',
|
||||
country: 'Włochy',
|
||||
salon: true,
|
||||
},
|
||||
];
|
||||
|
||||
function merchantsFilter(scroll) {
|
||||
if (scroll) {
|
||||
location = '#portfolio-button';
|
||||
}
|
||||
|
||||
var regionsElement = document.getElementById('select-region');
|
||||
var countryElement = document.getElementById('select-country');
|
||||
var merchantsBox = document.getElementById('marchants-box');
|
||||
var filteredMerchants = [];
|
||||
|
||||
merchantsBox.innerHTML = '';
|
||||
|
||||
for (let merchant of merchants) {
|
||||
if (countryElement.options[countryElement.selectedIndex].value != merchant.country) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if (
|
||||
regionsElement.options[regionsElement.selectedIndex].value != '' &&
|
||||
!merchant.region?.includes(regionsElement.options[regionsElement.selectedIndex].value)
|
||||
) {
|
||||
continue;
|
||||
}
|
||||
|
||||
filteredMerchants.push(merchant);
|
||||
}
|
||||
|
||||
for (let merchant of filteredMerchants) {
|
||||
var mBox = document.createElement('div');
|
||||
mBox.style['font-size'] = '15px';
|
||||
|
||||
if (merchant.main) {
|
||||
mBox.style['background'] = '#F7F6F5';
|
||||
mBox.style['border-radius'] = '10px';
|
||||
mBox.className = 'col-lg-6 col pl-4 py-3 my-2';
|
||||
} else {
|
||||
mBox.className = 'col-lg-6 col py-3 my-2 px-1';
|
||||
}
|
||||
|
||||
if (!merchant.salon) {
|
||||
var positionLabelBox = document.createElement('div');
|
||||
positionLabelBox.textContent = 'Opiekun:';
|
||||
mBox.appendChild(positionLabelBox);
|
||||
}
|
||||
|
||||
var nameBox = document.createElement('div');
|
||||
nameBox.style.fontWeight = '600';
|
||||
nameBox.textContent = merchant.name;
|
||||
|
||||
if (merchant.salon) {
|
||||
if (merchant.main) {
|
||||
nameBox.className = 'mt-3';
|
||||
nameBox.style['padding-top'] = '6px';
|
||||
}
|
||||
}
|
||||
|
||||
mBox.appendChild(nameBox);
|
||||
|
||||
var positionBox = document.createElement('div');
|
||||
positionBox.className = 'mb-4';
|
||||
positionBox.textContent = merchant.position;
|
||||
|
||||
mBox.appendChild(positionBox);
|
||||
|
||||
if (merchant.phoneNumber) {
|
||||
for (let phoneNumber of merchant.phoneNumber.split(',')) {
|
||||
var phoneBox = document.createElement('div');
|
||||
phoneBox.style.fontWeight = '600';
|
||||
phoneBox.innerHTML = `<img class="mr-2" width="16" src="/images/contact-icon-phone.svg" /> ${phoneNumber}`;
|
||||
|
||||
mBox.appendChild(phoneBox);
|
||||
}
|
||||
}
|
||||
|
||||
var emailBox = document.createElement('div');
|
||||
emailBox.style.fontWeight = '600';
|
||||
emailBox.innerHTML = `<img class="mr-2" width="16" src="/images/contact-icon-mail.svg" /> ${merchant.email}`;
|
||||
|
||||
mBox.appendChild(emailBox);
|
||||
|
||||
if (filteredMerchants.length > 1 && !merchant.salon) {
|
||||
mBox.style['border-bottom'] = '1px solid';
|
||||
mBox.style['border-image'] = 'linear-gradient(to right, #1D1D1E 30%, transparent 30%) 100% 1';
|
||||
}
|
||||
|
||||
merchantsBox.appendChild(mBox);
|
||||
}
|
||||
}
|
||||
|
||||
function changeSocialMediaLink(country) {
|
||||
var facebookLogo = document.getElementById('facebook-logo');
|
||||
var instagramLogo = document.getElementById('instagram-logo');
|
||||
var youtubeLogo = document.getElementById('youtube-logo');
|
||||
var linkedinLogo = document.getElementById('linkedin-logo');
|
||||
|
||||
if (country == 'Polska') {
|
||||
facebookLogo.href = 'https://www.facebook.com/vidok.okna.drzwi/';
|
||||
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
||||
youtubeLogo.href = 'https://www.youtube.com/channel/UCsgGs8roeHAbMLpgoqQctSg';
|
||||
linkedinLogo.href = 'https://pl.linkedin.com/company/vidok-sp-z-o-o-';
|
||||
}
|
||||
|
||||
if (country == 'Francja' || country == 'Belgia') {
|
||||
facebookLogo.href = 'https://www.facebook.com/vidok.okna.drzwi/';
|
||||
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
||||
youtubeLogo.href = 'https://www.youtube.com/@vidokportesetfenetres6720/videos';
|
||||
linkedinLogo.href = 'https://pl.linkedin.com/company/vidok-sp-z-o-o-';
|
||||
}
|
||||
|
||||
if (country == 'Włochy') {
|
||||
facebookLogo.href = 'https://www.facebook.com/profile.php?id=100095628602970';
|
||||
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
||||
youtubeLogo.href = 'https://www.youtube.com/channel/UCsgGs8roeHAbMLpgoqQctSg';
|
||||
linkedinLogo.href = 'https://pl.linkedin.com/company/vidok-sp-z-o-o-';
|
||||
}
|
||||
|
||||
if (country == 'Niemcy') {
|
||||
facebookLogo.href = 'https://www.facebook.com/vidok.fenster.turen/';
|
||||
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
||||
youtubeLogo.href = 'www.youtube.com/@vidokfensterundturen4925';
|
||||
linkedinLogo.href = 'https://www.linkedin.com/company/vidok-fenster-und-turen/?viewAsMember=true';
|
||||
}
|
||||
|
||||
if (country == 'Kanada' || country == 'Stany Zjednoczone' || country == 'Wielka Brytania') {
|
||||
facebookLogo.href = 'https://www.facebook.com/vidok.okna.drzwi/';
|
||||
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
||||
youtubeLogo.href = 'https://www.youtube.com/@vidokwindowsanddoors8529';
|
||||
linkedinLogo.href = 'https://www.linkedin.com/company/100758751/admin/feed/posts/?feedType=following';
|
||||
}
|
||||
|
||||
if (country == 'Słowacja' || country == 'Czechy') {
|
||||
facebookLogo.href = 'https://www.facebook.com/vidok.okna.drzwi/';
|
||||
instagramLogo.href = 'https://www.instagram.com/vidok_com/';
|
||||
youtubeLogo.href = 'https://www.youtube.com/channel/UCXzURM4OPhFuB7N1ryrulqw';
|
||||
linkedinLogo.href = 'https://pl.linkedin.com/company/vidok-sp-z-o-o-';
|
||||
}
|
||||
}
|
||||
|
||||
swapCountry();
|
||||
</script>
|
||||
Reference in New Issue
Block a user