This commit is contained in:
Roman Pyrih
2025-03-24 09:27:17 +01:00
parent f503e19ea5
commit d5e13ee0f7
4 changed files with 56 additions and 30 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -193,6 +193,8 @@ strong {
}
&.row-2 {
margin-bottom: 50px;
.contact_accordion {
display: flex;
gap: 10px;
@@ -717,6 +719,16 @@ strong {
}
}
}
&.row-3 {
._h1 {
color: #181c1d;
font-size: 32px;
font-family: $font3;
font-weight: 300;
padding: 40px 0px;
}
}
}
}
@@ -782,16 +794,18 @@ strong {
margin-bottom: 50px;
font-size: 32px;
font-weight: 600;
text-transform: uppercase;
}
._text {
margin-bottom: 50px;
margin-bottom: 40px;
font-weight: 200;
font-size: 20px;
}
._bold {
font-weight: 600;
// font-weight: 600;
font-weight: 500;
}
._accordion_small {
@@ -804,13 +818,15 @@ strong {
> a {
color: #fff;
font-family: $font3;
font-weight: 600;
// font-weight: 600;
font-weight: 500;
cursor: pointer;
}
}
._head {
font-weight: 600;
// font-weight: 600;
font-weight: 500;
cursor: pointer;
&._active {
@@ -846,17 +862,19 @@ strong {
}
._accounts {
margin-top: 280px;
// margin-top: 280px;
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas: 'icon text' 'numbers numbers';
align-items: center;
gap: 20px 30px;
margin-bottom: 40px;
@include respond-below(md) {
margin-top: 50px;
margin-bottom: 50px;
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr;
grid-template-areas: 'icon' 'text' 'numbers';
}
._icon {
@@ -867,6 +885,7 @@ strong {
margin-left: auto;
@include respond-below(md) {
margin-right: auto;
filter: brightness(0) saturate(100%) invert(0%) sepia(0%)
saturate(15%) hue-rotate(337deg) brightness(100%) contrast(107%);
}
@@ -881,7 +900,7 @@ strong {
// margin-bottom: 20px;
// }
@include respond-below(md) {
text-align: left;
text-align: center;
}
}

View File

@@ -25,10 +25,23 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
36-054 Rudna Mała 75
</div>
<div class="_text">
KRS Nr 0000191980<br>
KRS Nr. 0000191980<br>
REGON: 690379060<br>
NIP: PL8131086710
</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="_accordion_small">
<div class="_head" accordion="1">
SEKRETARIAT <img src="/layout/images/arrow-white-down.svg">
@@ -37,9 +50,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">
<!-- <div class="_head_link" accordion="4">
<a href="#obsluga-klienta">OBSŁUGA KLIENTA</a>
</div>
</div> -->
<div class="_head" accordion="2">
SERWIS <img src="/layout/images/arrow-white-down.svg">
</div>
@@ -55,20 +68,8 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<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">
<!-- <div class="_socials">
<a href="https://www.facebook.com/vidok.okna.drzwi/" target="_blank">
<img src="/layout/images/icon-facebook-white.svg">
</a>
@@ -78,7 +79,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
<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>
<div class="_right">
<div class="contact-form-box">
@@ -166,10 +167,6 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
EUR: PL 84 1050 1562 1000 0090 3034 4213<br>
PLN: PL 31 1050 1562 1000 0090 3034 4197
</div> -->
<div class="_h1">ZNAJDŹ SALON</div>
<div class="_map">
<div id="map" style="width: 100%; height: 500px;"></div>
</div>
</div>
</div>
</div>
@@ -1346,6 +1343,16 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
</div>
</div>
</div>
<div class="row row-3">
<div class="col-12">
<div class="_h1">ZNAJDŹ SALON</div>
<div class="_map">
<div id="map" style="width: 100%; height: 500px;"></div>
</div>
</div>
</div>
<div class="row row-1">
<div class="col-12">
<div class="contact-form-bottom">