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

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>