dennogumi.org-archive/_posts/design/2014-10-09-header-full-width-image.md

layout	title	subheadline	description	categories	tags	image
post	Header Full-Width-Image	Headers With Style	Feeling Responsive allows you to use all different kinds of headers. This example shows a header with a <em>full-width-image</em>.	design	design background color header	header thumb unsplash_brooklyn-bridge_header.jpg unsplash_brooklyn-bridge_thumb.jpg

It's so easy to do. Just define in front matter an image and a background color. Instead of a color you can also use a pattern image. Have a look at the [example with a background pattern]({{ site.url }}/design/header-pattern/).

Front Matter Code

header:
    image:  "header_unsplash_2-970x.jpg"
    background-color:  "#fabb00"

All Header-Styles

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