<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquet blandit rutrum. Vivamus felis velit, porta vitae dapibus quis, lacinia eget urna. Nam eget massa vel velit viverra pretium vel elementum purus. Suspendisse sagittis blandit mauris ac dapibus.</p>
<h1>H1 Style Settings : <strong>strong</strong> : <a href="#">link...</a></h1>
<h2>H2 Style Settings : <strong>strong</strong> : <a href="#">link...</a></h2>
<h3>H3 style settings : <strong>strong</strong> : <a href="#">link...</a></h3>
<h4>H4 style settings : <strong>strong</strong> : <a href="#">link...</a></h4>
<h5>H5 style settings : <strong>strong</strong> : <a href="#">link...</a></h5>
<h6>H6 style settings : <strong>strong</strong> : <a href="#">link...</a></h6>
<p>&nbsp;</p>
<blockquote>Ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</blockquote>
<p>&nbsp;</p>
<h4>Lists with style1 icons, lines and half layout</h4>
<p>[lists style="style1" layout="half"]</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</li>
</ul>
<p>[/lists] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [rule type="empty"]</p>
<h4>Lists with style2 icons and lines</h4>
<p>[lists style="style2"]</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat</li>
</ul>
<p>[/lists] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [rule type="empty"]</p>
<h4>Lists with style3 icons, lines and half layout</h4>
<p>[lists style="style3" layout="half"]</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</li>
</ul>
<p>[/lists] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [rule type="empty"]</p>
<h4>Lists with style4 icons and without lines</h4>
<p>[lists style="style4" line="0"]</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat</li>
</ul>
<p>[/lists] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [rule type="empty"]</p>
<h4>Lists with style5 icons, without lines and with half layout</h4>
<p>[lists style="style5" line="0" layout="half"]</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</li>
</ul>
<p>[/lists] Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [rule type="empty"]</p>
<h4>Lists with style6 icons and without lines</h4>
<p>[lists style="style6" line="0"]</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat</li>
</ul>
<p>[/lists]</p>
<h3>OL styles</h3>
<ol class="style1">
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
</ol>
<p>[rule type="light"]</p>
<h3>Table styles &amp; classes:</h3>
<table>
<thead>
<tr>
<th>Standard Table</th>
<th>1.col (thead » th)</th>
<th>2.col (thead » th)</th>
</tr>
</thead>
<tbody>
<tr>
<th>First row of table (tbody » th)</th>
<td>Standard value</td>
<td><a href="#">Standard link</a></td>
</tr>
<tr>
<th>Second row of table (tbody » th)</th>
<td>Standard value</td>
<td><a href="#">Standard link</a></td>
</tr>
<tr>
<th>Third row of table (tbody » th)</th>
<td>Standard value</td>
<td><a href="#">Standard link</a></td>
</tr>
</tbody>
</table>
<table class="style1">
<thead>
<tr>
<th>Table class=style1</th>
<th>1.col (thead » th)</th>
<th>2.col (thead » th)</th>
</tr>
</thead>
<tbody>
<tr>
<th>First row of table (tbody » th)</th>
<td>Standard value</td>
<td><a href="#">Standard link</a></td>
</tr>
<tr>
<th>Second row of table (tbody » th)</th>
<td>Standard value</td>
<td><a href="#">Standard link</a></td>
</tr>
<tr>
<th>Third row of table (tbody » th)</th>
<td>Standard value</td>
<td><a href="#">Standard link</a></td>
</tr>
</tbody>
</table>
<h3>Common Classes you may need</h3>
<table>
<tbody>
<tr>
<th>.clearfix</th>
<td>clearing of floated elements - use on superordinate element</td>
</tr>
<tr>
<th>.fl</th>
<td>for floating left</td>
</tr>
<tr>
<th>.fr</th>
<td>for floating right</td>
</tr>
<tr>
<th>.uppercase</th>
<td>sets text-transform to uppercase style</td>
</tr>
<tr>
<th>.aligncenter</th>
<td>sets elements to the center</td>
</tr>
<tr>
<th>.alignleft</th>
<td>sets floating to left with right margin</td>
</tr>
<tr>
<th>.alignright</th>
<td>sets floating to right with left margin</td>
</tr>
<tr>
<th>.cleanmargin</th>
<td>sets margins to 0px</td>
</tr>
<tr>
<th>.cleanmargin-bottom</th>
<td>sets bottom margin to 0px</td>
</tr>
<tr>
<th>.cleanpadding</th>
<td>sets paddingss to 0px</td>
</tr>
<tr>
<th>.clean-line</th>
<td>sets line-height to the default value</td>
</tr>
</tbody>
</table>
<p>[rule type="top"]</p>