Project-Pro/vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-03-26 10:12:55 +01:00
parent 2d7bd25d1f
commit 8aaa0b90f8
4 changed files with 105 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style-css/kontakt-v3.css
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/kontakt-v3.css.map
View File

File diff suppressed because one or more lines are too long

58
layout/style-scss/kontakt-v3.scss
View File

@@ -1058,6 +1058,8 @@ strong {
}
select {
position: relative;
appearance: none;
padding: 13px 14px 11px 14px;
border-radius: 20px;
width: 100%;
@@ -1073,6 +1075,22 @@ strong {
outline: none;
}
.voivodeship__wrapper {
position: relative;
&::before {
content: '\f107';
font: normal normal normal 14px / 1 FontAwesome;
font-size: 14px;
text-rendering: auto;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
z-index: 1;
}
}
._radios {
display: flex;
flex-direction: row;
@@ -1196,9 +1214,10 @@ strong {
}
.form_actions {
align-items: center;
@include respond-below(xs) {
flex-direction: column;
align-items: center;
row-gap: 20px;
}
}
@@ -1215,29 +1234,34 @@ strong {
}
button[type='submit'] {
background: #fbf27a;
width: fit-content;
// margin-left: auto;
border: none;
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
padding: 17px 20px 13px 38px;
margin-bottom: 5px;
background: #fff246;
border-radius: 6px;
color: #1d1d1e;
font-size: 14px;
font-family: $font3;
font-weight: 800;
letter-spacing: 2px;
font-size: 13px;
font-family: 'URW Form', sans-serif;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 12px 37px;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11);
line-height: 1;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12);
width: fit-content;
border: none;
outline: none;
cursor: pointer;
&:active {
background: #f0e875;
}
// &:active {
// background: #f0e875;
// }
img {
margin-left: 10px;
width: 18px;
padding-bottom: 3px;
}
@include respond-above(xs) {

122
templates_user/page-contact-v3.php
View File

@@ -85,7 +85,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<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>
<p>Wypełnij poniższy formularz kontaktowy- nasz specjalista <strong>skontaktuje się z Tobą</strong><br/> 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">
@@ -102,25 +102,27 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<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="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>
<div class="_radios">
<div class="_radio">
@@ -218,7 +220,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
<p class="_mt50">
Doradca ds. Kluczowych Klientów<br />
<strong>Artur Wąsowski</strong><br><br>
@@ -248,7 +250,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
<p class="_mt50">
Doradca ds. Kluczowych Klientów<br />
<strong>Artur Wąsowski</strong><br><br>
@@ -279,7 +281,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
</div>
</div>
</div>
@@ -296,7 +298,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Zielna 18<br />
26-110 <strong>Skarżysko-Kamienna</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
</div>
@@ -351,7 +353,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
<p class="_mt50">
Doradca ds. Kluczowych Klientów<br />
<strong>Artur Wąsowski</strong><br><br>
@@ -375,7 +377,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Żelazna 17D<br />
40-851 <strong>Katowice</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
</div>
@@ -388,7 +390,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Wyzwolenia 14<br />
44-230 <strong>Stanowice</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
</div>
@@ -442,7 +444,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
<p class="_mt50">
Doradca ds. Kluczowych Klientów<br />
<strong>Artur Wąsowski</strong><br><br>
@@ -473,7 +475,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
</div>
</div>
<!-- c-2 -->
@@ -552,7 +554,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
C.H. Galeria Nad Nilem 1 piętro<br />
36-100 <strong>Kolbuszowa</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -563,7 +565,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
C.H. Stokrotka 1 piętro<br>
39-460 <strong>Nowa Dęba</strong>
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -573,7 +575,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Katowicka 3<br />
43-186 <strong>Orzesze-Gardawice</strong>
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
</div>
@@ -586,7 +588,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Wolności 44<br />
39-300 <strong>Mielec</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -596,7 +598,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Mickiewicza 37<br>
37-300 <strong>Leżajsk</strong>
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -606,7 +608,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
Góra Motyczna 3A<br />
39-204 <strong>Góra Motyczna</strong>
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
</div>
@@ -660,7 +662,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Opolska 12A<br />
<span>31-323 <strong>Kraków</strong></span>
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/salon-krakow">więcej o salonie</a>
</div>
</div>
<!-- c-2 -->
@@ -670,7 +672,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Spyrkówka k3<br />
<span>34-500 <strong>Zakopane</strong></span>
</p>
<a class="contact-btn" href="/salon-lancut">więcej o salonie</a>
<a class="contact-btn" href="/salon-zakopane">więcej o salonie</a>
</div>
</div>
</div>
@@ -688,7 +690,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Stróżówka 18<br />
38-300 <strong>Gorlice</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -698,7 +700,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
Jaraszowice 258A<br>
34-100 <strong>Jaraszowice</strong>
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -708,7 +710,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Siemiradzkiego 9<br />
33-300 <strong>Nowy Sącz</strong>
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
</div>
@@ -721,7 +723,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Kazimierza Brodzińskiego 15<br />
32-100 <strong>Proszkowice</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -731,7 +733,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Niepodległości 12A<br>
32-400 <strong>Myślenice</strong>
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
</div>
@@ -786,7 +788,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
<p class="_mt50">
Doradca ds. Kluczowych Klientów<br />
<strong>Artur Wąsowski</strong><br><br>
@@ -810,7 +812,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Reja 12/14<br />
26-600 <strong>Radom</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
</div>
@@ -823,7 +825,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Rajec Szlachecki 157<br />
26-613 <strong>Radom</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -833,7 +835,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Nowy Świat 33<br />
05-300 <strong>Mińsk Mazowiecki</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -843,7 +845,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Wiśniowa 3<br />
05-200 <strong>Wołomin</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
</div>
@@ -856,7 +858,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Rynkowa 14<br />
08-110 <strong>Siedlce</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -866,7 +868,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Siemieńska 20<br />
21-200 <strong>Parczew</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
</div>
@@ -921,7 +923,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
</div>
</div>
</div>
@@ -938,7 +940,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Rynkowa 14<br />
08-110 <strong>Siedlce</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -948,7 +950,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
ul. Słowackiego<br />
23-400 <strong>Biłgoraj</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
<div class="_city">
@@ -958,7 +960,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
Majdan Wielki 410<br />
22-440 <strong>Majdan Wielki</strong><br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="#" onclick="event.preventDefault();">więcej o salonie</a>
</div>
</div>
</div>
@@ -1012,7 +1014,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
</div>
</div>
</div>
@@ -1036,7 +1038,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
</div>
</div>
</div>
@@ -1060,7 +1062,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
</div>
</div>
</div>
@@ -1084,7 +1086,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
</div>
</div>
</div>
@@ -1108,7 +1110,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
</div>
</div>
</div>
@@ -1132,7 +1134,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
</div>
</div>
</div>
@@ -1156,7 +1158,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<span>36-054 <strong>Rudna Mała</strong></span>
gm. Głogów Małopolski<br />
</p>
<a class="contact-btn" href="#">więcej o salonie</a>
<a class="contact-btn" href="/rudna-mala-salon">więcej o salonie</a>
</div>
</div>
</div>