Content page Demo

Images

Headings and paragraphs

h1 – The Fan Company

h2 – and The Span Element

h3 – The Fan Company

h4 – The Fan Company

Paragraph text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in faucibus dui, sed laoreet urna. Nullam eleifend erat vel urna fermentum, vel bibendum nisi sollicitudin. Suspendisse congue non risus in efficitur. Maecenas at neque blandit, vestibulum nunc ut, pulvinar nisi. Integer non erat lectus. Curabitur sit amet luctus lectus. Phasellus ornare nunc leo. Fusce ac mi consequat, luctus elit vel, vehicula ex. Curabitur non purus vel magna feugiat pharetra. Aliquam dictum aliquam nunc eu auctor.

Link example

Description lists

Description lists: A description list is perfect for defining terms.
Term: Definition for the term.; A second definition for the same term.
Another term: Definition for this other term.

Lists

All lists have their top margin removed
And their bottom margin normalized
Nested lists have no bottom margin
- This way they have a more even appearance
- Particularly when followed by more list items
The left padding has also been reset

Here’s an ordered list
With a few list items
It has the same overall look
As the previous unordered list

Tables

This is an example table, and this is its caption to describe the contents.
Table heading	Table heading	Table heading	Table heading
Table cell	Table cell	Table cell	Table cell
Table cell	Table cell	Table cell	Table cell
Table cell	Table cell	Table cell	Table cell

Forms

Example legend

Example input

Example email

Example telephone

Example url

Example select

Check this checkbox

Option one is this and that Option two is something else that’s also super long to demonstrate the wrapping of these fancy form controls. Option three is disabled

Example textarea

Example date

Example time

Example password

Example datetime-local

You can convert any link or button into the same style button if you add class “.button” to it.