sample

Latest Posts

[latest-posts col=”4″]
Latest News In List Format

[latest-news show=”3″]
Testimonials

[testimonials]
Photo Gallery

[photogallery filter=”true”]
Search Form

[searchform]
Contact Form

[contactform to_email=”test@example.com” title=”Contact Form”]
Our Team

[ourteam show=”4″]
Headings

[heading underline=”yes” align=”left”]Our Team[/heading]
View More Button

[readmore-link align=”left” button=”Read More” links=”#”]
Our Skills

[skill title=”HTML” percent=”80″ bgcolor=”#ff7400″][skill title=”Wordpress” percent=”99″ bgcolor=”#ff7400″][skill title=”Web Design” percent=”90″ bgcolor=”#ff7400″][skill title=”Web Development” percent=”95″ bgcolor=”#ff7400″][skill title=”Responsive” percent=”90″ bgcolor=”#ff7400″]
Social Icons ( Note: More social icons can be found at: http://fortawesome.github.io/Font-Awesome/icons/)

[social_area] [social icon=”facebook” link=”#”] [social icon=”twitter” link=”#”] [social icon=”linkedin” link=”#”] [social icon=”pinterest” link=”#”] [social icon=”google-plus” link=”#”] [social icon=”youtube” link=”#”] [social icon=”wordpress” link=”#”] [social icon=”flickr” link=”#”] [social icon=”skype” link=”#”] [/social_area]
Animation Name list

bounce, flash, pulse, shake, swing, tada, wobble, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flip, flipInX, flipInY, flipOutX, flipOutY, lightSpeedIn, lightSpeedOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, slideInDown, slideInLeft, slideInRight, slideOutLeft, slideOutRight, slideOutUp, rollIn, rollOut, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp
2 Column Content

[column_content type=”one_half” animation=”name of animation”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_half_last” animation=”name of animation”]
Column 2 Content goes here…
[/column_content]
3 Column Content

[column_content type=”one_third” animation=”name of animation”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_third” animation=”name of animation”]
Column 2 Content goes here…
[/column_content]

[column_content type=”one_third_last” animation=”name of animation”]
Column 3 Content goes here…
[/column_content]
4 Column Content

[column_content type=”one_fourth” animation=”name of animation”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_fourth” animation=”name of animation”]
Column 2 Content goes here…
[/column_content]

[column_content type=”one_fourth” animation=”name of animation”]
Column 3 Content goes here…
[/column_content]

[column_content type=”one_fourth_last” animation=”name of animation”]
Column 4 Content goes here…
[/column_content]
5 Column Content

[column_content type=”one_fifth” animation=”name of animation”]
Column 1 Content goes here…
[/column_content]

[column_content type=”one_fifth” animation=”name of animation”]
Column 2 Content goes here…
[/column_content]

[column_content type=”one_fifth” animation=”name of animation”]
Column 3 Content goes here…
[/column_content]

[column_content type=”one_fifth” animation=”name of animation”]
Column 4 Content goes here…
[/column_content]

[column_content type=”one_fifth_last” animation=”name of animation”]
Column 5 Content goes here…
[/column_content]
Clear

[clear]
HR / Horizontal separation line

[hr] or


Separator / blank space

[separator height=”20″]
Blank space without image

[blankspace height=”20″]
Tabs

[tabs]
[tab title=”TAB TITLE 1″]
TAB CONTENT 1
[/tab]
[tab title=”TAB TITLE 2″]
TAB CONTENT 2
[/tab]
[tab title=”TAB TITLE 3″]
TAB CONTENT 3
[/tab]
[/tabs]
Toggle Content

[toggle_content title=”Toggle Title 1″]
Toggle content 1…
[/toggle_content]
[toggle_content title=”Toggle Title 2″]
Toggle content 2…
[/toggle_content]
[toggle_content title=”Toggle Title 3″]
Toggle content 3…
[/toggle_content]
Accordion Content

[accordion]
[accordion_content title=”ACCORDION TITLE 1″]
ACCORDION CONTENT 1
[/accordion_content]
[accordion_content title=”ACCORDION TITLE 2″]
ACCORDION CONTENT 2
[/accordion_content]
[accordion_content title=”ACCORDION TITLE 3″]
ACCORDION CONTENT 3
[/accordion_content]
[/accordion]
Gradient Button – Small

[gradient_button size=”small” bg_color=”#e00″ color=”#fff” text=”Medium Gradient Button” title=”Medium Gradient Button” url=”” position=”left”]
Gradient Button – Medium

[gradient_button size=”medium” bg_color=”#060″ color=”#fff” text=”Medium Gradient Button” title=”Medium Gradient Button” url=”” position=”left”]
Gradient Button – Large

[gradient_button size=”large” bg_color=”#026″ color=”#fff” text=”Large Gradient Button” title=”Large Gradient Button” url=”” position=”left”]
Gradient Button – Xtra Large

[gradient_button size=”x-large” bg_color=”#00ccff” color=”#fff” text=”Extra Large Simple Button” title=”Extra Large Simple Button” url=”” position=”left”]
Simple Button – Small

[simple_button size=”small” bg_color=”#c00″ color=”#fff” text=”Small Simple Button” title=”Small Simple Button” url=”#” position=”left”]
Simple Button – Medium

[simple_button size=”medium” bg_color=”#060″ color=”#fff” text=”Medium Simple Button” title=”Medium Simple Button” url=”” position=”left”]
Simple Button – Large

[simple_button size=”large” bg_color=”#026″ color=”#fff” text=”Large Simple Button” title=”Large Simple Button” url=”” position=”left”]
Simple Button – Xtra Large

[simple_button size=”x-large” bg_color=”#00ccff” color=”#fff” text=”Extra Large Simple Button” title=”Extra Large Simple Button” url=”” position=”left”]
Round Button – Light

[round_button style=”light” text=”Round Button” title=”Round Button” url=”” position=”left”]
Round Button – Dark

[round_button style=”dark” text=”Round Button” title=”Round Button” url=”” position=”left”]
Message Box – Success

[message type=”success”]This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode[/message]
Message Box – Error

[message type=”error”]This is a sample of the ‘error’ style message box shortcode. To use this style use the following shortcode.[/message]
Message Box – Warning

[message type=”warning”]This is a sample of the ‘warning’ style message box shortcode. To use this style use the following shortcode.[/message]
Message Box – Info

[message type=”info”]This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode.[/message]
Message Box – About

[message type=”about”]This is a sample of the ‘about’ style message box shortcode. To use this style use the following shortcode.[/message]
List Styles

[unordered_list style=”list-1″]

  • List style 1

 

[/unordered_list]

You can use above shortcode OR simply add class to ul. You can choose from list-1 to list-10 styles.

  • List style 1

Horizontal Separator

[hr_top]

Pricing

[pricing_table columns=”4″]
[price_column highlight=”no” bgcolor=”#003366″]
[price_header]Basic[/price_header]
[price_row]$49.99
Per month
[/price_row]
[price_row]5GB Bandwidth[/price_row]
[price_row]1GB Storage[/price_row]
[price_row]1 Domain[/price_row]
[price_row]10 Email Accounts[/price_row]
[price_footer link=”#1″]Buy Basic[/price_footer]
[/price_column][price_column highlight=”yes” bgcolor=”#990000″]
[price_header]Premium[/price_header]
[price_row]$99.99
Per month
[/price_row]
[price_row]20GB Bandwidth[/price_row]
[price_row]5GB Storage[/price_row]
[price_row]5 Domains[/price_row]
[price_row]25 Email Accounts[/price_row]
[price_footer link=”#2″]Buy Premium[/price_footer]
[/price_column][price_column highlight=”no” bgcolor=”#83672b”]
[price_header]Professional[/price_header]
[price_row]$149.99
Per month
[/price_row]
[price_row]50GB Bandwidth[/price_row]
[price_row]10GB Storage[/price_row]
[price_row]20 Domains[/price_row]
[price_row]50 Email Accounts[/price_row]
[price_footer link=”#3″]Buy Professional[/price_footer]
[/price_column][price_column highlight=”no”]
[price_header]Ultimate[/price_header]
[price_row]$199.99
Per month
[/price_row]
[price_row]Unlimited Bandwidth[/price_row]
[price_row]Unlimited Storage[/price_row]
[price_row]50 Domains[/price_row]
[price_row]100 Email Accounts[/price_row]
[price_footer link=”#4″]Buy Ultimate[/price_footer]
[/price_column]
[/pricing_table]

Pricing
[pricing_table columns=”4″]
[price_column highlight=”no” bgcolor=”#003366″]
[price_header]Thai[/price_header]
[price_row]$49.99
Per month
[/price_row]
[price_row]5GB Bandwidth[/price_row]
[price_row]1GB Storage[/price_row]
[price_row]1 Domain[/price_row]
[price_row]10 Email Accounts[/price_row]
[price_footer link=”#1″]Buy Basic[/price_footer]
[/price_column][price_column highlight=”yes” bgcolor=”#990000″]
[price_header]FORIGNERS[/price_header]
[price_row]$99.99
Per month
[/price_row]
[price_row]20GB Bandwidth[/price_row]
[price_row]5GB Storage[/price_row]
[price_row]5 Domains[/price_row]
[price_row]25 Email Accounts[/price_row]
[price_footer link=”#2″]Buy Premium[/price_footer]
[/price_column][price_column highlight=”no” bgcolor=”#83672b”]
[price_header]Professional[/price_header]
[price_row]$149.99
Per month
[/price_row]
[price_row]50GB Bandwidth[/price_row]
[price_row]10GB Storage[/price_row]
[price_row]20 Domains[/price_row]
[price_row]50 Email Accounts[/price_row]
[price_footer link=”#3″]Buy Professional[/price_footer]
[/price_column][price_column highlight=”no”]
[price_header]PRIVATE[/price_header]
[price_row] Individual 390 THB
/month
[/price_row]
[price_row]One Week Unlimited
1,500 THB[/price_row]
[price_row]3 Months
8,900THB[/price_row]
[price_row]Couple Price
1,000THB[/price_row]
[price_row](2 peoples together)[/price_row]
[price_footer link=”#4″]Buy Ultimate[/price_footer]
[/price_column]
[/pricing_table]