Block Numbers

<p class="blocknumber"> <span class="bignumber orange">04</span>Text for Orange Blocknumber goes here.</p>	
<p class="blocknumber"> <span class="bignumber green">02</span>Text for Green Blocknumber goes here.</p>	
<p class="blocknumber"> <span class="bignumber mint">03</span>Text for Mint Blocknumber goes here.</p>	
<p class="blocknumber"> <span class="bignumber blue">03</span>Text for Blue Blocknumber goes here.</p>	
<p class="blocknumber"> <span class="bignumber pink">05</span>Text for Pink Blocknumber goes here.</p>	
<p class="blocknumber"> <span class="bignumber red">05</span>Text for Red Blocknumber goes here.</p>	
<p class="blocknumber"> <span class="bignumber">01</span>Text for Gray Blocknumber goes here.</p>	
<p class="blocknumber"> <span class="bignumber black">06</span>Text for Black Blocknumber goes here.</p>	

Dropcaps

The first letter in this paragraph is exageratedly big to atract attention, and this represents the most used typographycal technique by magazines. This enables your Joomla! template to use the magazine style drop capitalize technique and CSS2 styling for the first-letter pseudo class.
Use <p><span class="dropcap">Y</span>our content goes here!</p> to form a dropcap!

This is a sample Blockquote.
Use <blockquote><span class="open">Y</span>our quote goes her<span class="close">e!</span></blockquote> to form a quote!

This is a sample Rounded Blockquote.
Use <blockquote class="background">Your quote goes here!</blockquote> to form a quote like this.
Nisi tellus rhoncus urna, tincidunt rutrum nisl ante vel leo. Cras ac risus a ligula tincidunt posuere arcu vel mollis condimentum!

• Weiter