Typography


Curabitur a velum purus. Nam vel risus a elit malesuada dictum. Quisque rutrum neque nec tortor mollis ut vulputate lectus rutrum. Suspendisse non quam enim. Nam elit orci, vestibulum et mattis ullamcorper, venenatis a urna. Donec vel ullamcorper dui.

H1 tag header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

H2 tag header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

H3 tag header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

H4 tag header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

H5 tag header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

[pp_pre close=”0″]
<h1>H1 tag header</h1>
<h1>H2 tag header</h2>
<h1>H3 tag header</h3>
<h1>H4 tag header</h4>
<h1>H5 tag header</h5>[/pp_pre]

 

Dropcap

[dropcap]Dabolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit.labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/dropcap]

[pp_pre close=”0″][[dropcap]Dabolore magna aliqua. Ut enim ad minim veniam…[/dropcap]][/pp_pre]

 

Quote Text

[quote]labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit. labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit.[/quote]

[pp_pre close=”0″][[quote]labolore magna aliqua…[/quote]][/pp_pre]

 

Button With Custom Colors

[button href=”” bg_color=”#4f762a” text_color=”#ffffff” align=”left” style=”margin-right:5px”]#4f762a[/button][button href=”” bg_color=”#0d1f43″ text_color=”#ffffff” align=”left” style=”margin-right:5px”]#0d1f43[/button]

[pp_pre close=”0″]
[[button href=”” bg_color=”#ac1c20″ text_color=”#ffffff”]#ac1c20[/button]]
[/pp_pre]

 

Button With Predefined Colors

[button href=”” color=”black” align=”left” style=”margin-right:5px”]Black[/button][button href=”” color=”grey” align=”left” style=”margin-right:5px”]Grey[/button][button href=”” color=”blue” align=”left” style=”margin-right:5px”]Blue[/button][button href=”” color=”yellow” align=”left” style=”margin-right:5px”]Yellow[/button][button href=”” color=”red” align=”left” style=”margin-right:5px”]Red[/button]


[button href=”” color=”orange” align=”left” style=”margin-right:5px”]Orange[/button][button href=”” color=”green” align=”left” style=”margin-right:5px”]Green[/button][button href=”” color=”pink” align=”left” style=”margin-right:5px”]Pink[/button][button href=”” color=”purple” align=”left” style=”margin-right:5px”]Purple[/button]


[pp_pre close=”0″]
[[button href=”” color=”black”]Black[/button]]
[/pp_pre]

 

Highlight

labolore magna aliqua. [highlight type=”yellow”]Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit[/highlight], sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit. labolore magna aliqua. Ut enim ad minim veniam. [highlight type=”black”]Lorem ipsum dosectetur adipisicing elit[/highlight], sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit.

[pp_pre close=”0″]
[[highlight type=”yellow”]labolore magna aliqua…[/highlight]]
[[highlight type=”black”]labolore magna aliqua…[/highlight]]
[/pp_pre]