Sample Page

h1. This is a very large header.

h2. This is a large header.

h3. This is a medium header.

h4. This is a moderate header.

h5. This is a small header.
h6. This is a tiny header.

Foundation for Sites Version 6.0.4

Links are very standard, and the color is preset to the Foundation primary color. Learn more about Foundation’s global colors.


Use dividers to define thematic breaks between paragraphs. To denote the end of one section of a page and the start of another, it’s better to use the

Unordered Lists

Use an unordered list to… list things, if the order of the items doesn’t matter.

  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested list item
    • Nested list item
    • Nested list item
  • List item
  • List item
  • List item

Ordered Lists

Use an <ol> when creating a list where the order of the items is important, like ranking pizza toppings from best to worst.

Definition Lists

A definition list (<dl>) is used to display name-value pairs, like metadata or a dictionary definition. Each term (<dt>) is paired with one or more definitions (<dd>).

The indefinite continued progress of existence and events in the past, present, and future regarded as a whole.
A continuous area or expanse that is free, available, or unoccupied.
The dimensions of height, depth, and width within which all things exist and move.


Sometimes other people say smart things, and you may want to mention those things with a quote. We’ve got you covered.

Those people who think they know everything are a great annoyance to those of us who do.
Isaac Asimov