Typography

H1 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, dignissimos, porro, incidunt vitae dolore iste sed fugiat doloremque rem sint molestias ipsa quas voluptatibus itaque molestiae fugit natus. Natus, neque beatae possimus consequatur labore eligendi quidem facilis sequi nulla at cupiditate minima veritatis facere aperiam aliquam soluta corporis necessitatibus maxime.

H2 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, dignissimos, porro, incidunt vitae dolore iste sed fugiat doloremque rem sint molestias ipsa quas voluptatibus itaque molestiae fugit natus. Natus, neque beatae possimus consequatur labore eligendi quidem facilis sequi nulla at cupiditate minima veritatis facere aperiam aliquam soluta corporis necessitatibus maxime.

H3 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, dignissimos, porro, incidunt vitae dolore iste sed fugiat doloremque rem sint molestias ipsa quas voluptatibus itaque molestiae fugit natus. Natus, neque beatae possimus consequatur labore eligendi quidem facilis sequi nulla at cupiditate minima veritatis facere aperiam aliquam soluta corporis necessitatibus maxime.

H4 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, dignissimos, porro, incidunt vitae dolore iste sed fugiat doloremque rem sint molestias ipsa quas voluptatibus itaque molestiae fugit natus. Natus, neque beatae possimus consequatur labore eligendi quidem facilis sequi nulla at cupiditate minima veritatis facere aperiam aliquam soluta corporis necessitatibus maxime.

H5 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, dignissimos, porro, incidunt vitae dolore iste sed fugiat doloremque rem sint molestias ipsa quas voluptatibus itaque molestiae fugit natus. Natus, neque beatae possimus consequatur labore eligendi quidem facilis sequi nulla at cupiditate minima veritatis facere aperiam aliquam soluta corporis necessitatibus maxime.

H6 Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, dignissimos, porro, incidunt vitae dolore iste sed fugiat doloremque rem sint molestias ipsa quas voluptatibus itaque molestiae fugit natus. Natus, neque beatae possimus consequatur labore eligendi quidem facilis sequi nulla at cupiditate minima veritatis facere aperiam aliquam soluta corporis necessitatibus maxime.


Paragraphs

This is a .lead paragraph, which has a font size of 18px. Standard font size is 13px. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui, odit, explicabo mollitia adipisci facere veniam esse eius tenetur deserunt earum recusandae temporibus aspernatur architecto impedit nostrum tempora quaerat ea labore hic similique molestiae in vitae officiis non rerum dolorem nisi corporis illo ducimus at pariatur exercitationem reprehenderit totam a magni?

This is a standard parapgraph with a font size of 13px. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, accusantium cumque error dolorem non impedit nisi magni maxime provident. Pariatur, magni tenetur at vitae perspiciatis! Molestiae, aut, quidem consequatur beatae quasi nesciunt quod quas neque reiciendis facere temporibus vitae provident deleniti autem obcaecati porro laudantium quaerat eaque ipsa enim expedita.


Inverted Text

To invert an element add .invert like so: I'm an inverted text.


Headings with Seperator

<h5 class="page-header">Underlined H5 Heading</h5>
Left aligned H5 Heading with fine double line
<h5 class="hr2">Left aligned H5 Heading with fine double line</h5>
Centered H5 Heading with fine double line
<h5 class="hr2 text-center">Centered H5 Heading with fine double line</h5>
Right aligned H5 Heading with fine double line
<h5 class="hr2 text-right">Right aligned H5 Heading with fine double line</h5>

Handwritten

Beautiful handwritten font Marck Script.

.handwritten

Beautiful handwritten font Marck Script + primary color.

.handwritten .color

More free webfonts can be found over here: http://www.google.com/fonts/


Blockquote

I'm a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

John Doe in "Notes from John Doe"

Unordered list

  • Unorder list item
  • Unordered list item
  • Unordered sub list
    • Unordered sub list item
    • Unordered sub list item
    • Unordered sub list item
  • Unordered list item
  • Unordered list item
  • Unordered list item

Ordered list

  1. Ordered list item
  2. Ordered list item
  3. Ordered sub list
    • Ordered sub list item
    • Ordered sub list item
    • Ordered sub list item
  4. Ordered list item
  5. Ordered list item
  6. Ordered list item

Unstyled list

  • Unstyled list item
  • Unstyled list item
  • Unstyled sub list
    • Unstyled sub list item
    • Unstyled sub list item
    • Unstyled sub list item
  • Unstyled list item
  • Unstyled list item
  • Unstyled list item

Icon list

  • Icon list item
  • Icon list item
  • Icon sub list
    • Icon sub list item with color
    • Icon sub list item with color
    • Icon sub list item with color
  • Icon list item
  • Icon list item
  • Icon list item

Preformatted text

Preformatted text goes here. Which can also include code such as:
<code>I am a code element</code>. Output: I am a code element

Code

I am a code element

<code>I am a code element</code>


Social Networks Icons (44)

Inverted Social Network Icons