Kontakt page
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
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -238,8 +238,8 @@ select {
|
||||
}
|
||||
|
||||
.box-2 {
|
||||
padding-top: 105px;
|
||||
padding-bottom: 112px;
|
||||
padding-top: 90px;
|
||||
padding-bottom: 80px;
|
||||
|
||||
.box-2--wrapper {
|
||||
.c-row {
|
||||
@@ -414,69 +414,14 @@ select {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-1 {
|
||||
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: $font3;
|
||||
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 {
|
||||
input {
|
||||
&[type='text'],
|
||||
&[type='email'] {
|
||||
padding: 13px 14px 11px 14px;
|
||||
border-radius: 20px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: #fff;
|
||||
min-height: 100px;
|
||||
|
||||
color: #3f3f3f;
|
||||
font-size: 14px;
|
||||
@@ -485,205 +430,264 @@ select {
|
||||
font-weight: 300;
|
||||
|
||||
outline: none;
|
||||
resize: none;
|
||||
}
|
||||
select {
|
||||
|
||||
&[type='radio'],
|
||||
&[type='checkbox'] {
|
||||
position: relative;
|
||||
appearance: none;
|
||||
padding: 13px 14px 11px 14px;
|
||||
border-radius: 20px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: #fff;
|
||||
|
||||
color: #3f3f3f;
|
||||
font-size: 14px;
|
||||
font-family: $font3;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
|
||||
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;
|
||||
|
||||
color: #3f3f3f;
|
||||
font-size: 14px;
|
||||
font-family: $font3;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
|
||||
outline: none;
|
||||
resize: none;
|
||||
}
|
||||
select {
|
||||
position: relative;
|
||||
appearance: none;
|
||||
padding: 13px 14px 11px 14px;
|
||||
border-radius: 20px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: #fff;
|
||||
|
||||
color: #3f3f3f;
|
||||
font-size: 14px;
|
||||
font-family: $font3;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
|
||||
outline: none;
|
||||
}
|
||||
._1_column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 8px;
|
||||
margin-bottom: 5px;
|
||||
|
||||
&._col_message {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
> * {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
._2_columns {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 25px;
|
||||
margin-bottom: 7px;
|
||||
|
||||
@include respond-below(sm) {
|
||||
flex-wrap: wrap;
|
||||
row-gap: 14px;
|
||||
}
|
||||
|
||||
._1_column {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-bottom: 5px;
|
||||
> * {
|
||||
width: 50% !important;
|
||||
|
||||
&._col_message {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
> * {
|
||||
@include respond-below(sm) {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
._2_columns {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 25px;
|
||||
margin-bottom: 7px;
|
||||
._text {
|
||||
margin: 16px 0 14px;
|
||||
text-align: center;
|
||||
|
||||
@include respond-below(sm) {
|
||||
flex-wrap: wrap;
|
||||
row-gap: 14px;
|
||||
}
|
||||
|
||||
> * {
|
||||
width: 50% !important;
|
||||
|
||||
@include respond-below(sm) {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
._text {
|
||||
margin: 16px 0 14px;
|
||||
text-align: center;
|
||||
|
||||
p {
|
||||
color: #1d1d1e;
|
||||
font-size: 11px;
|
||||
font-weight: 300;
|
||||
font-family: $font3;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
._file {
|
||||
padding: 29px;
|
||||
margin: 0 0 26px 0;
|
||||
border-radius: 20px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: #fff;
|
||||
|
||||
color: #3f3f3f;
|
||||
font-size: 14px;
|
||||
font-family: $font3;
|
||||
line-height: 1;
|
||||
p {
|
||||
color: #1d1d1e;
|
||||
font-size: 11px;
|
||||
font-weight: 300;
|
||||
border: none;
|
||||
font-family: $font3;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.fileuploader-input {
|
||||
width: fit-content;
|
||||
margin: 0 auto;
|
||||
._file {
|
||||
padding: 29px;
|
||||
margin: 0 0 26px 0;
|
||||
border-radius: 20px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
background: #fff;
|
||||
|
||||
.fileuploader-input-caption {
|
||||
span {
|
||||
padding-top: 3px;
|
||||
display: inline-block;
|
||||
color: #3f3f3f;
|
||||
font-size: 14px;
|
||||
font-family: $font3;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
border: none;
|
||||
|
||||
color: #1d1d1e;
|
||||
font-size: 16px;
|
||||
font-family: $font3;
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
.fileuploader-input {
|
||||
width: fit-content;
|
||||
margin: 0 auto;
|
||||
|
||||
button.fileuploader-input-button {
|
||||
background: #1e2832;
|
||||
border-radius: 25px;
|
||||
padding: 10px 36px;
|
||||
.fileuploader-input-caption {
|
||||
span {
|
||||
padding-top: 3px;
|
||||
display: inline-block;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
|
||||
color: #fff;
|
||||
color: #1d1d1e;
|
||||
font-size: 16px;
|
||||
font-family: $font3;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
flex-direction: column;
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
}
|
||||
}
|
||||
button.fileuploader-input-button {
|
||||
background: #1e2832;
|
||||
border-radius: 25px;
|
||||
padding: 10px 36px;
|
||||
|
||||
._radio,
|
||||
._checkbox {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
|
||||
label {
|
||||
color: #1d1d1e;
|
||||
font-size: 10px;
|
||||
font-family: $font3;
|
||||
font-weight: 300;
|
||||
line-height: 1;
|
||||
padding-top: 2px;
|
||||
margin-bottom: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.form_actions {
|
||||
margin-top: 37px;
|
||||
align-items: center;
|
||||
margin-bottom: 0;
|
||||
|
||||
@include respond-below(xs) {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
row-gap: 30px;
|
||||
}
|
||||
|
||||
button[type='submit'] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 13px 20px 10px 20px;
|
||||
margin: 0;
|
||||
background: #fff246;
|
||||
border-radius: 6px;
|
||||
color: #1d1d1e;
|
||||
font-size: 16px;
|
||||
|
||||
color: #fff;
|
||||
font-family: $font3;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12);
|
||||
width: fit-content !important;
|
||||
height: auto;
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
// &:active {
|
||||
// background: #f0e875;
|
||||
// }
|
||||
|
||||
img {
|
||||
width: 20px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
@include respond-above(xs) {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.g-recaptcha {
|
||||
width: fit-content !important;
|
||||
|
||||
@include respond-above(xs) {
|
||||
margin-left: auto;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
}
|
||||
}
|
||||
|
||||
._radio,
|
||||
._checkbox {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
|
||||
label {
|
||||
color: #1d1d1e;
|
||||
font-size: 10px;
|
||||
font-family: $font3;
|
||||
font-weight: 300;
|
||||
line-height: 1;
|
||||
padding-top: 2px;
|
||||
margin-bottom: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.form_actions {
|
||||
margin-top: 37px;
|
||||
align-items: center;
|
||||
margin-bottom: 0;
|
||||
flex-direction: row;
|
||||
|
||||
@include respond-below(xs) {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
row-gap: 30px;
|
||||
}
|
||||
|
||||
button[type='submit'] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 13px 20px 10px 20px;
|
||||
margin: 0;
|
||||
background: #fff246;
|
||||
border-radius: 6px;
|
||||
color: #1d1d1e;
|
||||
font-size: 16px;
|
||||
font-family: $font3;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12);
|
||||
width: fit-content !important;
|
||||
height: auto;
|
||||
border: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
// &:active {
|
||||
// background: #f0e875;
|
||||
// }
|
||||
|
||||
img {
|
||||
width: 20px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
@include respond-above(xs) {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.g-recaptcha {
|
||||
width: fit-content !important;
|
||||
|
||||
@include respond-above(xs) {
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-1 {
|
||||
textarea {
|
||||
min-height: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
&-2 {
|
||||
@@ -692,34 +696,20 @@ select {
|
||||
|
||||
.tabs-content-map {
|
||||
width: 100%;
|
||||
padding: 30px 10px 30px 10px;
|
||||
padding: 20px 10px 20px 10px;
|
||||
|
||||
.tabs-content-map--head {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 50px;
|
||||
margin-bottom: 40px;
|
||||
|
||||
.tabs-content-map--title {
|
||||
color: #948679;
|
||||
font-family: $font3;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 1.1;
|
||||
text-align: right;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
padding-right: 20px;
|
||||
margin: 0 20px 0 0;
|
||||
border-right: 1px solid #b8aea4;
|
||||
}
|
||||
.tabs-content-map--subtitle {
|
||||
color: #948679;
|
||||
color: #181c1d;
|
||||
font-family: $font3;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
font-size: 24px;
|
||||
line-height: 1.3;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -727,20 +717,18 @@ select {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
column-gap: 20px;
|
||||
|
||||
.tabs-content-map--sidebar {
|
||||
padding-top: 60px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
min-width: 178px;
|
||||
border-bottom: 1px solid #1e2832;
|
||||
|
||||
.tabs-content-map--sidebar-head {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: 24px;
|
||||
margin-bottom: 24px;
|
||||
border-bottom: 1px solid #1e2832;
|
||||
|
||||
.name {
|
||||
color: #000;
|
||||
@@ -777,21 +765,50 @@ select {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs-content-map--sidebar-list {
|
||||
.tabs-content-map--map {
|
||||
width: 100%;
|
||||
|
||||
#interactive-map {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
|
||||
svg {
|
||||
width: 100%;
|
||||
|
||||
path {
|
||||
fill: #fff;
|
||||
stroke: #7c7c7c;
|
||||
stroke-width: 1px;
|
||||
}
|
||||
path:hover {
|
||||
filter: brightness(0.95);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tabs-content-map--footer {
|
||||
margin-top: 24px;
|
||||
|
||||
.tabs-content-map--sidebar-list {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
|
||||
ul.personal-list {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
width: 100%;
|
||||
row-gap: 36px;
|
||||
column-gap: 30px;
|
||||
flex-wrap: wrap;
|
||||
|
||||
ul.personal-list {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
width: 240px;
|
||||
overflow: auto;
|
||||
max-height: 330px;
|
||||
row-gap: 36px;
|
||||
.personal-item {
|
||||
width: calc(50% - 15px);
|
||||
|
||||
.personal-item--head {
|
||||
margin-bottom: 20px;
|
||||
@@ -829,28 +846,6 @@ select {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tabs-content-map--map {
|
||||
width: 100%;
|
||||
|
||||
#interactive-map {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
|
||||
svg {
|
||||
width: 100%;
|
||||
|
||||
path {
|
||||
fill: #fff;
|
||||
stroke: #7c7c7c;
|
||||
stroke-width: 1px;
|
||||
}
|
||||
path:hover {
|
||||
filter: brightness(0.95);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -863,6 +858,7 @@ select {
|
||||
|
||||
.box-4 {
|
||||
background: #1e2832;
|
||||
margin-bottom: 100px;
|
||||
|
||||
.box-4--wrapper {
|
||||
padding: 100px 0;
|
||||
@@ -1006,20 +1002,6 @@ select {
|
||||
}
|
||||
}
|
||||
|
||||
.box-5 {
|
||||
margin-top: 83px;
|
||||
margin-bottom: 72px;
|
||||
|
||||
.box-5--wrapper {
|
||||
.c-row {
|
||||
width: 100%;
|
||||
max-width: 1014px;
|
||||
height: 1px;
|
||||
background: #1e2832;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
.box-6 {
|
||||
padding-bottom: 100px;
|
||||
|
||||
@@ -1030,108 +1012,81 @@ select {
|
||||
.c-row {
|
||||
&-1 {
|
||||
padding: 36px 35px;
|
||||
border-radius: 30px;
|
||||
border-top-left-radius: 30px;
|
||||
border-top-right-radius: 30px;
|
||||
background: #f6f5f4;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
gap: 48px;
|
||||
gap: 40px;
|
||||
transition: all 250ms ease-in-out;
|
||||
transition-delay: 250ms;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.c-col {
|
||||
&-1 {
|
||||
.c-col-head {
|
||||
margin-bottom: 24px;
|
||||
width: 50%;
|
||||
|
||||
p {
|
||||
color: #1e2832;
|
||||
font-family: $font3;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 1.25;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.c-col-body {
|
||||
img {
|
||||
border-radius: 10px;
|
||||
}
|
||||
img {
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
&-2 {
|
||||
width: 100%;
|
||||
width: 50%;
|
||||
align-content: center;
|
||||
|
||||
.c-col-head {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
column-gap: 20px;
|
||||
margin-bottom: 60px;
|
||||
* {
|
||||
color: #1e2832;
|
||||
font-family: $font3;
|
||||
}
|
||||
|
||||
.c-col-head--text {
|
||||
p {
|
||||
&.text-title {
|
||||
color: #1e2832;
|
||||
font-family: $font3;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
}
|
||||
&:not(.text-title) {
|
||||
color: #1e2832;
|
||||
font-family: $font3;
|
||||
font-size: 16px;
|
||||
ol {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.info-tiles {
|
||||
display: grid;
|
||||
grid-template-columns: 182px 1fr;
|
||||
row-gap: 50px;
|
||||
column-gap: 60px;
|
||||
|
||||
.info-tile {
|
||||
&-1 {
|
||||
p {
|
||||
font-weight: 400;
|
||||
line-height: 1.3;
|
||||
font-size: 16px;
|
||||
|
||||
strong {
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
font-size: 23px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.c-col-head--logo {
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 110px;
|
||||
&-2 {
|
||||
ol {
|
||||
li {
|
||||
a {
|
||||
font-size: 16px;
|
||||
font-family: $font3;
|
||||
font-weight: 800;
|
||||
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
column-gap: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.c-col-body {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.text-1,
|
||||
.text-2,
|
||||
.text-3 {
|
||||
width: 50%;
|
||||
}
|
||||
.text-1 {
|
||||
color: #1d1d1e;
|
||||
font-family: $font3;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
ol {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
a {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
&-3 {
|
||||
}
|
||||
&-4 {
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1141,12 +1096,6 @@ select {
|
||||
}
|
||||
|
||||
&-2 {
|
||||
display: none;
|
||||
|
||||
.c-col {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.tiles {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -1171,14 +1120,23 @@ select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #1d1d1e;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
.tile-head {
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
column-gap: 20px;
|
||||
|
||||
@include respond-below(md) {
|
||||
font-size: 18px;
|
||||
h3 {
|
||||
color: #1d1d1e;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 0;
|
||||
|
||||
@include respond-below(md) {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1234,21 +1192,6 @@ select {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-3 {
|
||||
padding-top: 50px;
|
||||
|
||||
.c-col {
|
||||
p {
|
||||
color: $cTxtBlack;
|
||||
font-family: $font3;
|
||||
font-weight: 300;
|
||||
font-size: 15px;
|
||||
line-height: 1.55;
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -223,6 +223,12 @@ strong {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
.sidebar-item--wrapper {
|
||||
background: #fff;
|
||||
box-shadow: -2px 2px 4.6px rgb(180, 170, 162, 0.5);
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
.sidebar-item--wrapper {
|
||||
background: #fff;
|
||||
@@ -234,7 +240,7 @@ strong {
|
||||
.sidebar-item--wrapper {
|
||||
display: grid;
|
||||
grid-template-columns: 200px 1fr;
|
||||
gap: 16px 32px;
|
||||
gap: 48px 32px;
|
||||
padding: 24px;
|
||||
// border: 1px solid #b4aaa2;
|
||||
border-radius: 10px;
|
||||
@@ -408,8 +414,8 @@ strong {
|
||||
.popup--body-info {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 30px;
|
||||
padding: 20px;
|
||||
gap: 30px 40px;
|
||||
padding: 42px 52px;
|
||||
|
||||
p,
|
||||
a {
|
||||
@@ -444,7 +450,7 @@ strong {
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
ul {
|
||||
padding: 0;
|
||||
@@ -452,16 +458,18 @@ strong {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 30px;
|
||||
max-width: 180px;
|
||||
column-gap: 24px;
|
||||
max-width: 200px;
|
||||
align-items: center;
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
row-gap: 12px;
|
||||
width: calc(100% / 3 - (30px - (30px / 3)));
|
||||
column-gap: 5px;
|
||||
width: calc(100% / 3 - (24px - (24px / 3)));
|
||||
max-width: fit-content;
|
||||
|
||||
p {
|
||||
color: $cTxtBlack;
|
||||
|
||||
@@ -10962,7 +10962,7 @@ header#header {
|
||||
footer#footer {
|
||||
&.c-footer {
|
||||
margin-top: 30px;
|
||||
padding-top: 25px;
|
||||
padding-top: 35px;
|
||||
padding-bottom: 25px;
|
||||
background: #1e2832;
|
||||
|
||||
@@ -11012,10 +11012,6 @@ footer#footer {
|
||||
// }
|
||||
&-2 {
|
||||
column-gap: 40px;
|
||||
|
||||
padding-top: 20px;
|
||||
border-top: solid 1px rgba(255, 255, 255, 0.2);
|
||||
|
||||
padding-bottom: 30px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: solid 1px rgba(255, 255, 255, 0.2);
|
||||
|
||||
@@ -655,3 +655,68 @@ if (\S::get('action') == 'send-contact-form-new-2' and \S::get('token') == \S::g
|
||||
header('Location: ' . $_SERVER['REQUEST_URI']);
|
||||
exit;
|
||||
}
|
||||
|
||||
if (\S::get('action') == 'send-contact-form-new-b2b' and \S::get('token') == \S::get_session('contact-form-token') and !\S::get('website'))
|
||||
{
|
||||
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"])
|
||||
{
|
||||
|
||||
if ( \S::get('name') and \S::get('email') and \S::get('company') and \S::get('phone') and \S::get('client') and strposa(\S::get('name'), $spam_words) === false and strposa(\S::get('email'), $spam_words) === false and
|
||||
strposa(\S::get('company'), $spam_words) === false and strposa(\S::get('phone'), $spam_words) === false and strposa(\S::get('message'), $spam_words) === false
|
||||
)
|
||||
{
|
||||
$text = '<p><b>Klient:</b> ' . \S::get('client') . '</p>';
|
||||
$text .= '<p><b>Rodzaj Partnera:</b> ' . \S::get('partner-type') . '</p>';
|
||||
$text .= '<p><b>Nazwa Firmy:</b> ' . \S::get('company') . '</p>';
|
||||
$text .= '<p><b>Adres firmy:</b> ' . \S::get('address') . '</p>';
|
||||
$text .= '<p><b>Imię:</b> ' . \S::get('name') . '</p>';
|
||||
$text .= '<p><b>Nazwisko:</b> ' . \S::get('surname') . '</p>';
|
||||
$text .= '<p><b>Telefon:</b> ' . \S::get('phone') . '</p>';
|
||||
$text .= '<p><b>Email:</b> ' . \S::get('email') . '</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>';
|
||||
|
||||
$zgoda1 = (\S::get('zgoda_1') == 'on' || \S::get('zgoda_1') == 1) ? 1 : 0;
|
||||
$zgoda2 = (\S::get('zgoda_2') == 'on' || \S::get('zgoda_2') == 1) ? 1 : 0;
|
||||
|
||||
saveContactData( \S::get('name'), \S::get('email'), \S::get('phone'), \S::get('message'), '', \S::get('company'), \S::get('address'), \S::get('partner-type'), '', 'contact-form-new-b2b', '', \S::get('client'), $zgoda1, $zgoda2 );
|
||||
|
||||
if (\S::send_email('marketing@vidok.com', 'Wiadomość ze strony vidok.com (B2B)', $text, \S::get('email')))
|
||||
{
|
||||
// send copy to k.zarzyczny@vidok.com
|
||||
\S::send_email('k.zarzyczny@vidok.com', 'Wiadomość ze strony vidok.com (B2B)', $text, \S::get('email'));
|
||||
\S::send_email('arkuszevidok@gmail.com', 'Wiadomość ze strony vidok.com (B2B)', $text, \S::get('email'));
|
||||
\S::alert(\S::lang('wiadomosc-zostala-wyslana'));
|
||||
header('Location: ' . $_SERVER['REQUEST_URI'] . '?form_sent=1');
|
||||
exit;
|
||||
}
|
||||
else
|
||||
\S::alert(\S::lang('wiadomosc-niezostala-wyslana'));
|
||||
}
|
||||
else
|
||||
\S::alert(\S::lang('wiadomosc-niezostala-wyslana'));
|
||||
}
|
||||
else
|
||||
{
|
||||
\S::alert("Jesteś robotem!");
|
||||
}
|
||||
header('Location: ' . $_SERVER['REQUEST_URI']);
|
||||
exit;
|
||||
}
|
||||
@@ -165,7 +165,7 @@
|
||||
<div class="box-nav">
|
||||
<ol>
|
||||
<li>
|
||||
<a href="#formularz">
|
||||
<a href="#salony">
|
||||
<span>ZNAJDZ NAJBLIŻSZY SALON</span>
|
||||
</a>
|
||||
</li>
|
||||
@@ -199,6 +199,9 @@
|
||||
<div class="_radio tabs-nav-item" data-form-type="client-cooperation">
|
||||
<p>Deweloper/Inwestor</p>
|
||||
</div>
|
||||
<div class="_radio tabs-nav-item" data-form-type="client-b2b">
|
||||
<p>Współpraca B2B</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -211,17 +214,17 @@
|
||||
<input type="hidden" name="client" value="Klient indywidualny">
|
||||
|
||||
<div class="_2_columns">
|
||||
<input type="text" name="name" placeholder="Imię" required>
|
||||
<input type="text" name="surname" placeholder="Nazwisko" required>
|
||||
<input type="text" name="name" placeholder="Imię *" required>
|
||||
<input type="text" name="surname" placeholder="Nazwisko *" required>
|
||||
</div>
|
||||
<div class="_2_columns">
|
||||
<input type="text" name="phone" placeholder="Telefon" required>
|
||||
<input type="email" name="email" placeholder="Adres e-mail" required>
|
||||
<input type="text" name="phone" placeholder="Telefon *" required>
|
||||
<input type="email" name="email" placeholder="Adres e-mail *" required>
|
||||
</div>
|
||||
<div class="_2_columns">
|
||||
<div class="voivodeship__wrapper">
|
||||
<select name="voivodeship" required>
|
||||
<option value="" disabled selected>Województwa</option>
|
||||
<option value="" disabled selected>Województwo *</option>
|
||||
<option value="dolnoslaskie">dolnośląskie</option>
|
||||
<option value="kujawsko-pomorskie">kujawsko-pomorskie</option>
|
||||
<option value="lubelskie">lubelskie</option>
|
||||
@@ -276,9 +279,10 @@
|
||||
<section class="tabs-content tabs-content-2" data-form-type="client-cooperation">
|
||||
<div class="tabs-content-map">
|
||||
<div class="tabs-content-map--head">
|
||||
<p class="tabs-content-map--title">WSPÓŁPRACA<br>INWESTYCYJNA</p>
|
||||
<p class="tabs-content-map--subtitle">Poznaj swojego <strong>doradcę VIDOK</strong><br/>
|
||||
profesjonalna opieka i indywidualne podejście</p>
|
||||
<p class="tabs-content-map--title">
|
||||
Poznaj swojego doradcę VIDOK<br>
|
||||
<strong>profesjonalna opieka i indywidualne podejście</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div class="tabs-content-map--body">
|
||||
<div class="tabs-content-map--sidebar">
|
||||
@@ -292,36 +296,6 @@
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="tabs-content-map--sidebar-list">
|
||||
<ul class="personal-list">
|
||||
<?php foreach ($contact_personal as $presonal) : ?>
|
||||
<li class="personal-item" data-provinces="<?= implode(',', array_map(fn($p) => $p['id'], $presonal['provinces'])) ?>">
|
||||
|
||||
<div class="personal-item--head">
|
||||
<p><strong><?php echo $presonal['name']; ?></strong></p>
|
||||
<p><?php echo $presonal['position']; ?></p>
|
||||
</div>
|
||||
<div class="personal-item--body">
|
||||
<ol>
|
||||
<?php foreach ($presonal['contact']['phone'] as $phone) : ?>
|
||||
<li>
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
<a href="tel:<?php echo $phone; ?>"><?php echo $phone; ?><\/a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<?php foreach ($presonal['contact']['email'] as $email) : ?>
|
||||
<li>
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
<a href="mailto:<?php echo $email; ?>"><?php echo $email; ?><\/a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ol>
|
||||
</div>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabs-content-map--map">
|
||||
<div id="interactive-map">
|
||||
@@ -416,173 +390,93 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabs-content-map--footer">
|
||||
<div class="tabs-content-map--sidebar-list">
|
||||
<ul class="personal-list">
|
||||
<?php foreach ($contact_personal as $presonal) : ?>
|
||||
<li class="personal-item" data-provinces="<?= implode(',', array_map(fn($p) => $p['id'], $presonal['provinces'])) ?>">
|
||||
|
||||
<div class="personal-item--head">
|
||||
<p><strong><?php echo $presonal['name']; ?></strong></p>
|
||||
<p><?php echo $presonal['position']; ?></p>
|
||||
</div>
|
||||
<div class="personal-item--body">
|
||||
<ol>
|
||||
<?php foreach ($presonal['contact']['phone'] as $phone) : ?>
|
||||
<li>
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
<a href="tel:<?php echo $phone; ?>"><?php echo $phone; ?><\/a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<?php foreach ($presonal['contact']['email'] as $email) : ?>
|
||||
<li>
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
<a href="mailto:<?php echo $email; ?>"><?php echo $email; ?><\/a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ol>
|
||||
</div>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-5" id="salony">
|
||||
<div class="container">
|
||||
<div class="box-5--wrapper">
|
||||
<div class="c-row">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-6">
|
||||
<div class="container">
|
||||
<div class="box-6--wrapper">
|
||||
<div class="c-row c-row-1">
|
||||
<div class="c-col c-col-1">
|
||||
<div class="c-col-head">
|
||||
<p><span>ING BANK ŚLĄSKI S.A.</span><span>PLN: PL 31 1050 1562 1000 0090 3034 4197</span></p>
|
||||
<p><span>SWIFT INGBPLPW</span><span>EUR: PL 84 1050 1562 1000 0090 3034 4213</span></p>
|
||||
</div>
|
||||
<div class="c-col-body">
|
||||
<img src="/upload/filemanager/Pages/Kontakt-8/firma_baner-kontakt-2-1.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<div class="c-col-head">
|
||||
<div class="c-col-head--text">
|
||||
<p class="text-title">Siedziba firmy</p>
|
||||
<section class="tabs-content tabs-content-3" data-form-type="client-b2b">
|
||||
<div class="section-tab-head">
|
||||
<p class="section-tab-head--title">
|
||||
Jesteś zainteresowany<br>
|
||||
<strong>sprzedażą Naszych produktów?</strong>
|
||||
</p>
|
||||
<p>
|
||||
<strong>VIDOK Sp. z o. o.</strong>
|
||||
36-054 Rudna Mała 75
|
||||
<strong>Wypełnij formularz,</strong><br>
|
||||
nasz specjalista skontaktuje się z Tobą i omówi szczegóły Twojej współpracy.
|
||||
</p>
|
||||
</div>
|
||||
<div class="c-col-head--logo">
|
||||
<img src="/upload/filemanager/images/VIDOK-logo-new.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-col-body">
|
||||
<div class="text-1">
|
||||
<strong>Godziny otwarcia:</strong><br>
|
||||
Pn.-Pt.: 8:00 - 17:00<br>
|
||||
Sob.: 9:00 - 13:00
|
||||
</div>
|
||||
<ol class="text-2">
|
||||
<li>
|
||||
<a href="tel:+48178595660">
|
||||
<span class="icons">
|
||||
<img src="/upload/filemanager/icon/iphone.svg">
|
||||
</span>
|
||||
+48 17 859 56 60
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:sekretariat@vidok.com">
|
||||
<span class="icons">
|
||||
<img src="/upload/filemanager/icon/envelope.svg">
|
||||
</span>
|
||||
sekretariat@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="text-3">
|
||||
<p>
|
||||
KRS Nr. 0000191980<br>
|
||||
REGON: 690379060<br>
|
||||
NIP: 8131086710
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-col-footer">
|
||||
<div class="handler-btn">
|
||||
<p>
|
||||
<strong>Skontaktuj się bezpośrednio</strong><br> z wybranym działem
|
||||
</p>
|
||||
<span>
|
||||
<img alt="" data-src="/upload/filemanager/icon/btn-arrow.svg" class=" lozad" src="/upload/filemanager/icon/btn-arrow.svg" data-loaded="true">
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section-tab-body">
|
||||
<form method="POST" action="" enctype="multipart/form-data" id="contact-form-new-b2b">
|
||||
<input type="hidden" name="action" value="send-contact-form-new-b2b">
|
||||
<input type="hidden" name="token" value="<?= \S::get_session('contact-form-token'); ?>">
|
||||
<input type="hidden" name="website" value="">
|
||||
<input type="hidden" name="client" value="Współpraca B2B">
|
||||
|
||||
<div class="c-row c-row-2">
|
||||
<div class="c-col">
|
||||
<div class="tiles">
|
||||
<div class="tile tile-1">
|
||||
<h3>LOGISTYKA</h3>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178676402">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 867 64 02
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:logistyka@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
logistyka@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="_1_column _col_message">
|
||||
<input type="text" name="partner-type" placeholder="Rodzaj Partnera biznesowego">
|
||||
<input type="text" name="company" placeholder="Nazwa Firmy*" required>
|
||||
<input type="text" name="address" placeholder="Adres firmy *" required>
|
||||
</div>
|
||||
<div class="_2_columns">
|
||||
<input type="text" name="phone" placeholder="Telefon *" required>
|
||||
<input type="email" name="email" placeholder="Adres e-mail *" required>
|
||||
</div>
|
||||
<div class="_2_columns">
|
||||
<input type="text" name="name" placeholder="Imię *" required>
|
||||
<input type="text" name="surname" placeholder="Nazwisko *" required>
|
||||
</div>
|
||||
<div class="_1_column _col_message">
|
||||
<textarea name="message" placeholder="Interesują mnie ..." rows="1"></textarea>
|
||||
</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 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 class="tile tile-2">
|
||||
<h3>KSIĘGOWOŚĆ</h3>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178595676">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 859 56 76
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:ksiegowosc@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
ksiegowosc@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="tile tile-3">
|
||||
<h3>MARKETING</h3>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178595667">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 859 56 67
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:marketing@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
marketing@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="tile tile-4">
|
||||
<h3>SERWIS</h3>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178595682">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 859 56 82
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:serwis@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
serwis@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="c-row c-row-3">
|
||||
<div class="c-col">
|
||||
<p>VIDOK spółka z ograniczoną odpowiedzialnością z siedzibą w Rudnej Małej, 36-054 Rudna Mała 75, wpisana do rejestru przedsiębiorców KRS pod numerem: 0000191980, Sąd Rejonowy w Rzeszowie XII Wydział Krajowego Rejestru Sądowego NIP: 8131086710 REGON: 690379060 o kapitale zakładowym w wysokości 11.606.000,00 zł oświadcza, iż posiada status dużego przedsiębiorcy w rozumieniu przepisów ustawy z dnia 8 marca 2013 r. o przeciwdziałaniu nadmiernym opóźnieniom w transakcjach handlowych (Dz.U. z 2020 r. poz. 935 z późn. zm.).</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -622,6 +516,156 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="box-6">
|
||||
<div class="container">
|
||||
<div class="box-6--wrapper">
|
||||
<div class="c-row c-row-1">
|
||||
<div class="c-col c-col-1">
|
||||
<img src="/upload/filemanager/Pages/Kontakt-8/firma_baner-kontakt-3.jpg" alt="">
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<div class="info-tiles">
|
||||
<div class="info-tile info-tile-1">
|
||||
<p>
|
||||
<strong>VIDOK Sp. z o. o.</strong><br>
|
||||
36-054 Rudna Mała 75
|
||||
</p>
|
||||
</div>
|
||||
<div class="info-tile info-tile-2">
|
||||
<ol class="text-2">
|
||||
<li>
|
||||
<a href="tel:+48178595660">
|
||||
<span class="icons">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
</span>
|
||||
+48 17 859 56 60
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:sekretariat@vidok.com">
|
||||
<span class="icons">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
</span>
|
||||
sekretariat@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<strong>Pn.-Pt.:</strong> 7:00 - 15:00
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="info-tile info-tile-3">
|
||||
<ol>
|
||||
<li><strong>KRS:</strong> 0000191980</li>
|
||||
<li><strong>REGON:</strong> 690379060</li>
|
||||
<li><strong>NIP:</strong> 8131086710</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="info-tile info-tile-4">
|
||||
<p>
|
||||
ING BANK ŚLĄSKI S.A.<br>
|
||||
<strong>PLN: PL 31 1050 1562 1000 0090 3034 4197</strong>
|
||||
</p>
|
||||
<p>
|
||||
SWIFT INGBPLPW<br>
|
||||
<strong>EUR: PL 84 1050 1562 1000 0090 3034 4213</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="c-row c-row-2">
|
||||
<div class="c-col">
|
||||
<div class="tiles">
|
||||
<div class="tile tile-1">
|
||||
<div class="tile-head">
|
||||
<h3>LOGISTYKA</h3>
|
||||
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178676402">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 867 64 02
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:logistyka@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
logistyka@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="tile tile-2">
|
||||
<div class="tile-head">
|
||||
<h3>KSIĘGOWOŚĆ</h3>
|
||||
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178595676">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 859 56 76
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:ksiegowosc@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
ksiegowosc@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="tile tile-3">
|
||||
<div class="tile-head">
|
||||
<h3>MARKETING</h3>
|
||||
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178595667">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 859 56 67
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:marketing@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
marketing@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="tile tile-4">
|
||||
<div class="tile-head">
|
||||
<h3>SERWIS</h3>
|
||||
<img src="/upload/filemanager/icon/Group-1422.svg" alt="">
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<a href="tel:+48178595682">
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
+48 17 859 56 82
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:serwis@vidok.com">
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
serwis@vidok.com
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
<link class="footer" href="/plugins/fileuploader/jquery.fileuploader.min.css" rel="stylesheet" type="text/css">
|
||||
@@ -829,7 +873,7 @@
|
||||
function filterPersonalByVoivodeshipId(voivodeshipId) {
|
||||
const idStr = String(voivodeshipId);
|
||||
|
||||
$('.tabs-content-map--sidebar .personal-item').each(function () {
|
||||
$('.tabs-content-map--footer .personal-item').each(function () {
|
||||
const provinces = String($(this).data('provinces') || '');
|
||||
const ids = provinces.split(',').map(s => s.trim()).filter(Boolean);
|
||||
|
||||
|
||||
@@ -148,6 +148,7 @@
|
||||
|
||||
$('#search-showrooms-form').on('submit', function(e) {
|
||||
e.preventDefault();
|
||||
closePopup();
|
||||
|
||||
const place = autocomplete.getPlace();
|
||||
|
||||
@@ -263,15 +264,13 @@
|
||||
<div class="sidebar-item--wrapper">
|
||||
<div class="item-type ${itemType}"><span>${itemTypeText}<\/span><\/div>
|
||||
<div class="item-working-hours">
|
||||
<strong>Godziny otwarcia:<\/strong><br/>
|
||||
${item.opening_hours}
|
||||
<\/div>
|
||||
<div class="item-location">
|
||||
<strong>${item.salon_name}<\/strong><br/>
|
||||
${item.address}
|
||||
<\/div>
|
||||
<div class="item-contact">
|
||||
${renderContacts(item.contact)}
|
||||
${renderContacts(item.contact, false, true)}
|
||||
<\/div>
|
||||
<\/div>
|
||||
<\/div>
|
||||
@@ -282,30 +281,34 @@
|
||||
return $el;
|
||||
}
|
||||
|
||||
function renderContacts(item) {
|
||||
function renderContacts(item, showEmails = true, showPhones = true) {
|
||||
if (item) {
|
||||
let html = '<ul>';
|
||||
|
||||
if (Array.isArray(item.phones)) {
|
||||
item.phones.forEach(phone => {
|
||||
html += `
|
||||
<li>
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
<a href="tel:${phone.replace(/\s+/g, '')}">${phone}<\/a>
|
||||
<\/li>
|
||||
`;
|
||||
});
|
||||
if(showPhones == true) {
|
||||
if (Array.isArray(item.phones)) {
|
||||
item.phones.forEach(phone => {
|
||||
html += `
|
||||
<li>
|
||||
<img src="/upload/filemanager/icon/iphone.svg" alt="">
|
||||
<a href="tel:${phone.replace(/\s+/g, '')}">${phone}<\/a>
|
||||
<\/li>
|
||||
`;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if (Array.isArray(item.emails)) {
|
||||
item.emails.forEach(email => {
|
||||
html += `
|
||||
<li>
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
<a href="mailto:${email}">${email}<\/a>
|
||||
<\/li>
|
||||
`;
|
||||
});
|
||||
if(showEmails == true) {
|
||||
if (Array.isArray(item.emails)) {
|
||||
item.emails.forEach(email => {
|
||||
html += `
|
||||
<li>
|
||||
<img src="/upload/filemanager/icon/envelope.svg" alt="">
|
||||
<a href="mailto:${email}">${email}<\/a>
|
||||
<\/li>
|
||||
`;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
html += '</ul>';
|
||||
@@ -397,6 +400,10 @@
|
||||
return [{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"landscape","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"landscape.man_made","elementType":"all","stylers":[{"visibility":"on"},{"saturation":"-100"},{"gamma":"1"}]},{"featureType":"poi","elementType":"all","stylers":[{"saturation":"-100"},{"visibility":"simplified"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"saturation":"-100"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"simplified"}]},{"featureType":"poi","elementType":"labels.text.fill","stylers":[{"saturation":"-100"},{"weight":"6.61"},{"lightness":"0"},{"gamma":"1.5"}]},{"featureType":"poi","elementType":"labels.icon","stylers":[{"saturation":"-100"},{"gamma":"1.5"},{"weight":"0.01"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"saturation":"-100"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"transit","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"transit","elementType":"labels.text","stylers":[{"saturation":"-100"}]},{"featureType":"transit","elementType":"labels.icon","stylers":[{"saturation":"-100"}]},{"featureType":"water","elementType":"all","stylers":[{"saturation":"-100"}]}];
|
||||
}
|
||||
|
||||
function closePopup() {
|
||||
const $popup = $('#showroom-popup');
|
||||
$popup.removeClass('active');
|
||||
}
|
||||
/**
|
||||
* Uruchomienie po załadowaniu DOM
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user