---
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 

{% include list-posts.html tag='header' %}