contact page
This commit is contained in:
@@ -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
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user