35 lines
No EOL
868 B
Markdown
Executable file
35 lines
No EOL
868 B
Markdown
Executable file
---
|
|
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' %} |