Styles

Buttons

Colored Buttons

Big blue button

[button color="blue"]Text[/button]
Small blue button

[button2 color="blue"]Text[/button2]
Big green button

[button color="green"]Text[/button]
Small green button

[button2 color="green"]Text[/button2]
Big pink button

[button color="pink"]Text[/button]
Small pink button

[button2 color="pink"]Text[/button2]
Big brown button

[button color="brown"]Text[/button]
Small brown button

[button2 color="brown"]Text[/button2]
Big yellow button

[button color="yellow"]Text[/button]
Small yellow button

[button2 color="yellow"]Text[/button2]


Box Styles

This is an information box

[info_box]Text[/info_box]
This is a download box

[download_box]Text[/download_box]
This is a warning box

[warning_box]Text[/warning_box]
This is a note box

[note_box]Text[/note_box]


Image Frames

Morbi est elit, imperdiet sit amet pharetra eget, egestas in leo. Ut quis risus elit. Nunc semper aliquet nisl ut iaculis. Vivamus tristique odio et dui convallis dapibus ornare diam mattis. Proin non commodo elit. Nulla hendrerit dui id orci hendrerit quis mollis urna sollicitudin. Maecenas faucibus congue arcu id luctus. Pellentesque viverra, arcu ac placerat accumsan, ipsum nunc sagittis erat, in varius nisl arcu eu elit. In pretium fermentum dui, ut consequat risus vulputate eu. Integer diam neque, molestie vitae aliquet eu, pulvinar sed erat. Duis tincidunt lacus id neque consequat sit amet ornare orci egestas. Integer tristique aliquam sollicitudin. Nunc nibh turpis, ullamcorper eu pulvinar non, congue semper tellus. Nunc at quam erat, ut ornare tellus.

[image url="full-image.jpg" img="thumbnail-image.jpg" lightbox="true" align="left" border="thin"]

Morbi est elit, imperdiet sit amet pharetra eget, egestas in leo. Ut quis risus elit. Nunc semper aliquet nisl ut iaculis. Vivamus tristique odio et dui convallis dapibus ornare diam mattis. Proin non commodo elit. Nulla hendrerit dui id orci hendrerit quis mollis urna sollicitudin. Maecenas faucibus congue arcu id luctus. Pellentesque viverra, arcu ac placerat accumsan, ipsum nunc sagittis erat, in varius nisl arcu eu elit. In pretium fermentum dui, ut consequat risus vulputate eu. Integer diam neque, molestie vitae aliquet eu, pulvinar sed erat. Duis tincidunt lacus id neque consequat sit amet ornare orci egestas. Integer tristique aliquam sollicitudin. Nunc nibh turpis, ullamcorper eu pulvinar non, congue semper tellus. Nunc at quam erat, ut ornare tellus.

[image img="image.jpg" align="right" border="thick"]


Special List Styles

Check List

[check_list]
	<li>list item #1</li>
	<li>list item #2</li>
        <li>list item #3</li>
[/check_list]

Bullet List

[bullet_list]
	<li>list item #1</li>
	<li>list item #2</li>
        <li>list item #3</li>
[/bullet_list]

Two Column Check List

[two_check_list]
	<li>list item #1</li>
	<li>list item #2</li>
        <li>list item #3</li>
        <li>list item #4</li>
[/two_check_list]

Two Column Bullet List

[two_bullet_list]
	<li>list item #1</li>
	<li>list item #2</li>
        <li>list item #3</li>
        <li>list item #4</li>
[/two_bullet_list]


Dropcaps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non sem nec ante pharetra luctus vel et quam. Phasellus ut ipsum eros. Ut vestibulum, lorem at hendrerit viverra, velit sapien dignissim nibh, vitae facilisis sapien erat sed neque. Aenean nec urna sed odio fermentum eleifend eget sed odio. Aliquam blandit mi sed purus interdum suscipit. Suspendisse et metus at ipsum imperdiet rhoncus vel sit amet tortor.

[dropcap] L [/dropcap]


Quotes

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. This is a quote. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Vestibulum ullamcorper quam nec lorem aliquam id feugiat risus tincidunt. Donec sit amet eros id mi semper tincidunt in eu nunc. Nam sit amet sem. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Praesent mattis, massa. Phasellus vel euismod augue. Nunc lobortis lacinia enim at ultricies. Ut at lacinia justo. Suspendisse at nisl eget nulla imperdiet auctor vitae at mi.

