Skip to content
Snippets Groups Projects
Commit 668fe848 authored by Jonas Leder's avatar Jonas Leder
Browse files

crop banner image

parent f6c77ff5
Loading
public/img/bannerHomeCrop.webp

133 KiB

...@@ -28,10 +28,8 @@ function getHeader($pagetitle, $navselect) ...@@ -28,10 +28,8 @@ function getHeader($pagetitle, $navselect)
<header > <header >
<div class="header-wrapper" > <div class="header-wrapper" >
<div class="header-homepage"> <div class="header-homepage">
<div class="row header-content header-content-centered" >
<div class="align-holder" > <div class="align-holder" >
<h1 class="heading8" >$pagetitle</h1 > <h1>$pagetitle</h1 >
</div >
</div > </div >
</div > </div >
<div class="header-separator header-separator-bottom " > <div class="header-separator header-separator-bottom " >
......
...@@ -2,13 +2,20 @@ ...@@ -2,13 +2,20 @@
box-sizing: border-box; box-sizing: border-box;
} }
.header-homepage { .header-homepage {
background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(/img/bannerHome.webp), no-repeat, center; background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(/img/bannerHomeCrop.webp);
background-size: cover; background-size: cover;
position: relative; position: relative;
color: #fff; color: #fff;
z-index: 0; z-index: 0;
padding-top: 160px; padding-top: 160px;
padding-bottom: 160px; padding-bottom: 360px;
h1 {
width: 100%;
text-align: center;
font-size: 3.3em;
font-weight: 600;
}
} }
.header-separator-bottom { .header-separator-bottom {
...@@ -26,67 +33,3 @@ ...@@ -26,67 +33,3 @@
.header-wrapper { .header-wrapper {
position: relative; position: relative;
} }
\ No newline at end of file
@media only screen and (min-width:768px) {
h1 {
font-size: 3.4em;
}
p {
line-height: 130%;
}
h1.heading8 {
font-size: 3.3em;
}
.gridContainer {
width: 90%;
max-width: 1232px;
.row {
margin-left: -15px;
margin-right: -15px;
clear: both;
}
}
.header-description-row {
&:before {
content: normal;
}
&:after {
content: normal;
}
}
.header-content-centered {
margin-left: auto;
margin-right: auto;
}
.header-buttons-wrapper {
margin: 0 -9px 0 -9px;
clear: both;
}
.header-content {
padding-top: 8%;
padding-bottom: 8%;
width: 100%;
margin-left: auto;
margin-right: auto;
.align-holder {
text-align: center !important;
}
}
}
@media only screen and (min-width: 1024px) {
.gridContainer {
width: 80%;
}
h1 {
font-size: 3.8em;
}
p {
line-height: 150%;
}
.header-homepage {
min-height: auto;
}
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment