contact page

This commit is contained in:
Roman Pyrih
2025-08-29 13:05:31 +02:00
parent 8a6b114721
commit 5381f432e1
5 changed files with 293 additions and 12 deletions

View File

@@ -1849,4 +1849,106 @@ body.blog main.blog-page .box-2 .posts-more a .loader::after {
transform: scale(1);
opacity: 0;
}
}
body.page-id-59 main {
padding-top: 80px;
}
body.page-id-59 main .box-1 {
margin-bottom: 110px;
}
body.page-id-59 main .box-1 .row {
display: flex;
flex-direction: row;
-moz-column-gap: 80px;
column-gap: 80px;
}
body.page-id-59 main .box-1 .row .col-1 {
flex: 1;
}
body.page-id-59 main .box-1 .row .col-1 .box-head {
max-width: 700px;
margin-top: 24px;
margin-bottom: 24px;
}
body.page-id-59 main .box-1 .row .col-1 .box-head h2 {
color: #232323;
font-weight: 500;
font-size: 64px;
line-height: 1.2;
letter-spacing: -0.96px;
}
body.page-id-59 main .box-1 .row .col-1 .box-text {
margin-bottom: 48px;
}
body.page-id-59 main .box-1 .row .col-1 .box-text p {
color: #232323;
font-weight: 500;
font-size: 20px;
line-height: 1.5;
letter-spacing: -0.38px;
}
body.page-id-59 main .box-1 .row .col-1 .contact-cards {
margin-bottom: 80px;
display: flex;
flex-direction: row;
-moz-column-gap: 80px;
column-gap: 80px;
row-gap: 40px;
}
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-title {
margin-bottom: 16px;
}
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-title h3 {
color: #232323;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.32px;
}
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-data {
padding-left: 24px;
border-left: 1px solid #d9ba5c;
}
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-data p {
color: #232323;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.32px;
}
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-data ul {
padding: 0;
margin: 0;
}
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-data ul li a {
color: #232323;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.32px;
}
body.page-id-59 main .box-1 .row .col-1 .contact-description p {
color: #747474;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.32px;
}
body.page-id-59 main .box-1 .row .col-2 {
flex-basis: 500px;
}
body.page-id-59 footer {
position: relative;
}
body.page-id-59 footer::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 105px;
background: linear-gradient(0deg, #d9d9d9 0%, rgba(255, 255, 255, 0) 100%);
transform: translateY(-100%);
z-index: -1;
}/*# sourceMappingURL=custom.css.map */

File diff suppressed because one or more lines are too long

View File

@@ -1917,3 +1917,117 @@ body.blog {
}
}
}
//* Kontakt
body.page-id-59 {
main {
padding-top: 80px;
.box-1 {
margin-bottom: 110px;
.row {
display: flex;
flex-direction: row;
column-gap: 80px;
.col {
&-1 {
flex: 1;
.box-head {
max-width: 700px;
margin-top: 24px;
margin-bottom: 24px;
h2 {
color: $cBlack;
font-weight: 500;
font-size: 64px;
line-height: 1.2;
letter-spacing: -0.96px;
}
}
.box-text {
margin-bottom: 48px;
p {
color: $cBlack;
font-weight: 500;
font-size: 20px;
line-height: 1.5;
letter-spacing: -0.38px;
}
}
.contact-cards {
margin-bottom: 80px;
display: flex;
flex-direction: row;
column-gap: 80px;
row-gap: 40px;
.contact-card {
.card-title {
margin-bottom: 16px;
h3 {
color: $cBlack;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.32px;
}
}
.card-data {
padding-left: 24px;
border-left: 1px solid $cGold;
p {
color: $cBlack;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.32px;
}
ul {
padding: 0;
margin: 0;
li {
a {
color: $cBlack;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.32px;
}
}
}
}
}
}
.contact-description {
p {
color: #747474;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.32px;
}
}
}
&-2 {
flex-basis: 500px;
}
}
}
}
}
footer {
@include box_top_shadow($cLightGray);
}
}