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
  1. Here’s an ordered list
  2. With a few list items
  3. It has the same overall look
  4. 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

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