Heading

Heading (h1, h2, h3,...) font size parameter is availabele for all main layouts.

Content Toggle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.

Click me to toggle content...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.
Click me to toggle content...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.
Click me to toggle content...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.

Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc.

Click here to grab the code
<div class="toggle 1">
Click me to toggle content...
</div>
<div class="toggle_content 1">
Your text here ...
</div>
.
.
There are 15 content toggles available per page, each should contain a different ID: 1, 2, 3 .... 15
.
.
<div class="toggle 15">
Click me to toggle content...
</div>
<div class="toggle_content 15">
Your text here ...
</div>

Blockquote styles

This is a left blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce volutpat, sapien eget placerat rutrum, urna mauris iaculis ligula, at tincidunt ligula ante ac enim. Duis pulvinar, est a aliquet sollicitudin, quam risus bibendum velit, in blandit orci eros non risus. Pellentesque ac ullamcorper velit. Vestibulum ornare tincidunt lacinia. Donec vel ante justo, quis scelerisque est. Phasellus a feugiat felis. Integer eu risus libero. Nullam pulvinar dolor vitae ante fermentum sodales.

Click here to grab the code
<blockquote class="left">Your text here ...</blockquote>

This is a right blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce volutpat, sapien eget placerat rutrum, urna mauris iaculis ligula, at tincidunt ligula ante ac enim. Duis pulvinar, est a aliquet sollicitudin, quam risus bibendum velit, in blandit orci eros non risus. Pellentesque ac ullamcorper velit. Vestibulum ornare tincidunt lacinia. Donec vel ante justo, quis scelerisque est. Phasellus a feugiat felis. Integer eu risus libero. Nullam pulvinar dolor vitae ante fermentum sodales.

Click here to grab the code
<blockquote class="right">Your text here ...</blockquote>

This is a fullwidth blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet.

Click here to grab the code
<blockquote>Your text here ...</blockquote>

Note style

Note: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet.
Click here to grab the code
<div class="note"><b>Note: </b>Your text here ...</div>

List styles

  • General list style.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 1. To apply this list style use: "list-1"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 2. To apply this list style use: "list-2"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 3. To apply this list style use: "list-3"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 4. To apply this list style use: "list-4"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 5. To apply this list style use: "list-5"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 6. To apply this list style use: "list-6"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 7. To apply this list style use: "list-7"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 8. To apply this list style use: "list-8"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 9. To apply this list style use: "list-9"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 10. To apply this list style use: "list-10"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 11. To apply this list style use: "list-11"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 12. To apply this list style use: "list-12"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
Click here to grab the code
<ul>
<li class="list-1">Your text here ...</li>
</ul>

.
. There are 12 list styles availble: list-1, list-2, list-3 ... list-12
.

<ul>
<li class="list-12">Your text here ...</li>
</ul>

Image styles

Custom Image Frame with Left Alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.
Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce volutpat, sapien eget placerat rutrum, urna mauris iaculis ligula, at tincidunt ligula ante ac enim. Duis pulvinar, est a aliquet sollicitudin, quam risus bibendum velit, in blandit orci eros non risus. Pellentesque ac ullamcorper velit. Vestibulum ornare tincidunt lacinia. Donec vel ante justo, quis scelerisque est. Phasellus a feugiat felis. Integer eu risus libero. Nullam pulvinar dolor vitae ante fermentum sodales. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet.

Click here to grab the code
<p>
<img class="left" src="/templates/as002035/images/img.190x120.png" border="0" width="230" />
<b>Custom Image Frame with Left Alignment</b><br /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.
</p>

Custom Image Frame with Right Alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.
Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce volutpat, sapien eget placerat rutrum, urna mauris iaculis ligula, at tincidunt ligula ante ac enim. Duis pulvinar, est a aliquet sollicitudin, quam risus bibendum velit, in blandit orci eros non risus. Pellentesque ac ullamcorper velit. Vestibulum ornare tincidunt lacinia. Donec vel ante justo, quis scelerisque est. Phasellus a feugiat felis. Integer eu risus libero. Nullam pulvinar dolor vitae ante fermentum sodales. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet.

Click here to grab the code
<p>
<img class="right" src="/templates/as002035/images/img.190x120.png" border="0" width="230" />
<b>Custom Image Frame with Left Alignment</b><br /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.
</p>

Custom Image Frame with Center Alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.

Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce volutpat, sapien eget placerat rutrum, urna mauris iaculis ligula, at tincidunt ligula ante ac enim. Duis pulvinar, est a aliquet sollicitudin, quam risus bibendum velit, in blandit orci eros non risus. Pellentesque ac ullamcorper velit. Vestibulum ornare tincidunt lacinia. Donec vel ante justo, quis scelerisque est. Phasellus a feugiat felis. Integer eu risus libero. Nullam pulvinar dolor vitae ante fermentum sodales. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet.

Click here to grab the code
<p>
<b>Custom Image Frame with Center Alignment</b><br /><br />
Some text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus.
</p>
<div class="center">
<img class="center" src="/templates/as002035/images/img.190x120.png" border="0" width="230" />
</div>
<p>
Some text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus.
</p>

Article Column Layouts

One Half First

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis.

Click here to grab the code
<div class="one_half_first">Your text here ...</div>
One Half Last

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis.

Click here to grab the code
<div class="one_half_last">Your text here ...</div>