Headings

All HTML heading, <h1> through <h6>, are available as well as helpful display-* classes — a larger, slightly more opinionated heading style.

Displays

Display 1

Display 2

Display 3

Display 4

Headings

Heading title 1

Heading title 2

Heading title 3

Heading title 4

Heading title 5
Heading title 6

Paragraphs

Develop your pages with several paragraphs. Make a paragraph stand out by adding .lead class.

.lead

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

<p>

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

<small>

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Inline Styles

Modify appearance of your text or part of the paragraph with variety of styling tags.

<mark>
You can use the mark badge to highlight text.
<del>
This line of text is meant to be treated as deleted text.
<s>
This line of text is meant to be treated as no longer accurate.
<ins>
This line of text is an addition to the document.
<u>
This line of text will render as underlined
<small>
This line of text is meant to be treated as fine print.
<strong>
This line rendered as bold text.
<em>
This line rendered as italicized text.

List Styling

Display a list of items inside your content, rendered with a number, a bullet, or none.

Unordered list - <ul>
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
Ordered list - <ol>
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
Icon list
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
Unstyled
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet

Blockquote

Easily quote a sentence from another source and highlight it between your content.

Some quick example text to build blockquote content long enough.

Someone famous in Source Title
.text-quoted

Some quick example text to build blockquote content long enough.