Shortcodes

Lighter, Secondary Text

The small element is used to create a lighter, secondary text in any heading:

h1 heading secondary text

h2 heading secondary text

h3 heading secondary text

h4 heading secondary text

h5 heading secondary text
h6 heading secondary text

Contextual Colors

Use the contextual classes to provide “meaning through colors”:

This text is muted.

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

click and click

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt

Lorem ipsum dolor sit amet

This line of text is meant to be treated as fine print.

Sub Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam.

  • sem nunc gravida justo, quis eleifend arcu
  • Maecenas placerat, nisl at consequat rhoncus,
  • quis dui viverra vestibulum.

sem nunc gravida justo, quis eleifend arcu velit quis lacus. Morbi magna magna, tincidunt a, mattis non, imperdiet vitae, tellus. Sed odio est, auctor ac, sollicitudin in, consequat vitae, orci. Fusce id felis. Vivamus sollicitudin metus eget eros.

  1. sem nunc gravida justo, quis eleifend arcu
  2. Maecenas placerat, nisl at consequat rhoncus,
  3. quis dui viverra vestibulum.

List Unstyle class in ul

  • sem nunc gravida justo, quis eleifend arcu
  • Maecenas placerat, nisl at consequat rhoncus,
    • sem nunc gravida justo, quis eleifend arcu
    • sem nunc gravida justo, quis eleifend arcu
    • sem nunc gravida justo, quis eleifend arcu
  • quis dui viverra vestibulum.

Blockquotes

For quoting blocks of content from another source within your document.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Style and content changes for simple variations on a standard blockquote.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous Source Title

Alternate displays

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante