Styling & Formatting

Drop Caps

[one_third][dropcaps]N[/dropcaps]am vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida. [/one_third]

[one_third][dropcaps style=”circle”]N[/dropcaps]am vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida. [/one_third]

[one_third_last][dropcaps style=”square”]N[/dropcaps]am vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida. [/one_third_last]

[one_third]
[toggle title=”Get Code”]

[[dropcaps]N[/dropcaps]]

[/toggle]
[/one_third]

[one_third]
[toggle title=”Get Code”]

[[dropcaps style="circle"]N[/dropcaps]]

[/toggle]
[/one_third]

[one_third_last]
[toggle title=”Get Code”]

[[dropcaps style="square"]N[/dropcaps]]

[/toggle]
[/one_third_last]

[divider type=”image”]

List Styles

[one_third]
[list]

Feugiat conse;

Lorem ipsum;

Dolorem mit amet;

Tortor dictum;

Vestibulum arcum.

[/list]
[/one_third]

[one_third]
[list style=”circle”]

Feugiat conse;

Lorem ipsum;

Dolorem mit amet;

Tortor dictum;

Vestibulum arcum.

[/list]
[/one_third]

[one_third_last]
[list style=”checked”]

Feugiat conse;

Lorem ipsum;

Dolorem mit amet;

Tortor dictum;

Vestibulum arcum.

[/list]
[/one_third_last]
[one_third]
[toggle title=”Get Code”]

[[list]
	<li>Feugiat conse;</li>
	<li>Lorem ipsum;</li>
	<li>Dolorem mit amet;</li>
	<li>Tortor dictum;</li>
	<li>Vestibulum arcum.</li>
[/list]]

[/toggle]
[/one_third]

[one_third]
[toggle title=”Get Code”]

[[list style="circle"]
	<li>Feugiat conse;</li>
	<li>Lorem ipsum;</li>
	<li>Dolorem mit amet;</li>
	<li>Tortor dictum;</li>
	<li>Vestibulum arcum.</li>
[/list]]

[/toggle]
[/one_third]

[one_third_last]
[toggle title=”Get Code”]

[[list style="checked"]
	<li>Feugiat conse;</li>
	<li>Lorem ipsum;</li>
	<li>Dolorem mit amet;</li>
	<li>Tortor dictum;</li>
	<li>Vestibulum arcum.</li>
[/list]]

[/toggle]
[/one_third_last]
[divider type=”image”]

Framed Boxes

[framed_box]
[one_half]

Simple

Borem ipsum dolor sit amet, onsectur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/one_half]

[one_half_last]

Framebox

Aenean nisl orci, condimentum ultrices consequat eu, vehicula ac mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condimentum.[/one_half_last]
[/framed_box]
[toggle title=”Get Code”]

[[framed_box] content [/framed_box]]

[/toggle]

[framed_box style=”info”]

Info Box

Borem ipsum dolor sit amet, onsectur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu, vehicula ac mauris. Cras ipsum eros, feugiat eget, porta sit amet eros. Ut mi in nulla porta at ipsum rutrum. Pellesque utate eleifend ultricies.
[/framed_box]

[toggle title=”Get Code”]

[[framed_box style="info"] content [/framed_box]]

[/toggle]

[one_third]
[framed_box style=”note”]

Note:

Borem ipsum dolor sit amet, onsectur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu, vehicula ac mauris.

[/framed_box]
[/one_third]

[two_third_last]

Cras ipsum eros, feugiat eget, porta sit amet eros. Ut mi in nulla porta at ipsum rutrum. Pellesque utate eleifend ultricies. Phasellus ornare risus sed nibh rutrum mollis. Nunc faucibus, ipsum vitae gravida euismod, nisi ante volutpat nisi, non aliquam justo mauris a nulla.

Nam justo risus, dignissim sed laoreet ut, fermentum ac nunc. Vestibulum quis urna libero, a venenatis risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse mollis sollicitudin sem, a sagittis mi pellentesque et. Avestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor dictum gravida.

[/two_third_last]
[toggle title=”Get Code”]

[[framed_box style="note"] content [/framed_box]]

[/toggle]
[divider type=”image”]

Highlighted Text

[one_fifth]

Lorem ipsum dolor sit amet, [highlight color=”red”]consectetur adipisicing[/highlight] elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

[toggle title=”Get Code”]

[[highlight color="red"] content [/highlight]]

[/toggle]
[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, [highlight color=”green”]consectetur adipisicing[/highlight] elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

[toggle title=”Get Code”]

[[highlight color="green"] content [/highlight]]

[/toggle]
[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, [highlight color=”blue”]consectetur adipisicing[/highlight] elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

[toggle title=”Get Code”]

[[highlight color="blue"] content [/highlight]]

[/toggle]
[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, [highlight color=”yellow”]consectetur adipisicing[/highlight] elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

[toggle title=”Get Code”]

[[highlight color="yellow"] content [/highlight]]

[/toggle]
[/one_fifth]

[one_fifth_last]

Lorem ipsum dolor sit amet, [highlight color=”black”]consectetur adipisicing[/highlight] elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.

[toggle title=”Get Code”]

[[highlight color="black"] content [/highlight]]

[/toggle]
[/one_fifth_last]
[divider type=”image”]

Tooltips

[one_half]
Vestibulum quis urna libero, [tooltip text=”Suspendisse mollis sollicitudin sem, a sagittis mi pellentesque et. Avestibulum, arcu sodales feugiat consectetur.”]a venenatis risus[/tooltip]. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
[/one_half]

[one_half_last]
[tooltip text=”Suspendisse mollis sollicitudin sem, a sagittis mi pellentesque et. Avestibulum, arcu sodales feugiat consectetur.”]Vestibulum[/tooltip] quis urna libero, a venenatis risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
[/one_half_last]
[toggle title=”Get Code”]

[[tooltip text="Tooltip Text"] content [/tooltip]]

[/toggle]
[divider type=”image”]

Styled Table

[styled_table]

Options	Title 1	Title 2	Title 3	Title 4
Option Title 1	Option	Option	Option	Option
Option Title 2	Option	Option	Option	Option
Option Title 3	Option	Option	Option	Option
Option Title 4	Option	Option	Option	Option
Option Title 5	Option	Option	Option	Option
Table footer text

[/styled_table]
[toggle title=”Get Code”]

[[styled_table] table markup [/styled_table]]

[/toggle]
[divider type=”image”]

Url Shortening

Suspendisse mollis sollicitudin [short url=”http://www.freaklife.com/shuffle/”] sem, a sagittis mi pellentesque et. Avestibulum, arcu sodales feugiat consectetur.

[toggle title=”Get Code”]

[[short url="http://www.yoursite.com/very-very-very-long-url/"]]

[/toggle]

[divider type=”image”]

Dividers

[one_third]
[toggle title=”Get Code”]

[[divider type="image"]]

[/toggle]
[/one_third]

[one_third_last]
[toggle title=”Get Code”]

[[divider type="space"]]

[/toggle]
[/one_third_last]