<h4>Lightbox Examples</h4>
You get a lightweight, powerful, responsive lightbox.

[tw-column width="one-fourth"]
[tw-lightbox link="../wp-content/uploads/2014/05/sample2.gif"]<img class="normal wp-image-114 size-large" src="../wp-content/uploads/2014/05/sample2.gif" alt="" width="1024" height="714" />
<p class="aligncenter">Image Example</p>
[/tw-lightbox]
[/tw-column]
[tw-column width="one-fourth"]
[tw-lightbox link="http://vimeo.com/25708134"]
<img class="normal wp-image-114 size-large" src="../wp-content/uploads/2014/05/sample2.gif" alt="" width="1024" height="714" />
<p class="aligncenter">Vimeo Example</p>
[/tw-lightbox]
[/tw-column]
[tw-column width="one-fourth"]
[tw-lightbox link="http://www.youtube.com/watch?v=7rYWEg7bIWc"]
<img class="normal wp-image-114 size-large" src="../wp-content/uploads/2014/05/sample2.gif" alt="" width="1024" height="714" />
<p class="aligncenter">Youtube Example</p>
[/tw-lightbox]
[/tw-column]
[tw-column width="one-fourth" position="last"]
[tw-lightbox link="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&amp;hl=en&amp;t=v&amp;hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom"]
<img class="normal wp-image-114 size-large" src="../wp-content/uploads/2014/05/sample2.gif" alt="" width="1024" height="714" />
<p class="aligncenter">Google Maps Example</p>
[/tw-lightbox]
[/tw-column]

[tw-divider]Blog Posts[/tw-divider]

[tw-posts title="Latest Posts From The Blog." number="3" category="" content="yes" type=""][/tw-posts]

[tw-column width="one-third"]

[tw-divider]Accordions[/tw-divider]

[tw-accordion class=""]
[tw-accordion-section title="Title"]
Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.
[/tw-accordion-section]
[tw-accordion-section title="Title"]
Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.
[/tw-accordion-section]
[tw-accordion-section title="Title"]
Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.
[/tw-accordion-section]
[/tw-accordion]

[/tw-column]

[tw-column width="one-third"]

[tw-divider]Toggles[/tw-divider]

[tw-toggle title="Great for FAQ"]
Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.
[/tw-toggle]
[tw-toggle title="Display on any page"]
Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.
[/tw-toggle]
[tw-toggle title="As many as you like"]
Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.
[/tw-toggle]
[/tw-column]

[tw-column width="one-third" position="last"]

[tw-divider]Social Icons[/tw-divider]
<h4>Social Icons</h4>
Add elegant icon links to your favorite social networks. No code to memorize or images to upload.

[tw-social icon="twitter" url="#" title="Follow Me"][/tw-social] [tw-social icon="facebook" url="#" title="Like Me"][/tw-social] [tw-social icon="dribbble" url="#" title="Follow Me On Dribbble"][/tw-social] [tw-social icon="google" url="#" title="Add Me To Circles"][/tw-social] [tw-social icon="linkedin" url="#" title="Connect with Me"][/tw-social] [tw-social icon="pinterest" url="#" title="Follow Me On Pinterest"][/tw-social] [tw-social icon="rss" url="#" title="Subscribe"][/tw-social] [tw-social icon="stumble" url="#" title="Stumble Upon"][/tw-social] [tw-social icon="vimeo" url="#" title="Vimeo"][/tw-social] [tw-social icon="instagram" url="#" title="Instagram"][/tw-social] [tw-social icon="youtube" url="#" title="YouTube"][/tw-social]

[/tw-column]

&nbsp;

[tw-divider]Pricing Table[/tw-divider]

[tw-pricing-table class=""]
[tw-pricing size="one-third" featured="no" plan="Silver" cost="$10" per="Month" button_url="#" button_text="Purchase" button_target="_self" position="" class=""]
<ul>
	<li>Basic Coverage</li>
	<li>Admin Panel</li>
	<li>Basic Support</li>
	<li>Up to 10 projects</li>
</ul>
[/tw-pricing]
[tw-pricing size="one-third" featured="yes" plan="Gold" cost="$20" per="Month" button_url="#" button_text="Purchase" button_target="_self" position="" class=""]
<ul>
	<li>Intermediate Coverage</li>
	<li>Admin Panel</li>
	<li>Enhanced Support</li>
	<li>Up to 50 projects</li>
</ul>
[/tw-pricing]
[tw-pricing size="one-third" featured="no" plan="Platinum" cost="$30" per="Month" button_url="#" button_text="Purchase" button_target="_self" position="last" class=""]
<ul>
	<li>Unlimited Coverage</li>
	<li>Advanced Admin Panel</li>
	<li>Unlimited Support</li>
	<li>Unlimited projects</li>
