To get the full benefit from our layouts, you can refer to this page to find the appropriate HTML code for the feature you need. 

Article separator

<span class="article_seperator"> </span>

Caption Box

<div class="shout-caption"><h3>Box title</h3>Your text goes here!</div>

A Drop Cap for your paragraph

<span class="dropcap">L</span>

Bubble Quote

<div class="bubble">
<div> <div> <div> <div> 
<div> Text of your bubble </div> </div> </div> </div> 
</div><span class="author">the author you want to quote</span> 
</div>

Simple Quote

<div><blockquote class="quote-hilite">
<span class="open">A</span>n  other way to quote peopl
<span class="close">e.</span></blockquote> </div>

Your Messages

<p class="error">Use this to show that you are not happy!</p>

<p class="message">This, to give an information!</p>

<p class="tips">That, for a tips!</p>

Your Lists

<p class="blocknumber"><span class="bignumber">01</span>Your content goes here!</p>
<p class="blocknumber"><span class="bignumber">02</span>Your content goes here!</p>
<p class="blocknumber"><span class="bignumber">03</span>Your content goes here!</p>