add contact link
This commit is contained in:
55
main.css
55
main.css
@@ -13,8 +13,9 @@ h1, h2, h3, h4, h5, h6 {
|
||||
/*gap: 20px;*/
|
||||
padding-top: 5.78vw; /* hor spacing from line to heading top */
|
||||
margin-top: 2.25vw;
|
||||
margin-bottom: 0;
|
||||
|
||||
background-image: url("https://abanbytes.eu/upload/hero_bg_plain.svg");
|
||||
background-image: url("https://abanbytes.eu/upload/hero_bg_2_plain.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
background-size: 100% auto;
|
||||
@@ -45,6 +46,7 @@ h1, h2, h3, h4, h5, h6 {
|
||||
/*align-items: center;
|
||||
justify-content: center;*/
|
||||
flex-direction: column;
|
||||
margin-bottom: 2.25vw; /* bottom distance to cta, in regular mode */
|
||||
}
|
||||
|
||||
.block h2 {
|
||||
@@ -66,7 +68,8 @@ h1, h2, h3, h4, h5, h6 {
|
||||
flex-direction: column;
|
||||
padding-top: 19.29vw;
|
||||
margin-top: 2.25vw;
|
||||
margin-bottom: 2.25vw;
|
||||
margin-bottom: 0;
|
||||
width: max(100%, calc(15em + 2 * 12.85vw));
|
||||
}
|
||||
|
||||
.block {
|
||||
@@ -83,14 +86,58 @@ h1, h2, h3, h4, h5, h6 {
|
||||
}
|
||||
|
||||
.block:nth-child(1) {
|
||||
margin-top:
|
||||
margin-top: 0;
|
||||
}
|
||||
.block:nth-child(3) {
|
||||
margin-bottom: 4.5vw; /* bottom 2.25vw + distance to cta, in responsive mode */
|
||||
}
|
||||
}
|
||||
|
||||
div.body, div.footer {
|
||||
.cta {
|
||||
margin-left: 0;
|
||||
margin-top: -0.3vw;
|
||||
padding-left: 13vw;
|
||||
}
|
||||
|
||||
div.cta {
|
||||
/*width: 100%;*/
|
||||
min-height: 5.95vw;
|
||||
background-image: url("https://abanbytes.eu/upload/cta.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: left top;
|
||||
background-size: auto 5.95vw;
|
||||
}
|
||||
|
||||
div.footer {
|
||||
margin-left: 7.14vw;
|
||||
margin-right: 7.14vw;
|
||||
}
|
||||
div.cta {
|
||||
margin-right: 7.14vw;
|
||||
}
|
||||
.cta {
|
||||
/* set variables */
|
||||
--circle-center-y: 2.905vw;
|
||||
--cta-heading-size: 1.5rem;
|
||||
--cta-heading-line-height: 1.2;
|
||||
}
|
||||
.cta h2 {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0.5rem; /* sensitive to .cta h2 font-size */
|
||||
font-size: var(--cta-heading-size);
|
||||
line-height: var(--cta-heading-line-height);
|
||||
}
|
||||
.cta p:first-of-type {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
div.cta-content {
|
||||
padding-top: calc(
|
||||
var(--circle-center-y) -
|
||||
((var(--cta-heading-size) * var(--cta-heading-line-height)) * 0.5)
|
||||
);
|
||||
margin-left: 2.25vw;
|
||||
}
|
||||
|
||||
div.footer {
|
||||
margin-top: 7.14vw;
|
||||
|
||||
Reference in New Issue
Block a user