Nam sit amet sem. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Eu volutpat enim diam eget metus. This is class quote-left. Suspendisse dictum magna id purus tincidunt rutrum. Aliquam libero nisi. Nulla non tortor eget ligula dapibus semper non ut mauris. Nam feugiat, lorem a tempus auctor, odio nisl porttitor lacus, ut ultrices neque massa a odio. Pellentesque sit amet leo dictum nisl tempor malesuada id ut magna. Etiam non mauris eget massa sagittis euismod. Aliquam lectus nulla, consequat eget molestie id, malesuada sit amet lectus. Pellentesque eget justo sit amet nunc adipiscing semper at ac quam. Praesent a volutpat nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus.

[quote_right] Text... [/quote_right]
[quote_left] Text... [/quote_left]


Highlight

Morbi sed lectus nibh. This is highlighted text. Integer velit urna, this is another version of highlighted text sit amet, convallis ut risus. In neque tellus, fringilla quis semper non, viverra quis turpis.

[highlight]Text...[/highlight]
[highlight2]Text...[/highlight2]


Testimonials Example 1

  • Morbi est elit, imperdiet sit amet pharetra eget, egestas in leo. Ut quis risus elit. Nunc semper aliquet nisl ut iaculis. Vivamus tristique odio et dui convallis dapibus ornare diam mattis. Proin non commodo elit.

    by Charlene


  • Praesent sollicitudin ligula at diam iaculis auctor. Suspendisse tellus mi, condimentum id rutrum auctor, lobortis tempus orci. Nunc sem nisl, varius imperdiet mollis nec, molestie a quam. Vivamus commodo nisi sed dui scelerisque et.

    by Matheieu



[testimonial]
[msg author="Name"]Text...[/msg]
[msg author="Name"]Text...[/msg]
[/testimonial]

Testimonials Example 2

  • Morbi est elit, imperdiet sit amet pharetra eget, egestas in leo. Ut quis risus elit. Nunc semper aliquet nisl ut iaculis. Vivamus tristique odio et dui convallis dapibus ornare diam mattis. Proin non commodo elit.


  • Praesent sollicitudin ligula at diam iaculis auctor. Suspendisse tellus mi, condimentum id rutrum auctor, lobortis tempus orci. Nunc sem nisl, varius imperdiet mollis nec, molestie a quam. Vivamus commodo nisi sed dui scelerisque et.



[testimonial]
[msg author="Name"]Text...[/msg]
[msg author="Name"]Text...[/msg]
[/testimonial]


Tabs


Hello

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc rhoncus tortor quis eros bibendum a tempus est dapibus. Vivamus consectetur quam eu tellus porttitor ultrices. Nunc metus massa, ullamcorper sit amet malesuada a, porttitor in tellus. Vestibulum ullamcorper quam nec lorem aliquam id feugiat risus tincidunt.


We love tabs

Etiam molestie, risus eu gravida lobortis, velit sapien aliquam lectus, nec hendrerit lectus erat ac libero. Aenean fermentum luctus viverra. Pellentesque id lectus ante, vel tristique elit. Fusce mattis, purus non consectetur cursus, justo nisi viverra sem, ac lobortis ipsum sapien vel purus. Vivamus aliquet gravida nibh sit amet accumsan. Fusce et lorem nunc. Sed convallis, tortor nec ornare sagittis, velit ligula varius sapien, eu cursus nisl purus sed felis. Morbi congue pellentesque quam, eu ultricies.


Don’t you?

Nulla non tortor eget ligula dapibus semper non ut mauris. Nam feugiat, lorem a tempus auctor, odio nisl porttitor lacus, ut ultrices neque massa a odio. Pellentesque sit amet leo dictum nisl tempor malesuada id ut magna. Etiam non mauris eget massa sagittis euismod. Aliquam lectus nulla, consequat eget molestie id, malesuada sit amet lectus. Pellentesque eget justo sit amet nunc adipiscing semper at ac quam. Praesent a volutpat nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


[tabgroup]
[tab heading="Tab 1"]Tab 1 content goes here...[/tab]
[tab heading="Tab 2"]Tab 2 content goes here...[/tab]
[tab heading="Tab 3"]Tab 3 content goes here...[/tab]
[/tabgroup]


Toggle 1

Toggle

This is toggle content


Toggle

This is toggle content


Toggle

This is toggle content

[toggle heading="Toggle"]This is toggle text[/toggle]

Toggle 2

Toggle

This is toggle content


Toggle

This is toggle content


Toggle

This is toggle content

[toggle2 heading="Toggle"]This is toggle text[/toggle2]