Typography

Headings

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

Lead Body Copy

Vivamus sagittis lacus vel augue laoreet rutrum.

[bigp]...[/bigp]

Lists
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
<ol>
  <li>...</li>
</ol>

Description

Description lists
Perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod.
Donec id elit non mi porta gravida.
Malesuada porta
Etiam porta sem malesuada magna mollis.
<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>

Emphasis

SMALL SUB HEAD

[small]SMALL SUB HEAD[/bigp]

The following snippet of text is rendered as bold text.

<strong>rendered as bold text</strong>

The following text is rendered as italicized text.

<em>rendered as italicized text</em>

Emphasis Classes

Fusce dapibus, tellus ac cursus commodo.

Etiam porta sem malesuada magna mollis.

Donec ullamcorper nulla non metus auctor.

Aenean eu leo quam. Pellentesque ornare.

Duis mollis, est non commodo luctu, nisi.

[textalert]Fusce dapibus....[/textalert]
[textalert type="yellow"]Etiam port..[/textalert]
[textalert type="red"]Donec ullam...[/textalert]
[textalert type="blue"]Aenean eu leo...[/textalert]
[textalert type="green"]Duis mollis...[/textalert]

Address

Twitter, Inc.

795 Folsom Ave, Suite 600

San Francisco, CA 94107

P:
(123) 456-7890

<address>
  <strong>Twitter, Inc.</strong><br>
  795 Folsom Ave, Suite 600<br>
  San Francisco, CA 94107<br>
  <abbr title="Phone">P:</abbr>
 (123) 456-7890
</address>

Abbreviations

<abbr>

An abbreviation of the word attribute is attr.

<abbr title="attribute">attr</abbr>

<abbr class="initialism">

HTML is the best thing since sliced bread.

<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>

Blockquotes

Default blockquote

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

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>

Alternate displays

Use .pull-right for a floated, right-aligned blockquote.

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

<blockquote class="pull-right">
  ...
</blockquote>
  • Arc'Teryx
  • Black Diamond
  • Virginian Lodge
  • Evoke Endurance
  • La Sportiva
  • Mammut
  • 4FRNT