</ul>
[/tw-pricing]
[/tw-pricing-table]

&nbsp;

[tw-divider]Button Shortcodes[/tw-divider]

[tw-column width="one-third"]
<h5>Button Sizes</h5>
[tw-button size="small" background="" color="" target="self" link="#"]Small[/tw-button]

[tw-button size="medium" background="" color="" target="self" link="#"]Medium[/tw-button]

[tw-button size="large" background="" color="" target="self" link="#"]Large[/tw-button]

[/tw-column]

[tw-column width="one-third"]
<h5>Button Colors</h5>
[tw-button size="medium" background="" color="red" target="self" link="#"]REd[/tw-button]

[tw-button size="medium" background="" color="blue" target="self" link="#"]Blue[/tw-button]

[tw-button size="medium" background="" color="red" target="self" link="#"]Red[/tw-button]

[tw-button size="medium" background="" color="green" target="self" link="#"]Green[/tw-button]

[tw-button size="medium" background="" color="orange" target="self" link="#"]Orange[/tw-button]

[tw-button size="medium" background="" color="yellow" target="self" link="#"]Yellow[/tw-button]

[/tw-column]

[tw-column width="one-third" position="last"]
<h5>Custom Button Colors</h5>
[tw-button size="medium" background="#BF6E9B" color="" target="self" link="#"]#BF6E9B[/tw-button]

[tw-button size="medium" background="#8ACE5C" color="" target="self" link="#"]#8ACE5C[/tw-button]

[tw-button size="medium" background="#d2d65a" color="" target="self" link="#"]#d2d65a[/tw-button]

[tw-button size="medium" background="#20D0AB" color="" target="self" link="#"]#20D0AB[/tw-button]

[tw-button size="medium" background="#C60108 " color="" target="self" link="#"]#C60108 [/tw-button]

[/tw-column]

&nbsp;

[tw-divider]Tabs[/tw-divider]

[tw-tabs tab1="Web" tab2="Graphics" tab3="Laundry"]
[tw-tab]
<h4>Websites Done Right</h4>
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.
[/tw-tab]
[tw-tab]
<h4>Better Graphics, Better Results</h4>
Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris eleifend est et turpis. Duis id erat.
[/tw-tab]
[tw-tab]
<h4>Super Soft Laundry</h4>
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem.
[/tw-tab]
[/tw-tabs]

&nbsp;

[tw-divider]Even these dividers are shortcodes[/tw-divider]
<h5>Full Width</h5>
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque.

[tw-column width="one-half"]
<h5>One Half</h5>
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/tw-column]
[tw-column width="one-half" position="last"]
<h5>One Half</h5>
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos

[/tw-column]

[tw-column width="one-third"]
<h5>One Third</h5>
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/tw-column]
[tw-column width="one-third"]
<h5>One Third</h5>
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/tw-column]
[tw-column width="one-third" position="last"]
<h5>One Third</h5>
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante.

[/tw-column]

[tw-column width="one-fourth"]
<h5>One Fourth</h5>
Mauris eleifend est et turpis.  Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem vestibulum.

[/tw-column]

[tw-column width="one-fourth"]
<h5>One Fourth</h5>
Mauris eleifend est et turpis.  Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem vestibulum.

[/tw-column]

[tw-column width="one-fourth"]
<h5>One Fourth</h5>
Mauris eleifend est et turpis.  Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem vestibulum.

[/tw-column]

[tw-column width="one-fourth" position="last"]
<h5>One Fourth</h5>
Mauris eleifend est et turpis.  Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem vestibulum.

[/tw-column]
[tw-column width="one-fifth"]
<h5>One Fifth</h5>
Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]
[tw-column width="one-fifth"]
<h5>One Fifth</h5>
Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]
[tw-column width="one-fifth"]
<h5>One Fifth</h5>
Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]
[tw-column width="one-fifth"]
<h5>One Fifth</h5>
Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]
[tw-column width="one-fifth" position="last"]
<h5>One Fifth</h5>
Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]
[tw-column width="one-sixth"]
<h5>One Sixth</h5>
Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]
[tw-column width="one-sixth"]
<h5>One Sixth</h5>
Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]
[tw-column width="one-sixth"]
<h5>One Sixth</h5>
Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]
[tw-column width="one-sixth"]
<h5>One Sixth</h5>
Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]
[tw-column width="one-sixth"]
<h5>One Sixth</h5>
Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]
[tw-column width="one-sixth" position="last"]
<h5>One Sixth</h5>
Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]