1
0
Fork 0
This commit is contained in:
Moritz »mo.« Sauer 2014-08-22 17:32:19 +02:00
parent d8ddf6344f
commit 84c8e210c5
14 changed files with 217 additions and 147 deletions

View file

@ -1,6 +1,6 @@
---
layout: post
title: "This is the <h1>-Headline"
title: "Elements"
subtitle: "Subheadline"
description: "Feeling Responsive offers lots of possibilities to style your articles. The theme turns around the corner with a headline, subheadline, a title and header image. A beautiful typography crafted to please the eyes delivers your ideas, explanations and articles to stick out."
date: 2014-07-05 07:00:00
@ -8,37 +8,31 @@ categories:
- typography
- design
- elements
image_title: "unsplash_5.jpg"
permalink: "/design/this-is-h1-headline/"
- design
permalink: "/design/elements/"
image_header: "no"
---
## Images
# <h1>-Headline
There are different ways to use images. The most present images can be positioned in the header or on top of the headline.
## <h2>-Headline
If you don't want any header image just write `image_header: "no"
` into front matter.
### <h3>-Headline
#### <h4>-Headline
##### <h5>-Headline
## Subheadlines
###### <h6>-Headline
If you need a subheadline for an article, just define it in front matter like this:
- - -
`subtitle: "Subheadline"`
1. Ordered List
2. Second List Item
3. Third List Item
4. Fourth List Item
5. Fifth List Item
- - -
## Quotes
Definition List
: Bacon ipsum dolor sit amet spare ribs brisket ribeye, andouille sirloin bresaola frankfurter corned beef capicola bacon. Salami beef ribs sirloin, short loin hamburger shoulder t-bone.
Quotes mix it up a little bit, if you write long articles. So use quotes:
> Age is an issue of mind over matter. If you don't mind, it doesn't matter.
<cite>Mark Twain</cite>
Beef ribs jowl swine porchetta
: Sirloin tenderloin swine frankfurter pork loin pork capicola ham hock strip steak ribeye beef ribs. Hamburger t-bone ribeye ham prosciutto bresaola.
Pancetta flank sirloin pork
: short ribs shankle prosciutto landjaeger. Beef ribs turkey shoulder drumstick. Leberkas pork belly ribeye, bresaola jerky strip steak tenderloin bacon landjaeger short ribs beef ribs. Flank pork chop fatback tail kielbasa filet mignon jowl landjaeger bresaola tongue corned beef biltong. Landjaeger spare ribs fatback corned beef tenderloin drumstick, swine chicken beef turkey biltong doner tri-tip filet mignon.

View file

@ -3,7 +3,9 @@ layout: post-left-sidebar
title: "Post With Left Sidebar"
description: "This is a example of Post with a Sidebar on the left."
date: 2014-03-28 00:00:00
categories: layout
categories:
- layout
- design
image_title: "unsplash_1.jpg"
permalink: "/design/post-left-sidebar/"
---

View file

@ -3,7 +3,9 @@ layout: post-right-sidebar
title: "Post With Right Sidebar"
description: "This is a example of Post with a Sidebar on the right."
date: 2014-03-28 00:00:00
categories: layout
categories:
- layout
- design
image:
thumb: "unsplash_2_thumb.jpg"
image_title: "unsplash_2.jpg"

View file

@ -3,7 +3,9 @@ layout: post
title: "Normal Post"
description: "This is a example of post beautiful aligned in the middle. No sidebar needed to read good articles."
date: 2014-03-28 00:00:00
categories: layout
categories:
- layout
- design
permalink: "/design/post/"
---
## Look!

View file

@ -1,22 +0,0 @@
---
layout: post
title: "Possibilites to style your Post"
subtitle: "Layout Elements"
description: "You can style your content in different ways. There are elements like subtitles, feature images, header images, meta data like categories and tags and many more. This article shows the different possibilites."
categories: layout
image:
thumb: unsplash_6_thumb.jpg
image_title: "unsplash_6.jpg"
image_header: "no"
permalink: "/design/elements/"
---
## Subtitles
## Feature Images
## Header Images
You can choose to show a special full-width header image or not.
## Meta-Data

View file

@ -4,10 +4,11 @@ title: "The Grid"
subtitle: "Multi-Device Layouts"
description: "Create powerful multi-device layouts quickly and easily with the 12-column, nest-able Foundation grid. These are the dimensions."
date: 2014-07-05 07:00:00
categories:
- layout
- design
image:
thumb: unsplash_7_thumb.jpg
categories:
- layout
permalink: "/design/grid/"
---
*Feeling Responsive* is built on Foundation. And of course, we make use of the wonderful grid system and so can you. Find out more about [constructing beautiful layouts][1] in the foundation documentation.