kegelschiene/schliesspendel-site
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

add background-image draft

Browse source
This commit is contained in:
Simon Bruder 2017-12-06 22:38:40 +00:00
parent e7c35e1c00
commit 67b451fe3d
3 changed files with 24 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
themes/schliesspendel/layouts/partials/head.html
View file

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

4
themes/schliesspendel/layouts/partials/header.html
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">
@ -12,4 +15,3 @@
{{ end }} {{ end }}
</div> </div>
</section> </section>

18
themes/schliesspendel/static/css/style.css
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,8 @@ footer p {
width: 80%; width: 80%;
} }
} }
/* image header */
.header {
background: linear-gradient(#FFFFFF20,#FFFFFF7E), url('https://source.unsplash.com/mKA3VavSuaI/1920x800') center center no-repeat;
}