Typography

H1 Title

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.

H2 Title

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

H3 Title

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla.

H4 Title

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula.

H5 Title

Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

This is a sample of the "alert" style. Use this style to denote very important information to your users. To use this use the following html: <div class="attention"><div class="icon">Your content goes here!</div></div>
This is a sample of the "notice" style. Use this style to denote very important information to your users. To use this use the following html: <div class="notice"><div class="icon">Your content goes here!</div></div>
This is a sample of the "alert" style. Use this style to denote very important information to your users. To use this use the following html: <div class="alert"><div class="icon">Your content goes here!</div></div>
This is a sample of the "alert" style. Use this style to denote very important information to your users. To use this use the following html: <div class="download"><div class="icon">Your content goes here!</div></div>
This is a sample of the "alert" style. Use this style to denote very important information to your users. To use this use the following html: <div class="approved"><div class="icon">Your content goes here!</div></div>
This is a sample of the "alert" style. Use this style to denote very important information to your users. To use this use the following html: <div class="media"><div class="icon">Your content goes here!</div></div>
This is a sample of the "alert" style. Use this style to denote very important information to your users. To use this use the following html: <div class="camera"><div class="icon">Your content goes here!</div></div>
This is a sample of the "alert" style. Use this style to denote very important information to your users. To use this use the following html: <div class="music"><div class="icon">Your content goes here!</div></div>
This is a sample of the "alert" style. Use this style to denote very important information to your users. To use this use the following html: <div class="doc"></div class="icon">Your content goes here!</div></div>
This is a sample of the "alert" style. Use this style to denote very important information to your users. To use this use the following html: <div class="note"><div class="icon">Your content goes here!</div></div>
This is a sample of the "alert" style. Use this style to denote very important information to your users. To use this use the following html: <div class="cart"><div class="icon">Your content goes here!</div></div>

This is a simple example of a blockquote.

This is a blockquote, you will want to use the following formatting: <div class="quotes">><div class="in">Your content goes here!</div></div>. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Below are presented the different styles for Unordered Lists. To implement these styles you can simply add this html code in your article: <ul class="class"><li>...</li></ul> where class should be replaced with one of these:

  • This list has class point.
  • Lorem et nunc congue pede auctor.
  • Dolor Curabitur Nam Nulla augue id.
  • Nunc cursus sem et pretium.
  • This list has class todo.
  • Lorem et nunc congue pede auctor.
  • Dolor Curabitur Nam Nulla augue id.
  • Nunc cursus sem et pretium.
  • This list has class checkbox.
  • Lorem et nunc congue pede auctor.
  • Dolor Curabitur Nam Nulla augue id.
  • Nunc cursus sem et pretium.
  • This list has class tick.
  • Lorem et nunc congue pede auctor.
  • Dolor Curabitur Nam Nulla augue id.
  • Nunc cursus sem et pretium.
  • This list has class star.
  • Lorem et nunc congue pede auctor.
  • Dolor Curabitur Nam Nulla augue id.
  • Nunc cursus sem et pretium.
  • This list has class message.
  • Lorem et nunc congue pede auctor.
  • Dolor Curabitur Nam Nulla augue id.
  • Nunc cursus sem et pretium.

Use <pre> code for insert formatted code, this is an example:

body {
font: 11px/1.5em Arial, Helvetica, sans-serif;
color: #838383;
}

Use <div class="bignumber"><div class="number">25</div>Your content goes here!</div></div> for implement this style in your articles:

1Facilisi eu esca veniam haero diam refero mara ad. Delenit luptatum tincidunt abigo te verto qui delenit indoles sed aliquip, hendrerit bene. Ingenium abbas et laoreet tation camur.
2Facilisi eu esca veniam haero diam refero mara ad. Delenit luptatum tincidunt abigo te verto qui delenit indoles sed aliquip, hendrerit bene. Ingenium abbas et laoreet tation camur.
3Facilisi eu esca veniam haero diam refero mara ad. Delenit luptatum tincidunt abigo te verto qui delenit indoles sed aliquip, hendrerit bene. Ingenium abbas et laoreet tation camur.