Typography

Google Web Fonts

Checkout Google Web Font Directory

[googlefont font=”Courgette” fontsize=”34″]Stylish WordPress Theme[/googlefont]

[googlefont font=”Londrina Shadow” fontsize=”34″]Flexible and Responsive Layouts Support[/googlefont]

[pp_pre close=”0″]
[[googlefont font=”Courgette” fontsize=”30″]Your Text Here…[/googlefont]]
[/pp_pre]


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]If you are lucky enough to find a way of life you love, you have to find the courage to live it.[/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]

Leave a Reply