Save
This commit is contained in:
Roman Pyrih
1
layout/style-css/kontakt-v3.css
Normal file
1
layout/style-css/kontakt-v3.css
Normal file
File diff suppressed because one or more lines are too long
1
layout/style-css/kontakt-v3.css.map
Normal file
1
layout/style-css/kontakt-v3.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../style-scss/kontakt-v3.scss"],"names":[],"mappings":"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","file":"kontakt-v3.css"}
|
||||
398
layout/style-scss/kontakt-v3.scss
Normal file
398
layout/style-scss/kontakt-v3.scss
Normal file
@@ -0,0 +1,398 @@
|
||||
$fURWForm: 'URW Form', sans-serif;
|
||||
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.main-page {
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.breadcrumbs {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
.box-1 {
|
||||
padding-top: 95px;
|
||||
padding-bottom: 125px;
|
||||
background: #2e2d2c;
|
||||
|
||||
box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.25);
|
||||
|
||||
.contact-form {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 60px;
|
||||
|
||||
._left {
|
||||
width: 100%;
|
||||
max-width: 350px;
|
||||
|
||||
h1 {
|
||||
color: #fff;
|
||||
font-size: 50px;
|
||||
font-family: $fURWForm;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
|
||||
margin-bottom: 64px;
|
||||
padding-bottom: 31px;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
.contact-form-tiles {
|
||||
.tile {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
h2.tile-title {
|
||||
color: #fff;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
font-family: $fURWForm;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 50px;
|
||||
|
||||
&._title_border {
|
||||
padding-bottom: 25px;
|
||||
margin-bottom: 30px;
|
||||
margin-left: 45px;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
}
|
||||
.tile-data {
|
||||
.c-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 20px;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
._icon {
|
||||
img {
|
||||
filter: brightness(0) saturate(100%) invert(79%) sepia(84%)
|
||||
saturate(367%) hue-rotate(356deg) brightness(104%)
|
||||
contrast(104%);
|
||||
}
|
||||
}
|
||||
._text {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
font-family: $fURWForm;
|
||||
margin-bottom: 0;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
font-family: $fURWForm;
|
||||
line-height: 1;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&._mails {
|
||||
}
|
||||
&._phones {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
._right {
|
||||
width: 100%;
|
||||
|
||||
#map {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-2 {
|
||||
padding-top: 50px;
|
||||
padding-bottom: 40px;
|
||||
|
||||
h2 {
|
||||
color: #1d1d1e;
|
||||
font-size: 45px;
|
||||
font-weight: 300;
|
||||
font-family: $fURWForm;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
|
||||
margin: 0;
|
||||
|
||||
strong {
|
||||
position: relative;
|
||||
font-weight: 800;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 6px;
|
||||
background: #fff246;
|
||||
transform: translateY(100%);
|
||||
|
||||
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-3 {
|
||||
background: #f5f5f5;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
|
||||
.c-row {
|
||||
&-1 {
|
||||
margin-bottom: 40px;
|
||||
|
||||
p {
|
||||
color: #1d1d1e;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
font-family: $fURWForm;
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&-2 {
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
input {
|
||||
&[type='text'],
|
||||
&[type='email'] {
|
||||
padding: 13px 14px 11px 14px;
|
||||
border-radius: 20px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: #fff;
|
||||
|
||||
color: #3f3f3f;
|
||||
font-size: 14px;
|
||||
font-family: $fURWForm;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
|
||||
outline: none;
|
||||
}
|
||||
&[type='radio'],
|
||||
&[type='checkbox'] {
|
||||
position: relative;
|
||||
appearance: none;
|
||||
width: 11px;
|
||||
min-width: 11px;
|
||||
height: 11px;
|
||||
border-radius: 100%;
|
||||
border: 1px solid #dfdfdf;
|
||||
transition: all 250ms ease-in-out;
|
||||
outline: none;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-radius: 100%;
|
||||
background: #1d1d1e;
|
||||
transform: translate(-50%, -50%);
|
||||
visibility: hidden;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
|
||||
&:checked {
|
||||
border-color: #1d1d1e;
|
||||
|
||||
&::before {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
padding: 13px 14px 11px 14px;
|
||||
border-radius: 20px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: #fff;
|
||||
min-height: 100px;
|
||||
|
||||
color: #3f3f3f;
|
||||
font-size: 14px;
|
||||
font-family: $fURWForm;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
|
||||
outline: none;
|
||||
resize: none;
|
||||
}
|
||||
select {
|
||||
padding: 13px 14px 11px 14px;
|
||||
border-radius: 20px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: #fff;
|
||||
|
||||
color: #3f3f3f;
|
||||
font-size: 14px;
|
||||
font-family: $fURWForm;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
|
||||
outline: none;
|
||||
}
|
||||
|
||||
._radios {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 35px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
._radio,
|
||||
._checkbox {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
|
||||
label {
|
||||
color: #1d1d1e;
|
||||
font-size: 12px;
|
||||
font-family: $fURWForm;
|
||||
font-weight: 300;
|
||||
line-height: 1;
|
||||
padding-top: 2px;
|
||||
margin-bottom: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
._1_column {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-bottom: 14px;
|
||||
|
||||
> * {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
._2_columns {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 26px;
|
||||
margin-bottom: 14px;
|
||||
|
||||
> * {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
._text {
|
||||
color: #1d1d1e;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
font-family: $fURWForm;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
._file {
|
||||
padding: 29px;
|
||||
margin: 0 0 14px 0;
|
||||
border-radius: 20px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: #fff;
|
||||
|
||||
color: #3f3f3f;
|
||||
font-size: 14px;
|
||||
font-family: $fURWForm;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
border: none;
|
||||
|
||||
.fileuploader-input {
|
||||
width: fit-content;
|
||||
margin: 0 auto;
|
||||
|
||||
.fileuploader-input-caption {
|
||||
span {
|
||||
padding-top: 3px;
|
||||
display: inline-block;
|
||||
|
||||
color: #1d1d1e;
|
||||
font-size: 16px;
|
||||
font-family: $fURWForm;
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
button.fileuploader-input-button {
|
||||
background: #1d1d1e;
|
||||
border-radius: 25px;
|
||||
padding: 10px 36px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
|
||||
color: #fff;
|
||||
font-family: $fURWForm;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
button[type='submit'] {
|
||||
background: #fbf27a;
|
||||
width: fit-content;
|
||||
margin-left: auto;
|
||||
border: none;
|
||||
|
||||
color: #1d1d1e;
|
||||
font-size: 14px;
|
||||
font-family: $fURWForm;
|
||||
font-weight: 800;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
|
||||
padding: 12px 37px;
|
||||
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11);
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
|
||||
&:active {
|
||||
background: #f0e875;
|
||||
}
|
||||
|
||||
img {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
332
templates_user/page-contact-v3.php
Normal file
332
templates_user/page-contact-v3.php
Normal file
@@ -0,0 +1,332 @@
|
||||
<? \S::set_session('contact-form-token', bin2hex(random_bytes(32))); ?>
|
||||
<?php
|
||||
$google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
?>
|
||||
|
||||
<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">Kontakt</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="contact-form">
|
||||
<div class="_left">
|
||||
<h1>Kontakt</h1>
|
||||
|
||||
<div class="contact-form-tiles">
|
||||
<div class="tile tile-1">
|
||||
<h2 class="tile-title">
|
||||
Firmy VIDOK Sp. z o.o.
|
||||
</h2>
|
||||
|
||||
<div class="tile-data">
|
||||
<div class="c-row">
|
||||
<div class="_icon">
|
||||
<img src="/images/contact-icon-home.svg">
|
||||
</div>
|
||||
<p class="_text">
|
||||
36-054 MROWLA Rudna Mała 75<br>
|
||||
NIP: 813-10-86-710<br>
|
||||
ING Bank Śląski S.A.<br>
|
||||
<strong>31 1050 1562 1000 0090 3034 4197</strong>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="c-row">
|
||||
<div class="_icon">
|
||||
<img src="/images/contact-icon-marker.svg">
|
||||
</div>
|
||||
<div class="_text">
|
||||
<a href="#"><strong>POKAŻ NA MAPIE</strong></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tile tile-2">
|
||||
<h2 class="tile-title _title_border">
|
||||
Sekretariat
|
||||
</h2>
|
||||
|
||||
<div class="tile-data">
|
||||
<div class="c-row">
|
||||
<div class="_icon">
|
||||
<img src="/images/contact-icon-phone.svg">
|
||||
</div>
|
||||
<p class="_text _phones">
|
||||
<a href="tel://+48178595659">+48 17 859 56 59</a>
|
||||
<br>
|
||||
<a href="tel://+48178595660">+48 17 859 56 60</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="c-row">
|
||||
<div class="_icon">
|
||||
<img src="/images/contact-icon-mail.svg">
|
||||
</div>
|
||||
<div class="_text _mails">
|
||||
<a href="mailto:biuro@vidok.com">biuro@vidok.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tile tile-3">
|
||||
<h2 class="tile-title _title_border">
|
||||
Marketing
|
||||
</h2>
|
||||
|
||||
<div class="tile-data">
|
||||
<div class="c-row">
|
||||
<div class="_icon">
|
||||
<img src="/images/contact-icon-phone.svg">
|
||||
</div>
|
||||
<p class="_text _phones">
|
||||
<a href="tel://+48178595672">+48 17 859 56 72</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="c-row">
|
||||
<div class="_icon">
|
||||
<img src="/images/contact-icon-mail.svg">
|
||||
</div>
|
||||
<div class="_text _mails">
|
||||
<a href="mailto:marketing@vidok.com">marketing@vidok.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tile tile-4">
|
||||
<h2 class="tile-title _title_border">
|
||||
Serwis
|
||||
</h2>
|
||||
|
||||
<div class="tile-data">
|
||||
<div class="c-row">
|
||||
<div class="_icon">
|
||||
<img src="/images/contact-icon-phone.svg">
|
||||
</div>
|
||||
<p class="_text _phones">
|
||||
<a href="tel://+48178595682">+48 17 859 56 82</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="c-row">
|
||||
<div class="_icon">
|
||||
<img src="/images/contact-icon-mail.svg">
|
||||
</div>
|
||||
<div class="_text _mails">
|
||||
<a href="mailto:biuro@vidok.com">biuro@vidok.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_right">
|
||||
<!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d42692.02628765994!2d21.950983061623088!3d50.09456168281469!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!4v1740569106728!5m2!1spl!2spl" width="100%" height="500" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> -->
|
||||
<div id="map" style="width: 100%; height: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h2>Skontaktuj się <strong>z nami</strong></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<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="_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 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>
|
||||
</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 _right">
|
||||
<button type="submit">Wyślij<img src="/images/contact-icon-check.svg"></button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link class="footer" href="/plugins/fileuploader/jquery.fileuploader.min.css" rel="stylesheet" type="text/css">
|
||||
<link class="footer" href="/plugins/fileuploader/font/font-fileuploader.css" rel="stylesheet" type="text/css">
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=<?php echo $google_map_api; ?>&callback=initMap" async defer></script>
|
||||
<script class="footer" type="text/javascript" src="/plugins/fileuploader/jquery.fileuploader.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
function initMap() {
|
||||
const map = new google.maps.Map(document.getElementById("map"), {
|
||||
center: { lat: 50.041112190287635, lng: 21.99914482536555 },
|
||||
zoom: 11.2,
|
||||
styles: [
|
||||
{ elementType: "geometry", stylers: [{ color: "#333333" }] },
|
||||
{ elementType: "labels.text.stroke", stylers: [{ color: "#333333" }] },
|
||||
{ elementType: "labels.text.fill", stylers: [{ color: "#B1B1B1" }] },
|
||||
|
||||
// (motorway)
|
||||
{ featureType: "road.highway", elementType: "geometry", stylers: [{ color: "#E5C163" }] }, // Autostrady
|
||||
{ featureType: "road.highway", elementType: "geometry.stroke", stylers: [{ color: "#E5C163" }] }, // Kontur autostrady
|
||||
{ featureType: "road.highway", elementType: "labels.text.fill", stylers: [{ color: "#E5C163" }] }, // tekst
|
||||
|
||||
// (primary, secondary, local)
|
||||
{ featureType: "road.arterial", elementType: "geometry", stylers: [{ color: "#535353" }] }, // Główne drogi
|
||||
{ featureType: "road.local", elementType: "geometry", stylers: [{ color: "#535353" }] }, // Ulice
|
||||
{ featureType: "road", elementType: "labels.text.fill", stylers: [{ color: "#B1B1B1" }] }, // tekst
|
||||
|
||||
// Ukryj numery dróg (E40, A4, 92 itp.)
|
||||
{ featureType: "road", elementType: "labels.icon", stylers: [{ visibility: "off" }] }, // Ukryj ikony dróg
|
||||
{ featureType: "road", elementType: "labels.text", stylers: [{ visibility: "off" }] }, // Ukryj tekst dróg
|
||||
|
||||
{ featureType: "water", elementType: "geometry", stylers: [{ color: "#2b2b2b" }] }, // Woda
|
||||
{ featureType: "landscape", elementType: "geometry", stylers: [{ color: "#2a2a2a" }] }
|
||||
]
|
||||
});
|
||||
}
|
||||
|
||||
$(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