[clearfix]

[grid_12]

[row]

Custom Image Frame with Left Alignment

[frame align=”left”]shortcodes_1[/frame]

Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. Nam elit agna,endrerit sit amet, tincidunt ac, viverra sed, nulla. Donec porta diam eu massa.

Donec in velit vel ipsum auctor pulvinar. Vestibulum iaculis lacinia est. Proin dictum elementum velit. Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipisMauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in,auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.

[clear]

[code][frame align=”left”]<img src=”your image src” alt=”” >[/frame][/code]

[/row]

[row]

Custom Image Frame with Right Alignment

[frame align=”right”]shortcodes_1[/frame]

Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. Nam elit agna,endrerit sit amet, tincidunt ac, viverra sed, nulla. Donec porta diam eu massa.

Donec in velit vel ipsum auctor pulvinar. Vestibulum iaculis lacinia est. Proin dictum elementum velit. Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipisMauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in,auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium

[clear]

[code][frame align=”right”]<img src=”your image src” alt=”” />[/frame][/code]

[/row]

[row]

Pullquote & Blockquote Styles

[blockquote align=”left”]”Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi.”[/blockquote]

Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. Nam elit agna,endrerit sit amet, tincidunt ac, viverra sed, nulla. Donec porta diam eu massa. Donec in velit vel ipsum auctor pulvinar. Vestibulum iaculis lacinia est. Proin dictum elementum velit. Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipis. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in,auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.

[clear]

[blockquote]”Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sollicitudin velit sed leo. Ut pharetra augue nec augue. Nam elit agna, endrerit sit amet, tincidunt ac, viverra sed, nulla. Donec porta diam eu massa. Quisque diam lorem, interdum vitae,dapibus ac, scelerisque vitae, pede. Donec eget tellus non erat lacinia fermentum.”[/blockquote]

[blockquote align=”right”]”Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi.”[/blockquote]

Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in,auctor ut, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,eaque 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,

[clear]

[code]

[blockquote]your quote[/blockquote]
[blockquote align=”right”]your block quote with align class[/blockquote]

[/code]

[/row]

[row]

[grid_4 class=”alpha”]

Buttons

