New page contact - development
This commit is contained in:
@@ -49,4 +49,308 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section class="box-2">
|
||||
<div class="container">
|
||||
<div class="box-2--wrapper">
|
||||
<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="c-row">
|
||||
<div class="c-col c-col-1">
|
||||
<div class="box-text">
|
||||
<p>Wypełnij formularz, a nasz specjalista:</p>
|
||||
|
||||
<ul>
|
||||
<li>odpowie na Twoje pytania,</li>
|
||||
<li>doradzi najlepsze rozwiązania,</li>
|
||||
<li>przedstawi szczegóły oferty dopasowane do Twoich potrzeb.</li>
|
||||
</ul>
|
||||
|
||||
<p>Wybierz, kim jesteś:</p>
|
||||
</div>
|
||||
<div class="box-nav">
|
||||
<div class="_radios">
|
||||
<div class="_radio">
|
||||
<input type="radio" id="client-individual" name="client" value="Klient indywidualny" required>
|
||||
<label for="client-individual">Klient indywidualny</label>
|
||||
</div>
|
||||
<div class="_radio">
|
||||
<input type="radio" id="client-cooperation" name="client" value="Współpraca inwestycyjna - deweloperzy" required>
|
||||
<label for="client-cooperation">Współpraca inwestycyjna - deweloperzy</label>
|
||||
</div>
|
||||
<div class="_radio">
|
||||
<input type="radio" id="client-b2b" name="client" value="Współpraca B2B - salony sprzedaży" required>
|
||||
<label for="client-b2b">Współpraca B2B - salony sprzedaży</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<div class="_2_columns">
|
||||
<input type="text" name="name" placeholder="Imię" required>
|
||||
<input type="text" name="surname" placeholder="Nazwisko" required>
|
||||
</div>
|
||||
<div class="_2_columns">
|
||||
<input type="text" name="phone" placeholder="Telefon" required>
|
||||
<input type="email" name="email" placeholder="Adres e-mail" required>
|
||||
</div>
|
||||
<div class="_2_columns">
|
||||
<div class="voivodeship__wrapper">
|
||||
<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>
|
||||
<input type="text" name="postal_code" placeholder="Kod pocztowy" required>
|
||||
</div>
|
||||
<div class="_1_column">
|
||||
<textarea name="message" placeholder="Opis zgłoszenia. Jeżeli masz jakieś uwagi, wytyczne możesz wpisać je tutaj."></textarea>
|
||||
</div>
|
||||
<div class="_text">
|
||||
<p>Chcesz przesłać nam wizualizacje, projekt lub inne materiały?<br /> Skorzystaj z pola poniżej i dodaj plik do wiadomości.</p>
|
||||
</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 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 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 form_actions">
|
||||
<div class="g-recaptcha" data-sitekey="6LfaovglAAAAAAieLVC7i4xGkQA5ufXUbWLipSbp"></div>
|
||||
<button type="submit">Wyślij<img src="/images/contact-icon-check.svg"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-3">
|
||||
<div class="container">
|
||||
<div class="box-3--wrapper">
|
||||
<div class="c-row">
|
||||
<div class="c-col">
|
||||
<div class="box-title">
|
||||
<h2>Sprawdź gdzie jeszcze możesz kupić <strong>Nasze Produkty</strong></h2>
|
||||
</div>
|
||||
<div class="box-text">
|
||||
<p>Wybierz region, aby otrzymać informacje dopasowane do Twojej lokalizacji.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-4">
|
||||
<div class="container">
|
||||
<div class="box-4--wrapper">
|
||||
<div class="c-row">
|
||||
lista
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="box-5">
|
||||
<div class="container">
|
||||
<div class="box-5--wrapper">
|
||||
<div class="c-row c-row-1">
|
||||
<div class="c-col c-col-1">
|
||||
<div class="text-1">
|
||||
<p>Siedziba firmy</p>
|
||||
</div>
|
||||
<div class="text-2">
|
||||
<h2>VIDOK Sp. z o. o.</h2>
|
||||
<p>36-054 Rudna Mała 75</p>
|
||||
</div>
|
||||
<div class="text-3">
|
||||
<p>KRS Nr. 0000191980</p>
|
||||
<p>REGON: 690379060</p>
|
||||
<p>NIP: 8131086710</p>
|
||||
</div>
|
||||
<div class="text-4">
|
||||
<p>ING BANK ŚLĄSKI S.A.</p>
|
||||
<p>SWIFT INGBPLPW</p>
|
||||
<br>
|
||||
<p>PLN: PL 31 1050 1562 1000 0090 3034 4197</p>
|
||||
<p>EUR: PL 84 1050 1562 1000 0090 3034 4213</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<div class="box-map">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2559.1425723841835!2d21.973517577050675!3d50.10233831236703!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x473ce36b077ae3b5%3A0x31bb36833c20c2f0!2sVIDOK%20Sp.%20z%20o.o.%20Producent%20okien%20i%20drzwi!5e0!3m2!1spl!2spl!4v1764582571106!5m2!1spl!2spl" width="100%" height="260" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
<div class="box-info">
|
||||
<div class="box-info-left">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="icons"></span>
|
||||
poniedziałek - piątek 7:00 - 15:00
|
||||
</li>
|
||||
<li>
|
||||
<a href="tel:+48178595660">
|
||||
<span class="icons">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
</span>
|
||||
+48 17 859 56 60
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:sekretariat@vidok.com">
|
||||
<span class="icons">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
</span>
|
||||
sekretariat@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="box-info-right">
|
||||
<p>
|
||||
<strong>Skontaktuj się bezpośrednio</strong><br/> z wybranym działem
|
||||
</p>
|
||||
<span>
|
||||
<img src="/upload/filemanager/icon/btn-arrow.svg" alt="">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="c-row c-row-2">
|
||||
<div class="c-col">
|
||||
<div class="tiles">
|
||||
<div class="tile tile-1">
|
||||
<h3>LOGISTYKA</h3>
|
||||
<div class="tile-text">
|
||||
<a href="tel:+48178676402">+48 17 867 64 02</a>
|
||||
<br />
|
||||
<a href="mailto:logistyka@vidok.com">logistyka@vidok.com</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile tile-2">
|
||||
<h3>KSIĘGOWOŚĆ</h3>
|
||||
<div class="tile-text">
|
||||
<a href="tel:+48178595676">+48 17 859 56 76</a>
|
||||
<br />
|
||||
<a href="mailto:ksiegowosc@vidok.com">ksiegowosc@vidok.com</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile tile-3">
|
||||
<h3>MARKETING</h3>
|
||||
<div class="tile-text">
|
||||
<a href="tel:+48178595667">+48 17 859 56 67</a>
|
||||
<br />
|
||||
<a href="mailto:marketing@vidok.com">marketing@vidok.com</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tile tile-4">
|
||||
<h3>SERWIS</h3>
|
||||
<div class="tile-text">
|
||||
<a href="tel:+48178595682">+48 17 859 56 82</a>
|
||||
<br />
|
||||
<a href="mailto:serwis@vidok.com">serwis@vidok.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
<script class="footer" type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('body').on('click', '.box-5 .box-info .box-info-right', function(e){
|
||||
e.preventDefault()
|
||||
|
||||
$(this).toggleClass('active')
|
||||
$('.box-5 .c-row-2').slideToggle()
|
||||
})
|
||||
})
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#contact-form-new input.files').fileuploader({
|
||||
fileMaxSize: 10,
|
||||
extensions: ['jpg', 'jpeg', 'png', 'pdf', 'text/plain', 'csv', 'xml', 'xls', 'xlsx', 'doc', 'dot', 'docx'],
|
||||
addMore: true,
|
||||
captions: {
|
||||
button: function(e) {
|
||||
return "Wybierz plik<img src='/images/contact-icon-file.svg'>";
|
||||
},
|
||||
feedback: function(e) {
|
||||
return (
|
||||
"PRZYCIĄGNIJ I UPUŚĆ LUB"
|
||||
);
|
||||
},
|
||||
feedback2: function(e) {
|
||||
return (
|
||||
e.length +
|
||||
" " +
|
||||
(1 < e.length ? "pliki są wybrane" : "plik jest wybrany")
|
||||
);
|
||||
},
|
||||
confirm: "Potwierdzenie",
|
||||
cancel: "Anuluj",
|
||||
name: "Nazwa",
|
||||
type: "Typ pliku",
|
||||
size: "Rozmiar pliku",
|
||||
dimensions: "Wymiary",
|
||||
duration: "Czas",
|
||||
crop: "Utnij to",
|
||||
rotate: "Koło",
|
||||
sort: "Sortować",
|
||||
open: "Otwierasz",
|
||||
download: "Ściągnij",
|
||||
remove: "Usunąć",
|
||||
drop: "Umieść plik tutaj do przesłania",
|
||||
paste: '<div class="fileuploader-pending-loader"></div> Wklej plik, kliknij tutaj, aby usunąć',
|
||||
removeConfirmation: "Czy na pewno chcesz usunąć plik??",
|
||||
errors: {
|
||||
filesLimit: "Sam ${limit} pliki można przesyłać.",
|
||||
filesType: "Sam ${extensions} pliki można przesyłać.",
|
||||
fileSize: "${name} jest zbyt duży! Wybierz plik do ${fileMaxSize} MB.",
|
||||
filesSizeAll: "Wybrane pliki są za duże! Wybierz plik do ${maxSize} MB.",
|
||||
fileName: "Plik o tej samej nazwie ${name} jest już wybrany.",
|
||||
remoteFile: "Pliki zdalne są niedozwolone.",
|
||||
folderUpload: "Foldery są niedozwolone.",
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user