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

layout	title	subheadline	teaser	categories	tags	image	header
page	Header with a Full-Width-Image	Headers With Style	Feeling Responsive allows you to use all kinds of headers. This example shows a header with a <em>full-width-image</em>.	design	design background color header	thumb unsplash_brooklyn-bridge_thumb.jpg	image_fullwidth caption caption_url unsplash_brooklyn-bridge_header.jpg This is a caption for the header image with link https://unsplash.com/

It's so easy to do. Just define in front matter your image.

Front Matter Code

header:
    image_fullwidth: "unsplash_brooklyn-bridge_header.jpg"
    caption: This is a caption for the header image with link
    caption_url: https://unsplash.com/

All Header-Styles

{: .t60 }

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