<h1> Heading Styles

H1. Heading 1

H2. Heading 2

H3. Heading 3

H4. Heading 4

H5. Heading 5

H1. Page Title

H1. Content Title

<ul> List Styles

• This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
• This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
• This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
• This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
• This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.

<p> DropCap Styles

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 penatibu. Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat.

Use the following format: <p class=”dropcap”>…</p> (HTML) or [dropcap class=”dropcap”]…[/dropcap] (SHORTCODE). You can use any letter, symbol or number.

Praesent rutrum sapien ac felis. Use this format: <p class=”dropcap2″>…</p> (HTML) or [dropcap class=”dropcap2″] … [/dropcap] (SHORTCODE)

Praesent rutrum sapien ac felis. Use this format: <p class=”dropcap3″>…</p> (HTML) or [dropcap class=”dropcap3″] … [/dropcap] (SHORTCODE)

Praesent rutrum sapien ac felis. Use this format: <p class=”dropcap4″>…</p> (HTML) or [dropcap class=”dropcap4″] … [/dropcap] (SHORTCODE)

Praesent rutrum sapien ac felis. Use this format: <p class=”dropcap5″>…</p> (HTML) or [dropcap class=”dropcap5″] … [/dropcap] (SHORTCODE)

<blockquote> Styles

To replicate, use the following formatting: <blockquote><p>….</p></blockquote> (HTML) or [blockquote class=”default”]…[/blockquote] (SHORTCODE).

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

To replicate, use the following formatting: <blockquote class="alignleft"><p>….</p></blockquote> (HTML) or [blockquote class=”alignleft”]…[/blockquote] (SHORTCODE).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

To replicate, use the following formatting: <blockquote class="alignright"><p>….</p></blockquote> (HTML) or [blockquote class=”alignright”]…[/blockquote] (SHORTCODE).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.

<pre> Code Styles

This is a sample <pre class="lines">...</pre> (HTML) or,
[pre2 class="{lines}"] ... [/pre2] (SHORTCODE) tag:

div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}

div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}

This is a sample <pre>...</pre> (HTML) or,
[pre class="{lines}"] ... [/pre] (SHORTCODE) tag:

div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}

div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}

<p> Notice Styles

This is a sample of the Approved style. To replicate, use the following syntax: <p class=”approved”>….</p> (HTML) or [notice class=”approved”] … [/notice] (SHORTCODE).

This is a sample of the Attention style. To replicate, use the following syntax: <p class=”attention”>….</p> (HTML) or [notice class=”attention”] … [/notice] (SHORTCODE).

This is a sample of the Notice style. To replicate, use the following syntax: <p class=”notice”>….</p> (HTML) or [notice class=”notice”] … [/notice] (SHORTCODE).

This is a sample of the Alert style. To replicate, use the following syntax: <p class=”alert”>….</p> (HTML) or [notice class=”alert”] … [/notice] (SHORTCODE).

<span> Text Icon

To replicate, the following format: <span class=”text-icon iconname”>…</span> (HTML) or [icon class="icon name"]…[/icon] (SHORTCODE). The class names are listed below, such as “text-icon email“.

<em> Emphasis Styles

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="italic">…</em> (HTML) or [emphasis]…[/emphasis] (SHORTCODE)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="bold">…</em> (HTML) or [emphasisbold]…[/emphasisbold] (SHORTCODE)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="bold2">…</em> (HTML) or [emphasisbold2]…[/emphasisbold2] (SHORTCODE)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight">…</em> (HTML) or [highlight class="default"]…[/highlight] (SHORTCODE)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight white">…</em> (HTML) or [highlight class="white"]…[/highlight] (SHORTCODE)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight black">…</em> (HTML) or [highlight class="black"]…[/highlight] (SHORTCODE)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight green">…</em> (HTML) or [highlight class="green"]…[/highlight] (SHORTCODE)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight yellow">…</em> (HTML) or [highlight class="yellow"]…[/highlight] (SHORTCODE)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight blue">…</em> (HTML) or [highlight class="blue"]…[/highlight] (SHORTCODE)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight red">…</em> (HTML) or [highlight class="red"]…[/highlight] (SHORTCODE)