32 lines
No EOL
789 B
Markdown
Executable file
32 lines
No EOL
789 B
Markdown
Executable file
---
|
||
layout: page
|
||
title: "Header Image With Pattern"
|
||
subheadline: "Headers With Style"
|
||
teaser: "Feeling Responsive allows you to use all kinds of headers. This example shows a header image in front of a pattern."
|
||
categories:
|
||
- design
|
||
tags:
|
||
- design
|
||
- pattern
|
||
- header
|
||
header:
|
||
image: header_unsplash_2-970x.jpg
|
||
pattern: pattern_concrete.jpg
|
||
---
|
||
It's so easy to do. Just define in front matter an image and a pattern image. Instead of a pattern you can also use a color. Have a look at the [example with a background color]({{ site.url }}/design/header-image-color/).
|
||
|
||
|
||
## Front Matter Code
|
||
|
||
~~~
|
||
header:
|
||
image: "header_unsplash_2-970x.jpg"
|
||
pattern: "pattern_concrete.jpg"
|
||
~~~
|
||
|
||
|
||
|
||
### All Header-Styles
|
||
{: .t60 }
|
||
|
||
{% include list-posts.html tag='header' %} |