Lightbox Examples

You get a lightweight, powerful, responsive lightbox.

 

[tw-column width=”one-fourth”] [tw-lightbox link=”wp-content/themes/gridstack/images/sample2.jpg”] Image

Image Example
[/tw-lightbox] [/tw-column] [tw-column width=”one-fourth”] [tw-lightbox link=”http://vimeo.com/25708134″] Image

Vimeo Example
[/tw-lightbox] [/tw-column] [tw-column width=”one-fourth”] [tw-lightbox link=”http://www.youtube.com/watch?v=7rYWEg7bIWc”] Image

Youtube Example
[/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&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom”]

Image

Google Maps Example
[/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-divider]Portfolio Posts[/tw-divider] [tw-posts title=”Choose Post Number, Post Type or Content to Show.” number=”4″ category=”” content=”no” type=”portfolio”][/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]

Social Icons

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=”yelp” url=”#” title=”Yelp”][/tw-social] [tw-social icon=”youtube” url=”#” title=”YouTube”][/tw-social] [/tw-column]

 

[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=””]
  • Basic Coverage
  • Admin Panel
  • Basic Support
  • Up to 10 projects
[/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=””]
  • Intermediate Coverage
  • Admin Panel
  • Enhanced Support
  • Up to 50 projects
[/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=””]
  • Unlimited Coverage
  • Advanced Admin Panel
  • Unlimited Support
  • Unlimited projects
[/tw-pricing] [/tw-pricing-table]

 

[tw-divider]Button Shortcodes[/tw-divider] [tw-column width=”one-third”]
Button Sizes
[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”]
Button Colors
[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”]
Custom Button Colors
[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]

 

[tw-divider]Tabs[/tw-divider] [tw-tabs tab1=”Web” tab2=”Graphics” tab3=”Laundry” ] [tw-tab]

Websites Done Right

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]

Better Graphics, Better Results

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]

Super Soft Laundry

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]

 

[tw-divider]Even these dividers are shortcodes[/tw-divider]
Full Width

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”]
One Half

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”]

One Half

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”]
One Third

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”]
One Third

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”]
One Third

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”]
One Fourth

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”]
One Fourth

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”]
One Fourth

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”]
One Fourth

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”]
One Fifth

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column] [tw-column width=”one-fifth”]

One Fifth

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column] [tw-column width=”one-fifth”]

One Fifth

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column] [tw-column width=”one-fifth”]

One Fifth

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column] [tw-column width=”one-fifth” position=”last”]

One Fifth

Mauris eleifend est et turpis. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column] [tw-column width=”one-sixth”]

One Sixth

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column] [tw-column width=”one-sixth”]

One Sixth

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column] [tw-column width=”one-sixth”]

One Sixth

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column] [tw-column width=”one-sixth”]

One Sixth

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column] [tw-column width=”one-sixth”]

One Sixth

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column] [tw-column width=”one-sixth” position=”last”]

One Sixth

Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum.
[/tw-column]

Leave a Reply

Your email address will not be published.