Typography

Headings

Heading Text 1

Heading Text 2

Heading Text 3

Heading Text 4

Heading Text 5
Heading Text 6
 

Thin Heading 1

Thin Heading 2

Thin Heading 3

To use thin headings, set ".hthin" class in heading tag.

Blockquotes

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

Some historic guy

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

Some historic guy

Body Elements

Paragraph Text

To me this vast ivory-ribbed chest, with the long, unrelieved spine, extending far away from it in a straight line, not a little resembled the hull of a great ship new-laid upon the stocks, when only some twenty of her naked bow-ribs are inserted, and the keel is otherwise, for the time, but a long, disconnected timber.

Herman Melville - Moby-Dick

Lead Paragraph

'I've heard something like it,' said Alice.

Lewis Carroll - Alice in Wonderland

Italic

"Consul," said he, "I have no longer any doubt. I have spotted my man.

Jules Verne - Around the World in 80 Days

Small

This is a tiny small text!

Text Color

This is an emphasis primary color text

This is an emphasis success color text

This is an emphasis success color text

This is an emphasis success color text

TOTAL VISITS

Daily visits average

1,350

INCREASE

Sales increase rate

30%

EARNINGS

Week earning average

$ 50

Unordered List

  • Cloud Services
  • Photo Upload
  • Music Downloads
  • Notifications
  • Full Featured UI

Ordered List

  1. Cloud Services
  2. Photo Upload
  3. Music Downloads
  4. Notifications
  5. Full Featured UI

Unstyled List

  • Cloud Services
  • Photo Upload
  • Music Downloads
  • Notifications
  • Full Featured UI

Address

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
first.last@example.com

Well

It would seem that these giants spent the earlier part of the afternoon in going to and fro, transferring everything from the second and third cylinders--the second in Addlestone Golf Links and the third at Pyrford--to their original pit on Horsell Common.

H. G. Wells

Code

Inline

Wrap inline snippets of code with <code>.
For example, <section> should be wrapped as inline.

Basic Block

<p>Sample text here...</p>

Prettify

<div class="row">
  <div class="col-xs-6">.col-xs-6</div>
  <div class="col-xs-6">.col-xs-6</div>

  <!-- Add the extra clearfix  -->
  <div class="clearfix visible-xs"></div>

</div>