Headings

This is a h1 heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

This is a h2 heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

This is a h3 heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

This is a h4 heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

This is a h5 heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

Inline Text Styles

Any block of text can be highlighted by applying one of our text styles to it. Such as Highlight, White and Marker. To use any of these styles, simply apply a class (class="highlight", class="white" or class="marker") to your element - for example:

<h3 class="highlight">This is my text</h3>

<p>This is some text with a <span class="marker">marked</span> bit in the middle</p>

Blockquotes

There are three Blockquote styles available for use:

Here is a sample Blockquote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices.

Usage:

<blockquote><p>This is my text</p></blockquote>

Here is a sample Blockquote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices.

Usage:

<blockquote class="serif"><p>This is my text</p></blockquote>

Here is a sample Blockquote. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices.

Usage:

<blockquote class="box"><p>This is my text</p></blockquote>

Preformatted Style

This is an example preformatted style:

.tool-tip {
    float: left;
    background: #ffc;
    border: 1px solid #D4D5AA;
    padding: 5px;
    max-width: 200px; 
    color:#333; } 

Usage:

<pre>This is my text</pre>

Dropcap Styles

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

Usage:

<p><span class="dropcap">T</span>his is my text</p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

Usage:

<p><span class="dropcap-primary">T</span>his is my text</p>

Pullquotes

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et Lorem ipsum dolor sit amet, consectetuer adipiscing elit.mattis justo nibh eu elit. Quisque ultrices gravida pede. Mauris accumsan vulputate tellus. Phasellus condimentum bibendum dolor. Mauris sed ipsum. Phasellus in diam. Nam sapien ligula, consectetuer id, hendrerit in, cursus sed, leo. Nam tincidunt rhoncus urna. Aliquam id massa ut nibh bibendum imperdiet. Curabitur neque mauris, porta vel, lacinia quis, placerat ultrices, orci. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et mattis justo nibh eu elit. Quisque ultrices gravida pede. Mauris accumsan vulputate tellus. Phasellus condimentum bibendum dolor. Mauris sed ipsum. Phasellus in diam. Nam sapien ligula, consectetuer id, hendrerit in, cursus sed, leo. Nam tincidunt rhoncus urna. Aliquam id massa ut nibh bibendum imperdiet. Curabitur neque mauris, porta vel, lacinia quis, placerat ultrices, orci.Lorem ipsum dolor sit amet, consectetuer adipiscing elit.mattis justo nibh eu elit. Quisque ultrices gravida pede. Mauris accumsan vulputate tellus. Phasellus condimentum bibendum dolor. Mauris sed ipsum. Phasellus in diam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.mattis justo nibh eu elit. Quisque ultrices gravida pede. Mauris accumsan vulputate tellus. Phasellus condimentum bibendum dolor. Mauris sed ipsum.

Usage:

<span class="pullquote-left">This is my text</span>
<span class="pullquote-right">This is my text</span>

List Styles (Bullets)

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Usage:

<ul class="check1">
<li>This is my text</li>
</ul>

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Usage:

<ul class="check2">
<li>This is my text</li>
</ul>

• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
• Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Usage:

<ul class="check3">
<li>This is my text</li>
</ul>