Merge branch 'main' of http://91.189.216.43:3000/jacek.pyziak/vidok.com
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,6 +1,11 @@
|
||||
@import 'variables';
|
||||
@import '_mixins';
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
scroll-padding-top: 105px;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
@@ -188,6 +193,8 @@ strong {
|
||||
}
|
||||
|
||||
&.row-2 {
|
||||
margin-bottom: 50px;
|
||||
|
||||
.contact_accordion {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
@@ -206,7 +213,7 @@ strong {
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
padding: 22px 46px 19px;
|
||||
background: #2e2d2c;
|
||||
background: #1d1d1e;
|
||||
border-radius: 3px;
|
||||
font-weight: 200;
|
||||
|
||||
@@ -392,11 +399,30 @@ strong {
|
||||
|
||||
._autoryzowani_partnerzy {
|
||||
._title {
|
||||
position: relative;
|
||||
max-width: fit-content;
|
||||
margin-left: auto;
|
||||
|
||||
color: #3f3f3f;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
text-align: right;
|
||||
text-transform: uppercase;
|
||||
text-decoration: underline;
|
||||
margin-bottom: 10px;
|
||||
// text-decoration: underline;
|
||||
// margin-bottom: 10px;
|
||||
padding-bottom: 2px;
|
||||
margin-bottom: -3px;
|
||||
line-height: 1;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 1px;
|
||||
background: #bbbbbb;
|
||||
}
|
||||
}
|
||||
|
||||
._grid {
|
||||
@@ -448,7 +474,7 @@ strong {
|
||||
._city {
|
||||
padding-bottom: 30px;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid #bbbbbb;
|
||||
// border-bottom: 1px solid #bbbbbb;
|
||||
|
||||
._description {
|
||||
height: 100%;
|
||||
@@ -468,20 +494,30 @@ strong {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 50px;
|
||||
height: 2px;
|
||||
background: #fff246;
|
||||
}
|
||||
// &::after {
|
||||
// content: '';
|
||||
// position: absolute;
|
||||
// bottom: 0;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
// width: 50px;
|
||||
// height: 2px;
|
||||
// background: #fff246;
|
||||
// }
|
||||
}
|
||||
|
||||
strong {
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 2px;
|
||||
background: #fff246;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -546,10 +582,43 @@ strong {
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
|
||||
@include respond-below(md) {
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
&.export {
|
||||
max-width: 920px;
|
||||
|
||||
._person__wrapp {
|
||||
@include respond-above(md) {
|
||||
flex-basis: 260px;
|
||||
}
|
||||
|
||||
._person {
|
||||
p {
|
||||
strong {
|
||||
font-weight: 700;
|
||||
|
||||
a {
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
._person__wrapp {
|
||||
flex-basis: 320px;
|
||||
text-align: center;
|
||||
|
||||
@include respond-below(sm) {
|
||||
flex-basis: calc(100% / 2 - (40px - 40px / 2));
|
||||
}
|
||||
@include respond-below(xs) {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
._person_title {
|
||||
color: #1d1d1e;
|
||||
font-size: 20px;
|
||||
@@ -566,11 +635,11 @@ strong {
|
||||
padding: 20px 26px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05);
|
||||
flex-basis: calc(100% / 3 - (70px - 70px / 3));
|
||||
|
||||
@include respond-below(md) {
|
||||
flex-basis: calc(100% / 2 - (70px - 70px / 2));
|
||||
}
|
||||
// width: calc(100% / 3 - (70px - 70px / 3));
|
||||
width: 100%;
|
||||
// @include respond-below(md) {
|
||||
// width: calc(100% / 2 - (40px - 40px / 2));
|
||||
// }
|
||||
|
||||
p {
|
||||
color: #1d1d1e;
|
||||
@@ -605,10 +674,13 @@ strong {
|
||||
padding: 20px 26px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05);
|
||||
flex-basis: calc(100% / 3 - (70px - 70px / 3));
|
||||
width: calc(100% / 3 - (70px - 70px / 3));
|
||||
|
||||
@include respond-below(md) {
|
||||
flex-basis: calc(100% / 2 - (70px - 70px / 2));
|
||||
width: calc(100% / 2 - (40px - 40px / 2));
|
||||
}
|
||||
@include respond-below(xs) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
p {
|
||||
@@ -618,6 +690,10 @@ strong {
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
|
||||
@include respond-below(xs) {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -631,6 +707,10 @@ strong {
|
||||
&:hover {
|
||||
color: #fff246;
|
||||
}
|
||||
|
||||
@include respond-below(xs) {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -639,6 +719,16 @@ strong {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.row-3 {
|
||||
._h1 {
|
||||
color: #181c1d;
|
||||
font-size: 32px;
|
||||
font-family: $font3;
|
||||
font-weight: 300;
|
||||
padding: 40px 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -654,8 +744,8 @@ strong {
|
||||
}
|
||||
|
||||
._left {
|
||||
width: 30%;
|
||||
min-width: 350px;
|
||||
width: 40%;
|
||||
min-width: 520px;
|
||||
background: url('/layout/images/contact-left-bg.png') no-repeat;
|
||||
background-size: cover;
|
||||
padding: 60px;
|
||||
@@ -664,6 +754,11 @@ strong {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@include respond-below(lg) {
|
||||
padding: 60px 30px;
|
||||
min-width: 410px;
|
||||
}
|
||||
|
||||
@include respond-below(md) {
|
||||
width: 100%;
|
||||
min-width: unset;
|
||||
@@ -699,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 {
|
||||
@@ -717,8 +814,19 @@ strong {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 10px;
|
||||
|
||||
._head_link {
|
||||
> a {
|
||||
color: #fff;
|
||||
font-family: $font3;
|
||||
// font-weight: 600;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
._head {
|
||||
font-weight: 600;
|
||||
// font-weight: 600;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
|
||||
&._active {
|
||||
@@ -754,49 +862,84 @@ strong {
|
||||
}
|
||||
|
||||
._accounts {
|
||||
margin-top: 400px;
|
||||
// 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;
|
||||
grid-template-areas: 'icon' 'text' 'numbers';
|
||||
}
|
||||
|
||||
._icon {
|
||||
margin-bottom: 20px;
|
||||
grid-area: icon;
|
||||
// margin-bottom: 20px;
|
||||
width: 100%;
|
||||
max-width: 78px;
|
||||
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%);
|
||||
}
|
||||
}
|
||||
|
||||
._text {
|
||||
grid-area: text;
|
||||
font-size: 15px;
|
||||
margin: 0;
|
||||
|
||||
// @include respond-below(md) {
|
||||
// margin-bottom: 20px;
|
||||
// }
|
||||
@include respond-below(md) {
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
._accounts_numbers {
|
||||
@include respond-above(md) {
|
||||
display: none;
|
||||
}
|
||||
@include respond-below(md) {
|
||||
margin-bottom: 50px;
|
||||
grid-area: numbers;
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
|
||||
// @include respond-above(md) {
|
||||
// display: none;
|
||||
// }
|
||||
// @include respond-below(md) {
|
||||
// margin-bottom: 50px;
|
||||
// }
|
||||
|
||||
@include respond-below(lg) {
|
||||
font-size: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
._right {
|
||||
width: 70%;
|
||||
// width: 60%;
|
||||
|
||||
@include respond-below(md) {
|
||||
width: 100%;
|
||||
// @include respond-below(md) {
|
||||
// width: 100%;
|
||||
// }
|
||||
|
||||
._h1 {
|
||||
color: #181c1d;
|
||||
font-size: 32px;
|
||||
font-family: $font3;
|
||||
font-weight: 300;
|
||||
padding: 40px 60px 0px 60px;
|
||||
}
|
||||
|
||||
._map {
|
||||
padding: 60px 60px 0 60px;
|
||||
padding: 30px 60px 0 60px;
|
||||
|
||||
@include respond-below(md) {
|
||||
padding: 60px 0;
|
||||
@@ -804,7 +947,7 @@ strong {
|
||||
}
|
||||
|
||||
.contact-form-box {
|
||||
padding: 60px;
|
||||
padding: 60px 30px 30px 30px;
|
||||
background: #f5f5f5;
|
||||
|
||||
@include respond-below(md) {
|
||||
@@ -812,13 +955,13 @@ strong {
|
||||
}
|
||||
}
|
||||
|
||||
._accounts_numbers {
|
||||
padding: 120px 60px 60px 60px;
|
||||
// ._accounts_numbers {
|
||||
// padding: 120px 60px 60px 60px;
|
||||
|
||||
@include respond-below(md) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
// @include respond-below(md) {
|
||||
// display: none;
|
||||
// }
|
||||
// }
|
||||
|
||||
.c-row {
|
||||
&-1 {
|
||||
@@ -1042,13 +1185,39 @@ strong {
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
}
|
||||
}
|
||||
|
||||
.form_actions {
|
||||
@include respond-below(xs) {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
row-gap: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.g-recaptcha {
|
||||
@include respond-above(xs) {
|
||||
max-width: fit-content;
|
||||
margin-left: auto;
|
||||
}
|
||||
@include respond-below(xs) {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
button[type='submit'] {
|
||||
background: #fbf27a;
|
||||
width: fit-content;
|
||||
margin-left: auto;
|
||||
// margin-left: auto;
|
||||
border: none;
|
||||
|
||||
color: #1d1d1e;
|
||||
@@ -1070,6 +1239,10 @@ strong {
|
||||
img {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
@include respond-above(xs) {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -585,31 +585,51 @@ p {
|
||||
}
|
||||
|
||||
#main-menu {
|
||||
@include respond-below(sm) {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include respond-below(md) {
|
||||
position: absolute;
|
||||
top: 110px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
// height: 100%;
|
||||
// width: 100%;
|
||||
// position: fixed;
|
||||
// z-index: 10;
|
||||
// background: #fff;
|
||||
// display: none;
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// left: 0;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// bottom: 0;
|
||||
transition: all 250ms ease-in-out;
|
||||
|
||||
&.visible {
|
||||
@include flexbox;
|
||||
// @include flexbox;
|
||||
height: calc(100dvh - 110px) !important;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
div[id^='menu-container-'] {
|
||||
@include respond-below(sm) {
|
||||
@include respond-below(md) {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #3f3f3f;
|
||||
padding: 20px 0;
|
||||
@include flexbox;
|
||||
@include align-items(center);
|
||||
@include justify-content(center);
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
}
|
||||
|
||||
> ul {
|
||||
@@ -617,11 +637,11 @@ p {
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
|
||||
@include respond-above(sm) {
|
||||
@include respond-above(md) {
|
||||
@include flexbox;
|
||||
}
|
||||
|
||||
@include respond-below(sm) {
|
||||
@include respond-below(md) {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -635,7 +655,7 @@ p {
|
||||
|
||||
&:hover {
|
||||
> a {
|
||||
color: $cGrayLightTextMenuHover;
|
||||
color: #1d1d1e;
|
||||
|
||||
@include respond-below(sm) {
|
||||
color: $cBlackText;
|
||||
@@ -645,49 +665,49 @@ p {
|
||||
}
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
color: #1d1d1e;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
|
||||
@include respond-above(lg) {
|
||||
display: block;
|
||||
padding: 20px 8px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
// padding: 20px 8px;
|
||||
padding: 0px 20px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
@include respond-between(md, lg) {
|
||||
display: block;
|
||||
padding: 20px 5px;
|
||||
// padding: 20px 5px;
|
||||
padding: 0px 15px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@include respond-between(sm, md) {
|
||||
display: block;
|
||||
padding: 20px 6px;
|
||||
// padding: 20px 6px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@include respond-below(sm) {
|
||||
display: block;
|
||||
@include respond-below(md) {
|
||||
padding: 5px;
|
||||
font-size: 17px;
|
||||
color: $cBlackText;
|
||||
}
|
||||
|
||||
i {
|
||||
@include respond-below(sm) {
|
||||
margin-left: 10px;
|
||||
}
|
||||
margin-left: 7px;
|
||||
// @include respond-below(sm) {
|
||||
// margin-left: 10px;
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
&.parent {
|
||||
> a {
|
||||
@include respond-above(sm) {
|
||||
@include respond-above(md) {
|
||||
pointer-events: none;
|
||||
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
// i {
|
||||
// display: none;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -695,10 +715,10 @@ p {
|
||||
&#link-8 {
|
||||
&.parent {
|
||||
> a {
|
||||
@include respond-above(sm) {
|
||||
i {
|
||||
display: none;
|
||||
}
|
||||
@include respond-above(md) {
|
||||
// i {
|
||||
// display: none;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -708,17 +728,17 @@ p {
|
||||
position: absolute;
|
||||
display: none;
|
||||
|
||||
@include respond-above(sm) {
|
||||
@include respond-above(md) {
|
||||
background: #fff;
|
||||
padding-inline-start: 0;
|
||||
list-style-type: none;
|
||||
box-shadow: 0 0 1px 0 #c0c0c0;
|
||||
}
|
||||
|
||||
@include respond-below(sm) {
|
||||
@include respond-below(md) {
|
||||
position: static;
|
||||
|
||||
@include respond-below(sm) {
|
||||
@include respond-below(md) {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
@@ -734,13 +754,13 @@ p {
|
||||
display: block;
|
||||
|
||||
&:hover {
|
||||
@include respond-above(sm) {
|
||||
@include respond-above(md) {
|
||||
color: #fff;
|
||||
background: #000;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-below(sm) {
|
||||
@include respond-below(md) {
|
||||
font-size: 15px;
|
||||
padding: 0;
|
||||
}
|
||||
@@ -748,7 +768,7 @@ p {
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-above(sm) {
|
||||
@include respond-above(md) {
|
||||
&:hover {
|
||||
ul {
|
||||
display: block;
|
||||
@@ -760,7 +780,7 @@ p {
|
||||
ul {
|
||||
display: block;
|
||||
|
||||
@include respond-below(sm) {
|
||||
@include respond-below(md) {
|
||||
list-style-type: none;
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
@@ -768,30 +788,80 @@ p {
|
||||
}
|
||||
}
|
||||
|
||||
#link-5 {
|
||||
display: none;
|
||||
}
|
||||
// #link-5 {
|
||||
// display: none;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#main-menu-btn {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
color: #fff;
|
||||
background: #000;
|
||||
position: relative;
|
||||
height: 20px;
|
||||
width: 33px;
|
||||
// position: fixed;
|
||||
// bottom: 10px;
|
||||
// right: 10px;
|
||||
// color: #fff;
|
||||
// background: #000;
|
||||
display: none;
|
||||
z-index: 9999;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
font-size: 25px;
|
||||
// line-height: 50px;
|
||||
// text-align: center;
|
||||
// font-size: 25px;
|
||||
cursor: pointer;
|
||||
@include border-radius(50%);
|
||||
// @include border-radius(50%);
|
||||
overflow: hidden;
|
||||
|
||||
@include respond-below(sm) {
|
||||
&.active {
|
||||
&::before {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%) rotate(45deg);
|
||||
}
|
||||
&::after {
|
||||
bottom: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%) rotate(-45deg);
|
||||
}
|
||||
|
||||
span.line {
|
||||
transform: translateX(calc(100% + 2px));
|
||||
}
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: #000;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: #000;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
|
||||
span.line {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: #000;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
|
||||
@include respond-below(md) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -1063,13 +1133,16 @@ p {
|
||||
}
|
||||
|
||||
.over {
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
color: #1d1d1e;
|
||||
font-family: $font3;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
|
||||
img {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
filter: invert(100%);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1147,6 +1220,7 @@ p {
|
||||
}
|
||||
|
||||
.search {
|
||||
line-height: 0;
|
||||
margin-left: 10px;
|
||||
|
||||
@include respond-below(xs) {
|
||||
@@ -1155,18 +1229,21 @@ p {
|
||||
}
|
||||
|
||||
img {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.search-box {
|
||||
background: $cGrayDarkBg;
|
||||
|
||||
height: 0;
|
||||
transition: all 0.3s ease;
|
||||
overflow: hidden;
|
||||
|
||||
.search-box-wrapper {
|
||||
margin-top: 25px;
|
||||
background: $cGrayDarkBg;
|
||||
}
|
||||
|
||||
.search-close {
|
||||
margin-left: 10px;
|
||||
}
|
||||
@@ -1201,7 +1278,8 @@ p {
|
||||
}
|
||||
|
||||
&.search-open {
|
||||
height: 43px;
|
||||
// height: 43px;
|
||||
height: 61px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1928,11 +2006,11 @@ p {
|
||||
}
|
||||
}
|
||||
|
||||
#link-5 {
|
||||
a {
|
||||
pointer-events: initial;
|
||||
}
|
||||
}
|
||||
// #link-5 {
|
||||
// a {
|
||||
// pointer-events: initial;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
p {
|
||||
@@ -10636,16 +10714,48 @@ div[class^='col-'] {
|
||||
}
|
||||
|
||||
header#header {
|
||||
padding-top: 35px;
|
||||
padding-bottom: 35px;
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
// backdrop-filter: blur(10px);
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
|
||||
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
// width: calc(100% - (30px * 2));
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: #3f3f3f;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
backdrop-filter: blur(10px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@include respond-below(md) {
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
.container {
|
||||
@include respond-above(xxl) {
|
||||
max-width: 1500px;
|
||||
}
|
||||
@include respond-above(xxxl) {
|
||||
max-width: 1780px;
|
||||
}
|
||||
// @include respond-above(xxl) {
|
||||
// max-width: 1500px;
|
||||
// }
|
||||
// @include respond-above(xxxl) {
|
||||
// max-width: 1780px;
|
||||
// }
|
||||
}
|
||||
|
||||
.header-data {
|
||||
@@ -10653,36 +10763,60 @@ header#header {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
column-gap: 100px;
|
||||
column-gap: 30px;
|
||||
|
||||
@include respond-below(lg) {
|
||||
column-gap: 20px;
|
||||
}
|
||||
|
||||
.header-logo {
|
||||
width: 100%;
|
||||
max-width: 93px;
|
||||
max-width: fit-content;
|
||||
|
||||
@include respond-below(md) {
|
||||
flex: 1;
|
||||
max-width: unset;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 93px;
|
||||
}
|
||||
}
|
||||
|
||||
.header-menu {
|
||||
#header-nav {
|
||||
@include respond-below(md) {
|
||||
order: 3;
|
||||
}
|
||||
|
||||
#main-menu {
|
||||
// margin-right: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.header-action {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
||||
#main-menu {
|
||||
margin-right: 60px;
|
||||
}
|
||||
|
||||
#header-action-btns {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
gap: 40px;
|
||||
margin-right: 15px;
|
||||
|
||||
> * {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@include respond-below(lg) {
|
||||
gap: 30px;
|
||||
}
|
||||
@include respond-below(sm) {
|
||||
gap: 20px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-popup-oferta {
|
||||
@@ -10690,15 +10824,14 @@ header#header {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 19px 36px 17px;
|
||||
padding: 17px 20px 13px 38px;
|
||||
background: #fff246;
|
||||
border-radius: 6px;
|
||||
margin-right: 60px;
|
||||
|
||||
color: #1d1d1e;
|
||||
font-size: 16px;
|
||||
font-size: 13px;
|
||||
font-family: $font3;
|
||||
font-weight: 800;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
@@ -10707,6 +10840,15 @@ header#header {
|
||||
|
||||
img {
|
||||
padding-bottom: 6px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
@include respond-between(md, lg) {
|
||||
padding: 17px 15px 13px 28px;
|
||||
max-width: 150px;
|
||||
}
|
||||
@include respond-below(sm) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -313,63 +313,81 @@ if ( \S::get('action') == 'send-contact-landing' and \S::get( 'token' ) == \S::g
|
||||
|
||||
if ( \S::get('action') == 'send-contact-form-new' and \S::get( 'token' ) == \S::get_session( 'contact-form-token' ) and !\S::get( 'website' ) )
|
||||
{
|
||||
$countfiles = count($_FILES['files']['name']);
|
||||
|
||||
for ($i = 0; $i < $countfiles; $i++)
|
||||
{
|
||||
$filename = $_FILES['files']['name'][$i];
|
||||
if ($filename and pathinfo( $_FILES['files']['name'][$i], PATHINFO_EXTENSION ) != 'php' )
|
||||
{
|
||||
move_uploaded_file($_FILES['files']['tmp_name'][$i], 'temp/' . $filename);
|
||||
$files_to_send[] = 'temp/' . $filename;
|
||||
}
|
||||
if(isset($_POST['g-recaptcha-response'])){
|
||||
$captcha=$_POST['g-recaptcha-response'];
|
||||
}
|
||||
if(!$captcha){
|
||||
\S::alert( "Weryfikacja reCaptcha nie powiodła się. Proszę spróbować ponownie." );
|
||||
header( 'Location: ' . $_SERVER['REQUEST_URI'] );
|
||||
exit;
|
||||
}
|
||||
$secretKey = "6LfaovglAAAAAAz84QLdbONodP1yJUpSOVTnFMt4";
|
||||
$ip = $_SERVER['REMOTE_ADDR'];
|
||||
// post request to server
|
||||
$url = 'https://www.google.com/recaptcha/api/siteverify?secret=' . urlencode($secretKey) . '&response=' . urlencode($captcha);
|
||||
$response = file_get_contents($url);
|
||||
$responseKeys = json_decode($response,true);
|
||||
// should return JSON with success as true
|
||||
if($responseKeys["success"]) {
|
||||
$countfiles = count($_FILES['files']['name']);
|
||||
|
||||
|
||||
if (
|
||||
\S::get( 'name' )
|
||||
and
|
||||
\S::get( 'email' )
|
||||
and
|
||||
\S::get( 'postal_code' )
|
||||
and
|
||||
\S::get( 'phone' )
|
||||
and
|
||||
\S::get( 'voivodeship' )
|
||||
and
|
||||
\S::get( 'client' )
|
||||
and
|
||||
strposa( \S::get( 'name' ), $spam_words ) === false
|
||||
and
|
||||
strposa( \S::get( 'email' ), $spam_words ) === false
|
||||
and
|
||||
strposa( \S::get( 'postal_code' ), $spam_words ) === false
|
||||
and
|
||||
strposa( \S::get( 'phone' ), $spam_words ) === false
|
||||
and
|
||||
strposa( \S::get( 'message' ), $spam_words ) === false )
|
||||
{
|
||||
$text = '<p><b>Imię:</b> ' . \S::get('name') . '</p>';
|
||||
$text .= '<p><b>Email:</b> ' . \S::get('email') . '</p>';
|
||||
$text .= '<p><b>Kod pocztowy:</b> ' . \S::get('postal_code') . '</p>';
|
||||
$text .= '<p><b>Województwo:</b> ' . \S::get('voivodeship') . '</p>';
|
||||
$text .= '<p><b>Klient:</b> ' . \S::get('client') . '</p>';
|
||||
$text .= '<p><b>Telefon:</b> ' . \S::get('phone') . '</p>';
|
||||
$text .= '<p><b>Wiadomość:</b> ' . nl2br(\S::get('message')) . '</p>';
|
||||
$text .= '<p style="font-size: 13px; color: #ccc; margin-top: 50px;"><b>Wysłano:</b> ' . date( 'Y-m-d H:i:s' ) . '</p>';
|
||||
|
||||
saveContactData( \S::get('name'), \S::get('email'), \S::get('phone'), \S::get('message'), \S::get('postal_code'), '', '', '', '', );
|
||||
|
||||
if ( \S::send_email( 'l.paczkowska@vidok.com', 'Wiadomość ze strony vidok.com', $text, \S::get('email'), $files_to_send ) )
|
||||
for ($i = 0; $i < $countfiles; $i++)
|
||||
{
|
||||
\S::alert( \S::lang('wiadomosc-zostala-wyslana' ) );
|
||||
$filename = $_FILES['files']['name'][$i];
|
||||
if ($filename and pathinfo( $_FILES['files']['name'][$i], PATHINFO_EXTENSION ) != 'php' )
|
||||
{
|
||||
move_uploaded_file($_FILES['files']['tmp_name'][$i], 'temp/' . $filename);
|
||||
$files_to_send[] = 'temp/' . $filename;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if (
|
||||
\S::get( 'name' )
|
||||
and
|
||||
\S::get( 'email' )
|
||||
and
|
||||
\S::get( 'postal_code' )
|
||||
and
|
||||
\S::get( 'phone' )
|
||||
and
|
||||
\S::get( 'voivodeship' )
|
||||
and
|
||||
\S::get( 'client' )
|
||||
and
|
||||
strposa( \S::get( 'name' ), $spam_words ) === false
|
||||
and
|
||||
strposa( \S::get( 'email' ), $spam_words ) === false
|
||||
and
|
||||
strposa( \S::get( 'postal_code' ), $spam_words ) === false
|
||||
and
|
||||
strposa( \S::get( 'phone' ), $spam_words ) === false
|
||||
and
|
||||
strposa( \S::get( 'message' ), $spam_words ) === false )
|
||||
{
|
||||
$text = '<p><b>Imię:</b> ' . \S::get('name') . '</p>';
|
||||
$text .= '<p><b>Email:</b> ' . \S::get('email') . '</p>';
|
||||
$text .= '<p><b>Kod pocztowy:</b> ' . \S::get('postal_code') . '</p>';
|
||||
$text .= '<p><b>Województwo:</b> ' . \S::get('voivodeship') . '</p>';
|
||||
$text .= '<p><b>Klient:</b> ' . \S::get('client') . '</p>';
|
||||
$text .= '<p><b>Telefon:</b> ' . \S::get('phone') . '</p>';
|
||||
$text .= '<p><b>Wiadomość:</b> ' . nl2br(\S::get('message')) . '</p>';
|
||||
$text .= '<p style="font-size: 13px; color: #ccc; margin-top: 50px;"><b>Wysłano:</b> ' . date( 'Y-m-d H:i:s' ) . '</p>';
|
||||
|
||||
saveContactData( \S::get('name'), \S::get('email'), \S::get('phone'), \S::get('message'), \S::get('postal_code'), '', '', '', '', );
|
||||
|
||||
if ( \S::send_email( 'l.paczkowska@vidok.com', 'Wiadomość ze strony vidok.com', $text, \S::get('email'), $files_to_send ) )
|
||||
{
|
||||
\S::alert( \S::lang('wiadomosc-zostala-wyslana' ) );
|
||||
}
|
||||
else
|
||||
\S::alert( \S::lang('wiadomosc-niezostala-wyslana' ) );
|
||||
}
|
||||
else
|
||||
\S::alert( \S::lang('wiadomosc-niezostala-wyslana' ) );
|
||||
} else {
|
||||
\S::alert( "Jesteś robotem!" );
|
||||
}
|
||||
else
|
||||
\S::alert( \S::lang('wiadomosc-niezostala-wyslana' ) );
|
||||
|
||||
header('Location: ' . $_SERVER['REQUEST_URI']);
|
||||
header( 'Location: ' . $_SERVER['REQUEST_URI'] );
|
||||
exit;
|
||||
}
|
||||
@@ -1,97 +1,39 @@
|
||||
<? include 'templates_user/components/detect-language.php'; ?>
|
||||
<?php
|
||||
function getUserIP() {
|
||||
if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
|
||||
return $_SERVER['HTTP_CLIENT_IP'];
|
||||
} elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
|
||||
return explode(',', $_SERVER['HTTP_X_FORWARDED_FOR'])[0];
|
||||
} else {
|
||||
return $_SERVER['REMOTE_ADDR'];
|
||||
}
|
||||
}
|
||||
|
||||
$allowedIP = '217.119.76.99';
|
||||
$userIP = getUserIP();
|
||||
?>
|
||||
|
||||
<?php if ($userIP == $allowedIP): ?>
|
||||
<header id="header" style="background: gray;">
|
||||
<div class="container">
|
||||
<div class="header-data">
|
||||
<div class="header-logo">
|
||||
<a href="/"></a>
|
||||
<img alt="" src="/upload/filemanager/images/vidok-logo-mini.svg" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="header-menu">
|
||||
<?= \front\view\Menu::main_menu(\front\factory\Menu::menu_details( 1 ), $page['id']); ?>
|
||||
|
||||
|
||||
<div id="header-action-btns">
|
||||
<a class="search" href="#">
|
||||
<img alt="" src="/upload/filemanager/icon/search-white.svg" />
|
||||
</a>
|
||||
|
||||
<?= \front\view\Languages::languages(); ?>
|
||||
</div>
|
||||
|
||||
<a href="#" class="btn-popup-oferta">
|
||||
Bezpłatna wycena
|
||||
<img src="/upload/filemanager/images/check-box-Vector.svg" alt="">
|
||||
</a>
|
||||
|
||||
<img class="unia-img" alt="" src="/upload/filemanager/images/Unia---Vector.svg" />
|
||||
</div>
|
||||
<header id="header" class="header-container">
|
||||
<div class="container">
|
||||
<div class="header-data">
|
||||
<div class="header-logo">
|
||||
<a href="/">
|
||||
<img alt="" src="/upload/filemanager/images/vidok-logo-mini.svg" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<div class="container">
|
||||
<?= \front\view\Search::search_form(); ?>
|
||||
|
||||
<div id="header-nav">
|
||||
<?= \front\view\Menu::main_menu(\front\factory\Menu::menu_details( 1 ), $page['id']); ?>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<?php else: ?>
|
||||
<div class="header-container fixed-top">
|
||||
<div class="header ">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-5 col-sm-2">
|
||||
<div class="logo-container">
|
||||
<a href="/">
|
||||
<div class="box-logo">
|
||||
<div class="logo-front">
|
||||
<img alt="" src="/upload/filemanager/images/vidok.png" />
|
||||
</div>
|
||||
<div class="logo-back">
|
||||
<img alt="" src="/upload/filemanager/images/vidok-logo.png" />
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-7 col-sm-10">
|
||||
<?= \front\view\Menu::main_menu(\front\factory\Menu::menu_details( 1 ), $page['id']); ?>
|
||||
<a href="#" class="btn1 hidden-below-xs btn-popup-oferta">
|
||||
Otrzymaj ofertę
|
||||
</a>
|
||||
<a href="#" class="btn1 hidden-above-xs btn-popup-oferta">
|
||||
Oferta
|
||||
</a>
|
||||
|
||||
<div class="header-action">
|
||||
<div id="header-action-btns">
|
||||
<a class="search" href="#">
|
||||
<img alt="" src="/upload/filemanager/icon/search-white.svg" />
|
||||
<img alt="" src="/upload/filemanager/icon/search-black.svg" />
|
||||
</a>
|
||||
<?= \front\view\Scontainers::scontainer( 1 ); ?>
|
||||
|
||||
<?= \front\view\Languages::languages(); ?>
|
||||
<img alt="" src="/upload/filemanager/images/flaga-ue.png" />
|
||||
</div>
|
||||
<a href="#" class="btn1 hidden-below-xs btn-popup-oferta">
|
||||
Bezpłatna wycena
|
||||
<img src="/upload/filemanager/images/check-box-Vector.svg" alt="">
|
||||
</a>
|
||||
|
||||
<!-- <img class="unia-img" alt="" src="/upload/filemanager/images/Unia---Vector.svg" /> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-box">
|
||||
<div class="container">
|
||||
<?= \front\view\Search::search_form(); ?>
|
||||
<div class="search-box-wrapper">
|
||||
<div class="container">
|
||||
<?= \front\view\Search::search_form(); ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</header>
|
||||
48
templates_user/menu/main-menu.php
Normal file
48
templates_user/menu/main-menu.php
Normal file
@@ -0,0 +1,48 @@
|
||||
<div id="main-menu">
|
||||
<div id="menu-container-<?= $this -> menu['id'];?>">
|
||||
<?= \front\view\Menu::pages( $this -> menu['pages'], 0, $this -> current_page );?>
|
||||
</div>
|
||||
</div>
|
||||
<div id="main-menu-btn">
|
||||
<span class="line"></span>
|
||||
<!-- <i class="fa fa-bars"></i> -->
|
||||
</div>
|
||||
<script class="footer" type="text/javascript">
|
||||
$(window).resize(function() {
|
||||
windowsize = $(window).width();
|
||||
});
|
||||
|
||||
$( 'body' ).on( click_event, '#main-menu-btn', function()
|
||||
{
|
||||
if ( windowsize <= 991 )
|
||||
{
|
||||
if ( $( this ).hasClass( 'active' ) )
|
||||
{
|
||||
$( this ).removeClass( 'active' );
|
||||
$( '#main-menu' ).removeClass( 'visible' );
|
||||
$( '#main-menu-btn i' ).addClass( 'fa-bars' ).removeClass( 'fa-times' );
|
||||
}
|
||||
else
|
||||
{
|
||||
$( this ).addClass( 'active' );
|
||||
$( '#main-menu' ).addClass( 'visible' );
|
||||
$( '#main-menu-btn i' ).removeClass( 'fa-bars' ).addClass( 'fa-times' );
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$( 'body' ).on( click_event, '#menu-container-<?= $this -> menu['id'];?> > ul > li > a', function(e)
|
||||
{
|
||||
if ( windowsize <= 991 )
|
||||
{
|
||||
if ( $( this ).parent().hasClass( 'parent' ) )
|
||||
e.preventDefault();
|
||||
|
||||
if ( !$( this ).parent().hasClass( 'active' ) )
|
||||
{
|
||||
$( '#menu-container-<?= $this -> menu['id'];?> > ul > li' ).removeClass( 'active' );
|
||||
$( this ).parent().addClass( 'active' );
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
61
templates_user/menu/pages.php
Normal file
61
templates_user/menu/pages.php
Normal file
@@ -0,0 +1,61 @@
|
||||
<?
|
||||
if ( is_array( $this -> pages ) )
|
||||
{
|
||||
$settings = \front\factory\Settings::settings_details();
|
||||
|
||||
echo '<ul class="level-' . $this -> level . ' clear">';
|
||||
|
||||
foreach ( $this -> pages as $page )
|
||||
{
|
||||
$url = "";
|
||||
if ($settings['links_structure'])
|
||||
{
|
||||
if ($page['language']['seo_link'])
|
||||
{
|
||||
$url = '/'.\admin\factory\Pages::google_url_preview($page['id'], $page['language']['title'], $page['language']['lang_id'], 0, 0, $page['language']['seo_link']);
|
||||
}
|
||||
else
|
||||
{
|
||||
$url = '/'. \admin\factory\Pages::google_url_preview($page['id'], $page['language']['title'], $page['language']['lang_id'], 0, 0, 0);
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
$page['language']['seo_link'] ? $url = '/' . $page['language']['seo_link'] : $url = '/s-' . $page['id'] . '-' . \S::seo( $page['language']['title'] );
|
||||
}
|
||||
|
||||
if ( $page['page_type'] == 3 and $page['language']['link'] )
|
||||
$url = $page['language']['link'];
|
||||
|
||||
unset( $children );
|
||||
|
||||
if ( is_array( $page['pages'] ) ): foreach ( $page['pages'] as $page_tmp ):
|
||||
$children[] = $page_tmp['id'];
|
||||
endforeach; endif;
|
||||
|
||||
echo '<li id="link-' . $page['id'] . '" class="';
|
||||
|
||||
if ($page['id'] == $this -> current_page )
|
||||
echo ' active';
|
||||
|
||||
if( is_array( $page['pages'] ) and in_array( $this -> current_page, $children ) )
|
||||
echo ' open';
|
||||
|
||||
if ( is_array( $page['pages'] ) )
|
||||
echo ' parent';
|
||||
|
||||
echo '">';
|
||||
echo '<a href="';
|
||||
if ( \S::get_session( 'current-lang' ) != \front\factory\Languages::default_language() and $url != '#' and $page['page_type'] != 3 )
|
||||
echo '/' . \S::get_session( 'current-lang' );
|
||||
echo $url; if ( $settings['url_version'] ) echo '/'; echo '"'; if ( $page['language']['noindex'] ) echo 'rel="nofollow"'; echo ' title="' . $page['language']['title'] . '"'; if ( is_array( $page['pages'] ) ) echo "class='menu-trigger'"; echo '>';
|
||||
echo $page['language']['title'];
|
||||
if ( is_array( $page['pages'] ) )
|
||||
echo '<i class="fa fa-angle-down" aria-hidden="true"></i>';
|
||||
echo '</a>';
|
||||
echo \front\view\Menu::pages( $page['pages'], $this -> level + 1, $this -> current_page );
|
||||
echo '</li>';
|
||||
}
|
||||
echo '</ul>';
|
||||
}
|
||||
?>
|
||||
@@ -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,6 +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">
|
||||
<a href="#obsluga-klienta">OBSŁUGA KLIENTA</a>
|
||||
</div> -->
|
||||
<div class="_head" accordion="2">
|
||||
SERWIS <img src="/layout/images/arrow-white-down.svg">
|
||||
</div>
|
||||
@@ -52,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="_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">
|
||||
</a>
|
||||
@@ -75,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">
|
||||
@@ -152,19 +156,17 @@ $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 class="_map">
|
||||
<div id="map" style="width: 100%; height: 500px;"></div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -175,8 +177,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 +477,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 +486,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 +496,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 +516,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 +1165,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">
|
||||
@@ -1197,7 +1199,7 @@ $google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||
<strong>Artur Wąsowski</strong><br />
|
||||
<br />
|
||||
tel.: <strong><a href="tel:+48 728 976 847">+48 728 976 847</a></strong><br />
|
||||
e-mail: <strong><a href="mailto:a.wasowski@vidok.com">a.wasowski@vidok.com></a></strong><br />
|
||||
e-mail: <strong><a href="mailto:a.wasowski@vidok.com">a.wasowski@vidok.com</a></strong><br />
|
||||
<br />
|
||||
woj. opolskie<br />
|
||||
woj. dolnośląskie<br />
|
||||
@@ -1275,7 +1277,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">
|
||||
@@ -1341,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">
|
||||
@@ -1370,19 +1382,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 +1403,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 +1426,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 +1464,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 +1525,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');
|
||||
|
||||
@@ -1,24 +1,21 @@
|
||||
<div class="lang-change">
|
||||
<div class="over"> PL <img src="/upload/filemanager/icon/caret-down-white.svg"></div>
|
||||
<div class="over"> PL <i class="fa fa-angle-down" aria-hidden="true"></i></div>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://eng.vidok.com/" target="_blank">eng</a>
|
||||
<a href="https://de.vidok.com/" target="_blank">DE</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://gb.vidok.com/" target="_blank">gb</a>
|
||||
<a href="https://eng.vidok.com/" target="_blank">ENG</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://de.vidok.com/" target="_blank">de</a>
|
||||
<a href="https://fr.vidok.com/" target="_blank">FR</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://it.vidok.com/" target="_blank">it</a>
|
||||
<a href="https://it.vidok.com/" target="_blank">IT</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://fr.vidok.com/" target="_blank">fr</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://sk.vidok.com/" target="_blank">sk</a>
|
||||
<a href="https://sk.vidok.com/" target="_blank">SK</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
Reference in New Issue
Block a user