Add reCAPTCHA validation to contact form and enhance styling
This commit is contained in:
Roman Pyrih
@@ -37,6 +37,9 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
<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_link" accordion="4">
|
||||
<a href="#obsluga-klienta">OBSŁUGA KLIENTA</a>
|
||||
</div>
|
||||
<div class="_head" accordion="2">
|
||||
SERWIS <img src="/layout/images/arrow-white-down.svg">
|
||||
</div>
|
||||
@@ -64,7 +67,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
PLN: PL 31 1050 1562 1000 0090 3034 4197
|
||||
</div>
|
||||
</div>
|
||||
<div class="_h1">ZNAJDŹ<br>SALON</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">
|
||||
@@ -152,16 +155,18 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
<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">
|
||||
<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>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="_accounts_numbers">
|
||||
<!-- <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Ź SALON</div>
|
||||
<div class="_map">
|
||||
<div id="map" style="width: 100%; height: 500px;"></div>
|
||||
</div>
|
||||
@@ -175,8 +180,8 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
|
||||
<div class="row row-2">
|
||||
<div class="col-12">
|
||||
<div class="contact_accordion">
|
||||
<div class="_title" accordion="1">Obsługa klientów indywidualnych<img src="/images/contact-icon-arrow-down.svg"></div>
|
||||
<div class="contact_accordion" id="obsluga-klienta">
|
||||
<div class="_title" accordion="1">Obsługa klientów <strong>indywidualnych</strong><img src="/images/contact-icon-arrow-down.svg"></div>
|
||||
<div class="_content _2_columns" accordion="1" style="display: none;">
|
||||
<div class="_left">
|
||||
<a href="#" voivodeship="dolnoslaskie">dolnośląskie <img src="/images/contact-icon-arrow-down.svg"></a>
|
||||
@@ -475,26 +480,6 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
</div>
|
||||
</div>
|
||||
<!-- c-2 -->
|
||||
<div class="_city">
|
||||
<div class="_description">
|
||||
<p>
|
||||
ul. Piłsudskiego 8<br />
|
||||
<span>37-100 <strong>Łańcut</strong></span>
|
||||
</p>
|
||||
<a class="contact-btn" href="/salon-lancut">więcej o salonie</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- c-3 -->
|
||||
<div class="_city">
|
||||
<div class="_description">
|
||||
<p>
|
||||
ul. Jagiellońska 16<br />
|
||||
<span>38-500 <strong>Sanok</strong></span>
|
||||
</p>
|
||||
<a class="contact-btn" href="/salon-sanok">więcej o salonie</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- c-5 -->
|
||||
<div class="_city">
|
||||
<div class="_description">
|
||||
<p>
|
||||
@@ -504,7 +489,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
<a class="contact-btn" href="/rzeszow-salon">więcej o salonie</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- c-4 -->
|
||||
<!-- c-3 -->
|
||||
<div class="_city">
|
||||
<div class="_description">
|
||||
<p>
|
||||
@@ -514,7 +499,17 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
<a class="contact-btn" href="/salon-krosno">więcej o salonie</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- c-6 -->
|
||||
<!-- c-5 -->
|
||||
<div class="_city">
|
||||
<div class="_description">
|
||||
<p>
|
||||
ul. Piłsudskiego 8<br />
|
||||
<span>37-100 <strong>Łańcut</strong></span>
|
||||
</p>
|
||||
<a class="contact-btn" href="/salon-lancut">więcej o salonie</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- c-4 -->
|
||||
<div class="_city">
|
||||
<div class="_description">
|
||||
<p>
|
||||
@@ -524,6 +519,16 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
<a class="contact-btn" href="/salon-przemysl">więcej o salonie</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- c-6 -->
|
||||
<div class="_city">
|
||||
<div class="_description">
|
||||
<p>
|
||||
ul. Jagiellońska 16<br />
|
||||
<span>38-500 <strong>Sanok</strong></span>
|
||||
</p>
|
||||
<a class="contact-btn" href="/salon-sanok">więcej o salonie</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- c-7 -->
|
||||
<div class="_city">
|
||||
<div class="_description">
|
||||
@@ -1163,7 +1168,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="_title" accordion="6">Obsługa klientów instytucjonalnych<img src="/images/contact-icon-arrow-down.svg"></div>
|
||||
<div class="_title" accordion="6">Obsługa klientów <strong>instytucjonalnych</strong><img src="/images/contact-icon-arrow-down.svg"></div>
|
||||
<div class="_content" accordion="6" style="display: none;">
|
||||
<div class="_city_content _city_content_2">
|
||||
<div class="_persons">
|
||||
@@ -1275,7 +1280,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
<div class="_title" accordion="3">Obsługa partnerów handlowych <strong>EXPORT</strong><img src="/images/contact-icon-arrow-down.svg"></div>
|
||||
<div class="_content" accordion="3" style="display: none;">
|
||||
<div class="_city_content _city_content_2">
|
||||
<div class="_persons">
|
||||
<div class="_persons export">
|
||||
<div class="_person__wrapp">
|
||||
<div class="_person_title">RYNEK NIEMIECKI <span>|</span> DE</div>
|
||||
<div class="_person">
|
||||
@@ -1370,19 +1375,19 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
styles: [{
|
||||
elementType: "geometry",
|
||||
stylers: [{
|
||||
color: "#333333"
|
||||
color: "#F4F4F4"
|
||||
}]
|
||||
},
|
||||
{
|
||||
elementType: "labels.text.stroke",
|
||||
stylers: [{
|
||||
color: "#333333"
|
||||
color: "F4F4F4"
|
||||
}]
|
||||
},
|
||||
{
|
||||
elementType: "labels.text.fill",
|
||||
stylers: [{
|
||||
color: "#B1B1B1"
|
||||
color: "#181C1D"
|
||||
}]
|
||||
},
|
||||
|
||||
@@ -1391,21 +1396,21 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
featureType: "road.highway",
|
||||
elementType: "geometry",
|
||||
stylers: [{
|
||||
color: "#E5C163"
|
||||
color: "#FFF246"
|
||||
}]
|
||||
}, // Autostrady
|
||||
{
|
||||
featureType: "road.highway",
|
||||
elementType: "geometry.stroke",
|
||||
stylers: [{
|
||||
color: "#E5C163"
|
||||
color: "#FFF246"
|
||||
}]
|
||||
}, // Kontur autostrady
|
||||
{
|
||||
featureType: "road.highway",
|
||||
elementType: "labels.text.fill",
|
||||
stylers: [{
|
||||
color: "#E5C163"
|
||||
color: "#FFF246"
|
||||
}]
|
||||
}, // tekst
|
||||
|
||||
@@ -1414,21 +1419,21 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
featureType: "road.arterial",
|
||||
elementType: "geometry",
|
||||
stylers: [{
|
||||
color: "#535353"
|
||||
color: "#FFF246"
|
||||
}]
|
||||
}, // Główne drogi
|
||||
{
|
||||
featureType: "road.local",
|
||||
elementType: "geometry",
|
||||
stylers: [{
|
||||
color: "#535353"
|
||||
color: "#FFF246"
|
||||
}]
|
||||
}, // Ulice
|
||||
{
|
||||
featureType: "road",
|
||||
elementType: "labels.text.fill",
|
||||
stylers: [{
|
||||
color: "#B1B1B1"
|
||||
color: "#FFF246"
|
||||
}]
|
||||
}, // tekst
|
||||
|
||||
@@ -1452,14 +1457,14 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
featureType: "water",
|
||||
elementType: "geometry",
|
||||
stylers: [{
|
||||
color: "#2b2b2b"
|
||||
color: "#F4F4F4"
|
||||
}]
|
||||
}, // Woda
|
||||
{
|
||||
featureType: "landscape",
|
||||
elementType: "geometry",
|
||||
stylers: [{
|
||||
color: "#2a2a2a"
|
||||
color: "#F4F4F4"
|
||||
}]
|
||||
}
|
||||
]
|
||||
@@ -1513,21 +1518,33 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
}
|
||||
|
||||
$('body').on('click', '.contact_accordion ._title', function(e) {
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
var accordion = $(this).attr('accordion');
|
||||
$('.contact_accordion ._content').each(function() {
|
||||
if ($(this).attr('accordion') == accordion) {
|
||||
$(this).show();
|
||||
if ($(this).hasClass('_active')) {
|
||||
$(this).removeClass('_active');
|
||||
$(this).hide();
|
||||
} else {
|
||||
$(this).addClass('_active');
|
||||
$(this).show();
|
||||
}
|
||||
} else {
|
||||
$(this).removeClass('_active');
|
||||
$(this).hide();
|
||||
}
|
||||
});
|
||||
|
||||
$('.contact_accordion ._title').each(function() {
|
||||
if ($(this).attr('accordion') == accordion) {
|
||||
$(this).addClass('_active');
|
||||
$(this).find('img').attr('src', '/images/contact-icon-arrow-up.svg');
|
||||
if ($(this).hasClass('_active')) {
|
||||
$(this).removeClass('_active');
|
||||
$(this).find('img').attr('src', '/images/contact-icon-arrow-down.svg');
|
||||
} else {
|
||||
$(this).addClass('_active');
|
||||
$(this).find('img').attr('src', '/images/contact-icon-arrow-up.svg');
|
||||
}
|
||||
} else {
|
||||
$(this).removeClass('_active');
|
||||
$(this).find('img').attr('src', '/images/contact-icon-arrow-down.svg');
|
||||
|
||||
Reference in New Issue
Block a user