Merge branch 'background-image' of kegelschiene/schliesspendel-site into master

This commit is contained in:
Simon Bruder 2018-01-09 19:03:28 +00:00 committed by Gitea
commit aaac508b12
4 changed files with 25 additions and 17 deletions

BIN
static/img/header.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

View file

@ -20,4 +20,3 @@
{{ partial "piwik.html" . }} {{ partial "piwik.html" . }}
</head> </head>
<body> <body>
<div class="container">

View file

@ -3,6 +3,9 @@
{{ with .Site.Params.Header.button }} {{ with .Site.Params.Header.button }}
<a class="button button-primary" href="{{ .link }}">{{ .text }}</a> <a class="button button-primary" href="{{ .link }}">{{ .text }}</a>
{{ end }} {{ end }}
</section>
<div class="container">
<section class="features">
<div class="value-props row"> <div class="value-props row">
{{ range .Site.Params.Header.feature }} {{ range .Site.Params.Header.feature }}
<div class="four columns value-prop"> <div class="four columns value-prop">
@ -11,5 +14,4 @@
</div> </div>
{{ end }} {{ end }}
</div> </div>
</section> </section>

View file

@ -3,17 +3,18 @@ body {
} }
.header { .header {
margin-top: 6rem; padding-top: 6rem;
text-align: center; text-align: center;
min-height: 200px;
} }
.value-prop { .value-prop {
margin-top: 1rem; padding-top: 1rem;
} }
.value-props { .value-props {
margin-top: 4rem; padding-top: 4rem;
margin-bottom: 4rem; padding-bottom: 4rem;
} }
.value-img { .value-img {
@ -56,10 +57,10 @@ footer p {
@media (min-width: 550px) { @media (min-width: 550px) {
.header { .header {
margin-top: 18rem; padding-top: 18rem;
padding-bottom: 9rem;
} }
.value-props { .value-props {
margin-top: 9rem;
margin-bottom: 7rem; margin-bottom: 7rem;
} }
.value-img { .value-img {
@ -134,3 +135,9 @@ footer p {
width: 80%; width: 80%;
} }
} }
/* image header */
.header {
background: linear-gradient(#FFFFFF20,#FFFFFF7E), url('/img/header.jpg') center center no-repeat;
background-size: cover;
}