Typography

Headings

This is a sample of the heading text: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>

This is a Heading 1 Element

This is a Heading 2 Element

This is a Heading 3 Element

This is a Heading 4 Element

This is a Heading 5 Element
This is a Heading 6 Element

Highlight Text

This is a highlight span class "hihglight1" Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit consectetuer sit amet. This is a highlight span class "hihglight2" Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. This is a highlight_strong span class.


Buttons


Button This is a button White Button This is Another White Button

Flexible and easy to use buttons. Just add class:

class="button" at any link.
For a white button add: class="button white_button"

Blockquote

This is the default blockquote style applied to blockquote tags:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor lectus, ultrices venenatis tristique at, euismod eget sem. Praesent at lorem in lacus dictum sagittis. Morbi ultrices nibh sed massa dignissim auctor. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula.


Table Design


This is a table with class="table"

Header Item 1 Header Item 1 Header Item 1 Header Item 1
Item 1 Item 1 Item 1 Item 1
Item 1 Item 1 Item 1 Item 1
Item 1 Item 1 Item 1 Item 1


Info Boxes

These are designed info boxes and they are great for displaying special messages:

Info: Insert your text here
Note: Insert your text here
Tip: Insert your text here
Error: Insert your text here

Two Columns


This is the first column

with class class="two_column_1".
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor lectus, ultrices venenatis tristique at, euismod eget sem. Praesent at lorem in lacus dictum sagittis. Morbi ultrices nibh sed massa dignissim auctor. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula.

This is the second column

with class class="two_column_2".
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dolor lectus, ultrices venenatis tristique at, euismod eget sem. Praesent at lorem in lacus dictum sagittis. Morbi ultrices nibh sed massa dignissim auctor. Aenean accumsan, mi eu accumsan porttitor, erat nulla vehicula.



Bulleted lists

The following styled bullet lists are available:

ul class="bullet_check"

  • Check mark
  • Another Check mark
  • Bullet_check

ul class="bullet_arrow"

  • Check mark
  • Another Check mark
  • Bullet_arrow

ul class="bullet_arrow_2"

  • Check mark
  • Another Check mark
  • Bullet_arrow_2

ul class="bullet_lblue"

  • Check mark
  • Another Check mark
  • Bullet_lblue

ul class="bullet_llblue"

  • Check mark
  • Another Check mark
  • Bullet_llblue

ul class="bullet_dblue"

  • Check mark
  • Another Check mark
  • Bullet_dblue

ul class="bullet_ddblue"

  • Check mark
  • Another Check mark
  • Bullet_ddblue

ul class="bullet_green"

  • Check mark
  • Another Check mark
  • Bullet_green

ul class="bullet_brown"

  • Check mark
  • Another Check mark
  • Bullet_brown

ul class="bullet_orange"

  • Check mark
  • Another Check mark
  • Bullet_orange