RWD kontakt

This commit is contained in:
Roman Pyrih
2025-03-07 11:37:35 +01:00
parent 3c302dd47d
commit 752345dc72
4 changed files with 1117 additions and 976 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@@ -16,148 +16,155 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
</div>
</div>
<div class="box-0">
<div class="_columns">
<div class="_left">
<h1>Kontakt</h1>
<div class="_text _bold">
VIDOK SP. Z O.O.<br>
36-054 Rudna Mała 75
</div>
<div class="_text">
KRS Nr 0000191980<br>
REGON: 690379060<br>
NIP: PL8131086710
</div>
<div class="_accordion_small">
<div class="_head" accordion="1">
SEKRETARIAT <img src="/layout/images/arrow-white-down.svg">
</div>
<div class="_body" accordion="1">
<a href="tel:+48178595660">+48 17 859 56 60</a><br>
<a href="mailto:biuro@vidok.com">biuro@vidok.com</a>
</div>
<div class="_head" accordion="2">
SERWIS <img src="/layout/images/arrow-white-down.svg">
</div>
<div class="_body" accordion="2">
<a href="tel:+48178595682">+48 17 8595682</a><br>
<a href="mailto:serwis@vidok.com">serwis@vidok.com</a>
</div>
<div class="_head" accordion="3">
MARKETING <img src="/layout/images/arrow-white-down.svg">
</div>
<div class="_body" accordion="3">
<a href="tel:+48178595667">+48 17 85 95 667</a><br>
<a href="mailto:marketing@vidok.com">marketing@vidok.com</a>
</div>
</div>
<div class="_accounts">
<img src="/layout/images/icon-bank.svg" class="_icon">
<div class="container">
<div class="_columns">
<div class="_left">
<h1>Kontakt</h1>
<div class="_text _bold">
ING BANK ŚLĄSKI S.A.<br>
SWIFT INGBPLpW
VIDOK SP. Z O.O.<br>
36-054 Rudna Mała 75
</div>
<div class="_text">
KRS Nr 0000191980<br>
REGON: 690379060<br>
NIP: PL8131086710
</div>
<div class="_accordion_small">
<div class="_head" accordion="1">
SEKRETARIAT <img src="/layout/images/arrow-white-down.svg">
</div>
<div class="_body" accordion="1">
<a href="tel:+48178595660">+48 17 859 56 60</a><br>
<a href="mailto:biuro@vidok.com">biuro@vidok.com</a>
</div>
<div class="_head" accordion="2">
SERWIS <img src="/layout/images/arrow-white-down.svg">
</div>
<div class="_body" accordion="2">
<a href="tel:+48178595682">+48 17 8595682</a><br>
<a href="mailto:serwis@vidok.com">serwis@vidok.com</a>
</div>
<div class="_head" accordion="3">
MARKETING <img src="/layout/images/arrow-white-down.svg">
</div>
<div class="_body" accordion="3">
<a href="tel:+48178595667">+48 17 85 95 667</a><br>
<a href="mailto:marketing@vidok.com">marketing@vidok.com</a>
</div>
</div>
<div class="_accounts">
<img src="/layout/images/icon-bank.svg" class="_icon">
<div class="_text _bold">
ING BANK ŚLĄSKI S.A.<br>
SWIFT INGBPLpW
</div>
<div class="_accounts_numbers">
EUR: PL 84 1050 1562 1000 0090 3034 4213<br>
PLN: PL 31 1050 1562 1000 0090 3034 4197
</div>
</div>
<div class="_h1">ZNAJDŹ<br>SALON</div>
<div class="_socials">
<a href="https://www.facebook.com/vidok.okna.drzwi/" target="_blank">
<img src="/layout/images/icon-facebook-white.svg">
</a>
<a href="https://www.youtube.com/channel/UCsgGs8roeHAbMLpgoqQctSg" target="_blank">
<img src="/layout/images/icon-youtube-white.svg">
</a>
<a href="https://pl.linkedin.com/company/vidok-sp-z-o-o-" target="_blank">
<img src="/layout/images/icon-linkedin-white.svg">
</a>
</div>
</div>
<div class="_h1">ZNAJDŹ<br>SALON</div>
<div class="_socials">
<a href="https://www.facebook.com/vidok.okna.drzwi/" target="_blank">
<img src="/layout/images/icon-facebook-white.svg">
</a>
<a href="https://www.youtube.com/channel/UCsgGs8roeHAbMLpgoqQctSg" target="_blank">
<img src="/layout/images/icon-youtube-white.svg">
</a>
<a href="https://pl.linkedin.com/company/vidok-sp-z-o-o-" target="_blank">
<img src="/layout/images/icon-linkedin-white.svg">
</a>
</div>
</div>
<div class="_right">
<div class="contact-form-box">
<div class="c-row c-row-1">
<p>Masz pytania dotyczące naszych produktów lub chcesz otrzymać wycenę?</p>
<p>Wypełnij poniższy formularz kontaktowy - nasz specjalista skontaktuje się z Tobą i odpowie na wszystkie pytania.</p>
</div>
<div class="c-row c-row-2">
<form method="POST" action="" enctype="multipart/form-data" id="contact-form-new">
<input type="hidden" name="action" value="send-contact-form-new">
<input type="hidden" name="token" value="<?= \S::get_session('contact-form-token'); ?>">
<input type="hidden" name="website" value="">
<div class="_right">
<div class="contact-form-box">
<div class="c-row c-row-1">
<p>Masz pytania dotyczące naszych produktów lub chcesz otrzymać wycenę?</p>
<p>Wypełnij poniższy formularz kontaktowy - nasz specjalista skontaktuje się z Tobą i odpowie na wszystkie pytania.</p>
</div>
<div class="c-row c-row-2">
<form method="POST" action="" enctype="multipart/form-data" id="contact-form-new">
<input type="hidden" name="action" value="send-contact-form-new">
<input type="hidden" name="token" value="<?= \S::get_session('contact-form-token'); ?>">
<input type="hidden" name="website" value="">
<div class="_2_columns">
<input type="text" name="name" placeholder="Imię" required>
<input type="email" name="email" placeholder="Adres e-mail" required>
</div>
<div class="_2_columns">
<input type="text" name="phone" placeholder="Telefon" required>
<input type="text" name="postal_code" placeholder="Kod pocztowy" required>
</div>
<div class="_2_columns">
<select name="voivodeship" required>
<option value="" disabled selected>Województwa</option>
<option value="dolnoslaskie">dolnośląskie</option>
<option value="kujawsko-pomorskie">kujawsko-pomorskie</option>
<option value="lubelskie">lubelskie</option>
<option value="lubuskie">lubuskie</option>
<option value="lodzkie">łódzkie</option>
<option value="malopolskie">małopolskie</option>
<option value="mazowieckie">mazowieckie</option>
<option value="opolskie">opolskie</option>
<option value="podkarpackie">podkarpackie</option>
<option value="podlaskie">podlaskie</option>
<option value="pomorskie">pomorskie</option>
<option value="slaskie">śląskie</option>
<option value="swietokrzyskie">świętokrzyskie</option>
<option value="warminsko-mazurskie">warmińsko-mazurskie</option>
<option value="wielkopolskie">wielkopolskie</option>
<option value="zachodniopomorskie">zachodniopomorskie</option>
</select>
<div class="_2_columns">
<input type="text" name="name" placeholder="Imię" required>
<input type="email" name="email" placeholder="Adres e-mail" required>
</div>
<div class="_2_columns">
<input type="text" name="phone" placeholder="Telefon" required>
<input type="text" name="postal_code" placeholder="Kod pocztowy" required>
</div>
<div class="_2_columns">
<select name="voivodeship" required>
<option value="" disabled selected>Województwa</option>
<option value="dolnoslaskie">dolnośląskie</option>
<option value="kujawsko-pomorskie">kujawsko-pomorskie</option>
<option value="lubelskie">lubelskie</option>
<option value="lubuskie">lubuskie</option>
<option value="lodzkie">łódzkie</option>
<option value="malopolskie">małopolskie</option>
<option value="mazowieckie">mazowieckie</option>
<option value="opolskie">opolskie</option>
<option value="podkarpackie">podkarpackie</option>
<option value="podlaskie">podlaskie</option>
<option value="pomorskie">pomorskie</option>
<option value="slaskie">śląskie</option>
<option value="swietokrzyskie">świętokrzyskie</option>
<option value="warminsko-mazurskie">warmińsko-mazurskie</option>
<option value="wielkopolskie">wielkopolskie</option>
<option value="zachodniopomorskie">zachodniopomorskie</option>
</select>
<div class="_radios">
<div class="_radio">
<input type="radio" id="client-private" name="client" value="Klient prywatny" required>
<label for="client-private">Klient prywatny</label>
</div>
<div class="_radio">
<input type="radio" id="client-business" name="client" value="Klient biznesowy" required>
<label for="client-business">Klient biznesowy</label>
<div class="_radios">
<div class="_radio">
<input type="radio" id="client-private" name="client" value="Klient prywatny" required>
<label for="client-private">Klient prywatny</label>
</div>
<div class="_radio">
<input type="radio" id="client-business" name="client" value="Klient biznesowy" required>
<label for="client-business">Klient biznesowy</label>
</div>
</div>
</div>
</div>
<div class="_1_column">
<textarea name="message" placeholder="Jeżeli masz jakieś uwagi, wytyczne możesz wpisać je tutaj. Możesz także wpisać wymiary i rodzaje okien jakimi jesteś zainteresowany."></textarea>
</div>
<div class="_text">Chcesz przesłać nam wizualizacje, projekt lub inne materiały? Skorzystaj z pola poniżej i dodaj plik do wiadomości.</div>
<div class="_file fileuploader fileuploader-theme-default">
<input type="hidden" name="fileuploader-list-files" value="[]">
<input type="file" name="files[]" class="files" multiple="multiple">
<div class="fileuploader-items">
<ul class="fileuploader-items-list"></ul>
<div class="_1_column">
<textarea name="message" placeholder="Jeżeli masz jakieś uwagi, wytyczne możesz wpisać je tutaj. Możesz także wpisać wymiary i rodzaje okien jakimi jesteś zainteresowany."></textarea>
</div>
</div>
<div class="_1_column">
<div class="_checkbox">
<input type="checkbox" name="zgoda_1" id="zgoda_1">
<label for="zgoda_1">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu przygotowania stosownej oferty.</label>
<div class="_text">Chcesz przesłać nam wizualizacje, projekt lub inne materiały? Skorzystaj z pola poniżej i dodaj plik do wiadomości.</div>
<div class="_file fileuploader fileuploader-theme-default">
<input type="hidden" name="fileuploader-list-files" value="[]">
<input type="file" name="files[]" class="files" multiple="multiple">
<div class="fileuploader-items">
<ul class="fileuploader-items-list"></ul>
</div>
</div>
</div>
<div class="_1_column">
<div class="_checkbox">
<input type="checkbox" name="zgoda_2" id="zgoda_2">
<label for="zgoda_2">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu otrzymywania materiałów reklamowych.</label>
<div class="_1_column">
<div class="_checkbox">
<input type="checkbox" name="zgoda_1" id="zgoda_1">
<label for="zgoda_1">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu przygotowania stosownej oferty.</label>
</div>
</div>
</div>
<div class="_1_column _right">
<button type="submit">Wyślij<img src="/images/contact-icon-check.svg"></button>
</div>
</form>
<div class="_1_column">
<div class="_checkbox">
<input type="checkbox" name="zgoda_2" id="zgoda_2">
<label for="zgoda_2">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu otrzymywania materiałów reklamowych.</label>
</div>
</div>
<div class="_1_column _right">
<button type="submit">Wyślij<img src="/images/contact-icon-check.svg"></button>
</div>
</form>
</div>
</div>
<div class="_accounts_numbers">
EUR: PL 84 1050 1562 1000 0090 3034 4213<br>
PLN: PL 31 1050 1562 1000 0090 3034 4197
</div>
<div class="_map">
<div id="map" style="width: 100%; height: 500px;"></div>
</div>
</div>
<div class="_accounts_numbers">
EUR: PL 84 1050 1562 1000 0090 3034 4213<br>
PLN: PL 31 1050 1562 1000 0090 3034 4197
</div>
<div class="_map">
<div id="map" style="width: 100%; height: 500px;"></div>
</div>
</div>
</div>