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