[button link=”#” size=”small”]Small button[/button]

[button link=”#” size=”small” type=”button_arrow”]Small button with arrow[/button]

[button link=”#” size=”middle”]Middle button[/button]

[button link=”#” size=”middle” type=”button_arrow”]Middle button with arrow[/button]

[button link=”#” size=”big”]Big button[/button]

[button link=”#” size=”big” type=”button_arrow”]Big button with arrow[/button]

[code]

[button link=”#” size=”small”]Small button[/button]

[button link=”#” size=”small” type=”button_arrow”]Small button with arrow[/button]

[button link=”#” size=”middle”]Middle button[/button]

[button link=”#” size=”middle” type=”button_arrow”]Middle button with arrow[/button]

[button link=”#” size=”big”]Big button[/button]

[button link=”#” size=”big” type=”button_arrow”]Big button with arrow[/button]

[/code]

[/grid_4]

[grid_8 class=”omega”]

Message Box Styles

[one_half]

[msg_box type=”info”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[msg_box type=”error”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[msg_box type=”success”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[/one_half]

[one_half class=”last”]

[msg_box type=”notice”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[msg_box type=”like”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[msg_box type=”added”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[/one_half]

[clear]

[code]

[msg_box type=”info”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[msg_box type=”error”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[msg_box type=”success”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[msg_box type=”notice”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[msg_box type=”like”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[msg_box type=”added”]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem.[/msg_box]

[/code]

[/grid_8]

[/row]

[row]

[grid_4 class=”alpha”]

Tabs

[tabs]

[tab title=”Popular” id=”block_popular”] [popular_posts num=4] [/tab]

[tab title=”Recent” id=”block_recent”] [recent_posts num=4] [/tab]

[tab title=”Comments” id=”block_comments” last=”last”] [recent_comments num=4] [/tab]

[/tabs]

[code]

[tabs]
[tab title=”Title 1″ id=”block_popular”] [popular_posts num=4] [/tab]
[tab title=”Title 2″ id=”block_recent”] [recent_posts num=4] [/tab]
[tab title=”Title 3″ id=”block_comments” last=”last”] [recent_comments num=4] [/tab]
[/tabs]

[/code]

[/grid_4]

[grid_4]

Accordion

[accordion]

[title]Title 1[/title]

[content]

[frame align=”left”]shortcodes_2[/frame]

Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,nsectetur, adipisci velit, sed quia non

[clear]

[/content]

[title]Title 2[/title]

[content]Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,nsectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut[/content]

[title]Title 3[/title]

[content]Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo ut tellus dolor.[/content]

[title]Title 4[/title]

[content]

[frame align=”left”]shortcodes_2[/frame]

Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo ut tellus dolor.

[/content]

[/accordion]

[code]

[accordion]
[title]Title 1[/title]
[content]Text 1[/content]
[title]Title 2[/title]
[content]Text 2[/content]
[/accordion]

[/code]

[/grid_4]

[grid_4 class=”omega”]

Content Toggle

[toggle title=”Etiam cursus leo vel metus”]Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo ut tellus dolor.[/toggle]

[toggle title=”Nulla facilisi aenean nec eros”]Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus.[/toggle]

[toggle title=”Vestibulum ante ipsum primis in faucibus” class=”toggle_active”]

Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,eaque ipsa quae ab illo inventore veritatis.

[/toggle]

[toggle title=”Suspendisse sollicitudin velit sed leo”]Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo ut tellus dolor.[/toggle]

[toggle title=”Ut pharetra augue nec augue”]Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo ut tellus dolor.[/toggle]

[toggle title=”Nam elit agna, endrerit sit amet tincidunt”]Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus.[/toggle]

[code]

[toggle title=”Title”]Text[/toggle]

[/code]

[/grid_4]

[/row]

[row]

List Styles & Dropcaps

[one_half]

[one_third]

[list type=”triangle”]

  • List item one
  • List item two
  • List item three
  • List item four

[/list]

[code]

[list type=”triangle”]

<ul>
<li>item 1</li>
<li>item 2</li>
</ul>

[/list]

[/code]

[/one_third]

[one_third]

[list type=”plus”]

  • List item one
  • List item two
  • List item three
  • List item four

[/list]

[code]

[list type=”plus”]

<ul>
<li>item 1</li>
<li>item 2</li>
</ul>

[/list]

[/code]

[/one_third]

[one_third class=”last”]

[list type=”check”]

  • List item one
  • List item two
  • List item three
  • List item four

[/list]

[code]

[list type=”check”]

<ul>
<li>item 1</li>
<li>item 2</li>
</ul>

[/list]

[/code]

[/one_third]

[/one_half]

[one_half class=”last”]

[dropcap]Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.[/dropcap]

Accusantium doloremque laudantium, totam rem aperiam,eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

[code][dropcap]Text[/dropcap][/code]

[/one_half]

[clear]

[/row]

[row]

Table

[table]

[tr]
[th]Header 1[/th]
[th]Header 2[/th]
[th]Header 3[/th]
[th]Header 4[/th]
[/tr]

[tr]
[td]Item 1[/td]
[td]Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros.[/td]
[td]Subtotal:[/td]
[td]$25.99[/td]
[/tr]

[tr]
[td]Item 2[/td]
[td]Lorem ipsum dolor sit amet[/td]
[td]Discount:[/td]
[td]$12.45[/td]
[/tr]

[tr]
[td]Item 3[/td]
[td]Consecvtetuer adipiscing elit. Mauris fermentum dictum magna.[/td]
[td]Shipping:[/td]
[td]$0.87[/td]
[/tr]

[tr]
[td]Item 4[/td]
[td]Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget.[/td]
[total]Total:[/total]
[total]$189.00[/total]
[/tr]

[/table]

[code]

[table]
[tr]
[th]Header 1[/th]
[th]Header 2[/th]
[/tr]
[tr]
[td]Item 2[/td]
[total]$189.00[/total]
[/tr]
[/table]

[/code]

[/row]

[/grid_12]

[/clearfix]