[shortcode] [button color="blue" size="tiny" link="#"]Blue tiny button[/button] [button color="red" size="tiny" link="#"]Red tiny button[/button] [button color="green" size="tiny" link="#"]Green tiny button[/button] [button color="grey" size="tiny" link="#"]Grey tiny button[/button] [/shortcode][button color=”blue” size=”small” link=”#”]Blue small button[/button][button color=”red” size=”small” link=”#”]Red small button[/button][button color=”green” size=”small” link=”#”]Green small button[/button][button color=”grey” size=”small” link=”#”]Grey small button[/button]
[shortcode] [button color="blue" size="small" link="#"]Blue small button[/button] [button color="red" size="small" link="#"]Red small button[/button] [button color="green" size="small" link="#"]Green small button[/button] [button color="grey" size="small" link="#"]Grey small button[/button] [/shortcode][button color=”blue” size=”normal” link=”#”]Blue normal button[/button][button color=”red” size=”normal” link=”#”]Red normal button[/button][button color=”green” size=”normal” link=”#”]Green normal button[/button][button color=”grey” size=”normal” link=”#”]Grey normal button[/button]
[shortcode] [button color="blue" size="normal" link="#"]Blue normal button[/button] [/shortcode][button color=”blue” size=”large” link=”#”]Blue large button[/button][button color=”red” size=”large” link=”#”]Red large button[/button][button color=”green” size=”large” link=”#”]Green large button[/button][button color=”grey” size=”large” link=”#”]Grey large button[/button]
[shortcode] [button color="blue" size="large" link="#"]Blue large button[/button] [/shortcode][button align=”left” link=”#”]Green left aligned button[/button]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae nunc magna. Integer fermentum consectetur vestibulum. Mauris eu porta velit. Phasellus purus diam, gravida consectetur mattis id, luctus vel dolor. Fusce varius cursus magna, sit amet tempor dui volutpat ac. Donec imperdiet dui ut sem consectetur quis hendrerit orci sodales. Nullam pulvinar tempus mauris, nec viverra lacus mattis eu. Aliquam blandit fermentum eros, in posuere ipsum commodo quis. In sit amet volutpat velit. Cras vitae urna id mi hendrerit pharetra vitae sit amet velit.
[shortcode] [button color="green" align="left" link="#"]Green left aligned button[/button] [/shortcode][button align=”right” link=”#”]Green right aligned button[/button]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae nunc magna. Integer fermentum consectetur vestibulum. Mauris eu porta velit. Phasellus purus diam, gravida consectetur mattis id, luctus vel dolor. Fusce varius cursus magna, sit amet tempor dui volutpat ac. Donec imperdiet dui ut sem consectetur quis hendrerit orci sodales. Nullam pulvinar tempus mauris, nec viverra lacus mattis eu. Aliquam blandit fermentum eros, in posuere ipsum commodo quis. In sit amet volutpat velit. Cras vitae urna id mi hendrerit pharetra vitae sit amet velit.
[shortcode] [button color="green" align="right" link="#"]Green right aligned button[/button] [/shortcode][button align=”center” link=”#”]Green center aligned button[/button]
[shortcode] [button color="green" align="center" link="#"]Green center aligned button[/button] [/shortcode][button size=”full_width” link=”#”]Green full width button[/button]
[shortcode] [button color="green" size="full_width" link="#"]Green full width button[/button] [/shortcode][/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1418835627310{padding-top: 70px !important;padding-bottom: 80px !important;background-color: #ffffff !important;}” type=”full_width_background” bg_position=”left top” bg_repeat=”no-repeat” video_overlay_color_alpha=”0″ video_source=”youtube” video_muted=”false” id=”columns”][vc_column width=”1/1″][beopen_heading title=”Columns”][vc_empty_space height=”70″][vc_column_text][one_half]
Column 1/2
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_half][one_half]Column 1/2
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_half][shortcode] [one_half]Enter text for the 1st column[/one_half] [one_half]Enter text for the 2nd column[/one_half] [/shortcode][one_third]
Column 1/3
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_third][one_third]Column 1/3
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_third][one_third]Column 1/3
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_third][shortcode] [one_third]Enter text for the 1st column[/one_third] [one_third]Enter text for the 2nd column[/one_third] [one_third]Enter text for the 3rd column[/one_third] [/shortcode][one_third]
Column 1/3
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_third][two_third]Column 2/3
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/two_third][shortcode] [one_third]Enter text for the 1st column[/one_third] [two_third]Enter text for the 2nd column[/two_third] [/shortcode][two_third]
Column 2/3
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/two_third][one_third]Column 1/3
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_third][shortcode] [two_third]Enter text for the 1st column[/two_third] [one_third]Enter text for the 2nd column[/one_third] [/shortcode][one_fourth]
Column 1/4
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_fourth][one_fourth]Column 1/4
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_fourth][one_fourth]Column 1/4
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_fourth][one_fourth]Column 1/4
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_fourth][shortcode] [one_fourth]Enter text for the 1st column[/one_fourth] [one_fourth]Enter text for the 2nd column[/one_fourth] [one_fourth]Enter text for the 3rd column[/one_fourth] [one_fourth]Enter text for the 4th column[/one_fourth] [/shortcode][one_half]
Column 1/2
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_half][one_fourth]Column 1/4
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_fourth][one_fourth]Column 1/4
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_fourth][shortcode] [one_half]Enter text for the 1st column[/one_half] [one_fourth]Enter text for the 2nd column[/one_fourth] [one_fourth]Enter text for the 3rd column[/one_fourth] [/shortcode][one_fourth]
Column 1/4
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_fourth][one_half]Column 1/2
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_half][one_fourth]Column 1/4
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_fourth][shortcode] [one_fourth]Enter text for the 1st column[/one_fourth] [one_half]Enter text for the 2nd column[/one_half] [one_fourth]Enter text for the 3rd column[/one_fourth] [/shortcode][one_fourth]
Column 1/4
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_fourth][one_fourth]Column 1/4
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_fourth][one_half]Column 1/2
Integer adipiscing, augue sed interdum volutpat, odio urna aliquet tortor, convallis pharetra tellus magna id libero. Ut gravida pharetra lectus, id elementum magna sodales sit amet.
[/one_half][shortcode] [one_fourth]Enter text for the 1st column[/one_fourth] [one_fourth]Enter text for the 2nd column[/one_fourth] [one_half]Enter text for the 3rd column[/one_half] [/shortcode][/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1418835642621{padding-top: 70px !important;padding-bottom: 80px !important;}” type=”full_width_background” bg_position=”left top” bg_repeat=”no-repeat” video_overlay_color_alpha=”0″ video_source=”youtube” video_muted=”false” id=”slider”][vc_column width=”1/1″][beopen_heading title=”Mini Slider”][vc_empty_space height=”70″][vc_column_text][rev_slider other_slider]
[shortcode] [rev_slider other_slider] [/shortcode][/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1418835658324{padding-top: 70px !important;padding-bottom: 80px !important;background-color: #ffffff !important;}” type=”full_width_background” bg_position=”left top” bg_repeat=”no-repeat” video_overlay_color_alpha=”0″ video_source=”youtube” video_muted=”false” id=”tabsacc”][vc_column width=”1/1″][beopen_heading title=”Tabs, Accordion, Toggle”][vc_empty_space height=”70″][vc_column_text][tabs] [tab title=”Title 1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam imperdiet justo tincidunt mauris convallis iaculis. Nunc et mattis tellus. Fusce pharetra dapibus adipiscing. Nam interdum nisl a quam elementum ullamcorper. Donec ut massa at lectus pharetra gravida. Proin nec metus dolor. Nam sed dictum libero. Nam ornare arcu non nunc malesuada sit amet venenatis arcu blandit. Donec tempor fermentum lectus, eget commodo felis consectetur eu. Nulla elementum fermentum tellus, id tempus elit mollis ornare.
[/tab] [tab title=”Title 2″] Integer volutpat ante sem. Ut diam diam, sodales ac auctor eget, fringilla at nunc. Vestibulum elit diam, lobortis nec feugiat sed, pulvinar eget est. Integer non diam libero, nec interdum mauris. Nulla nec dui in ipsum dapibus placerat et eget elit. Vivamus facilisis lacinia ligula vitae sodales. Phasellus aliquet, tellus nec gravida pellentesque, magna est feugiat magna, vitae sodales ipsum leo hendrerit purus. Proin interdum tempor odio vel fermentum. Suspendisse sit amet hendrerit arcu. Mauris et nisi quis mi laoreet dictum sed in nibh.
[/tab] [tab title=”Title 3″] Mauris sit amet est elit, sed sagittis eros. Quisque accumsan luctus posuere. Donec volutpat blandit pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque eget felis quis enim sodales elementum. Sed vel lorem a libero porttitor molestie. Phasellus dapibus auctor odio vitae lacinia. Morbi non turpis augue. Maecenas pellentesque aliquet ligula vel hendrerit.
[/tab] [/tabs]
[shortcode] [tabs] [tab title="Title 1"] Content for Tab 1 goes here... [/tab] [tab title="Title 2"] Content for Tab 2 goes here... [/tab] [tab title="Title 3"] Content for Tab 3 goes here... [/tab] [/tabs] [/shortcode][accordion] [accordion_toggle title=”Title 1″ active=”true”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam imperdiet justo tincidunt mauris convallis iaculis. Nunc et mattis tellus. Fusce pharetra dapibus adipiscing. Nam interdum nisl a quam elementum ullamcorper.
[/accordion_toggle] [accordion_toggle title=”Title 2″] Integer volutpat ante sem. Ut diam diam, sodales ac auctor eget, fringilla at nunc. Vestibulum elit diam, lobortis nec feugiat sed, pulvinar eget est. Integer non diam libero, nec interdum mauris.
[/accordion_toggle] [accordion_toggle title=”Title 3″] Mauris sit amet est elit, sed sagittis eros. Quisque accumsan luctus posuere. Donec volutpat blandit pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque eget felis quis enim sodales elementum.
[/accordion_toggle] [/accordion]
[shortcode] [accordion] [accordion_toggle title="Title 1" active="true"] Content for Tab 1 goes here... [/accordion_toggle] [accordion_toggle title="Title 2"] Content for Tab 2 goes here... [/accordion_toggle] [accordion_toggle title="Title 3"] Content for Tab 3 goes here... [/accordion_toggle] [/accordion] [/shortcode][toggle title=”Toggle”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam imperdiet justo tincidunt mauris convallis iaculis. Nunc et mattis tellus. Fusce pharetra dapibus adipiscing. Nam interdum nisl a quam elementum ullamcorper.
[/toggle]
[shortcode] [toggle title="Title goes here"] Content goes here... [/toggle] [/shortcode][/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1418835673237{padding-top: 70px !important;padding-bottom: 80px !important;}” type=”full_width_background” bg_position=”left top” bg_repeat=”no-repeat” video_overlay_color_alpha=”0″ video_source=”youtube” video_muted=”false” id=”notification”][vc_column width=”1/1″][beopen_heading title=”Notification Boxes”][vc_empty_space height=”70″][vc_column_text][message type=”info”]This is an info box[/message]
[shortcode] [message type="info"]This is an info box[/message] [/shortcode][message type=”success”]This is a success box[/message]
[shortcode] [message type="success"]This is a success box[/message] [/shortcode][message type=”warning”]This is a warning box[/message]
[shortcode] [message type="warning"]This is a warning box[/message] [/shortcode][message type=”error”]This is an alert box[/message]
[shortcode] [message type="error"]This is an alert box[/message] [/shortcode][/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1418835689437{padding-top: 70px !important;padding-bottom: 80px !important;background-color: #ffffff !important;}” type=”full_width_background” bg_position=”left top” bg_repeat=”no-repeat” video_overlay_color_alpha=”0″ video_source=”youtube” video_muted=”false” id=”tooltip”][vc_column width=”1/1″][beopen_heading title=”Tooltip, Highlight, Divider”][vc_empty_space height=”70″][vc_column_text]Hover [tooltip title=”Lorem ipsum”]here[/tooltip] to see a tooltip.
[shortcode] Hover [tooltip title="Lorem ipsum"]here[/tooltip] to see a tooltip. [/shortcode][highlight]This is a highlight[/highlight]. You can use it on any text.
[shortcode] [highlight]This is a highlight[/highlight]. You can use it on any text. [/shortcode]
And below is a divider:
[divider] Nulla consequat leo vitae sem tincidunt cursus. Pellentesque placerat elementum feugiat. Nam tincidunt congue dignissim. Integer sem sem, aliquet a dictum vitae, euismod nec velit. Aliquam eu malesuada ante. Donec at nibh metus.[shortcode] [divider] [/shortcode][/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1418835698172{padding-top: 70px !important;padding-bottom: 80px !important;}” type=”full_width_background” bg_position=”left top” bg_repeat=”no-repeat” video_overlay_color_alpha=”0″ video_source=”youtube” video_muted=”false” id=”list”][vc_column width=”1/1″][beopen_heading title=”List”][vc_empty_space height=”70″][vc_column_text]This is a list [list] [listitem]Lorem ipsum doloconsectetur adipiscing elit[/listitem] [listitem]Amet, consectetur adipiscing elit help you[/listitem] [listitem]Lorem ipsum dolor sit amet, consectetur adipiscing elit[/listitem] [listitem]Moerem psum adipiscing elit[/listitem] [/list]
[shortcode] [list] [listitem]List item 1[/listitem] [listitem]List item 2[/listitem] [listitem]List item 3[/listitem] [listitem]List item 4[/listitem] [/list] [/shortcode][/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1418835711724{padding-top: 70px !important;padding-bottom: 80px !important;background-color: #ffffff !important;}” type=”full_width_background” bg_position=”left top” bg_repeat=”no-repeat” video_overlay_color_alpha=”0″ video_source=”youtube” video_muted=”false” id=”table”][vc_column width=”1/1″][beopen_heading title=”Table”][vc_empty_space height=”70″][vc_column_text]
Column 1 | Column 2 | Column 3 | Column 4 |
---|---|---|---|
Item 1 | Description | Subtotal: | $1.00 |
Item 2 | Description | Discount: | $2.00 |
Item 3 | Description | Shipping: | $3.00 |
Item 4 | Description | Tax: | $4.00 |
All Items | Description | Your Total: | $10.00 |
Column 1 | Column 2 | Column 3 | Column 4 |
---|---|---|---|
Item 1 | Description | Subtotal: | $1.00 |
Item 2 | Description | Discount: | $2.00 |
Item 3 | Description | Shipping: | $3.00 |
Item 4 | Description | Tax: | $4.00 |
All Items | Description | Your Total: | $10.00 |
- Free Setup
- 10GB Storage
- 100GB Bandwith
- 5 Products
- Basic Stats
- Basic Customization
- Free Setup
- 20GB Storage
- 200GB Bandwith
- 25 Products
- Basic Stats
- Basic Customization
- Free Setup
- 40GB Storage
- 500GB Bandwith
- 100 Products
- Complex Stats
- Complex Customization
- Free Setup
- 100GB Storage
- 1000GB Bandwith
- Unlimited Products
- Complex Stats
- Complex Customization
[sample_shortcode] [pricing_table columns=”4″] [plan name=”Free Edition” link=”#” linkname=”Sign Up” price=”0$” period=”per year” color=”#C3EB97″]
Free Setup
10GB Storage
100GB Bandwith
5 Products
Basic Stats
Basic Customization
[/plan]
[plan name=”Gold Edition” link=”#” linkname=”Sign Up” price=”19$” period=”per month” color=”#A0D468″]
Free Setup
20GB Storage
200GB Bandwith
25 Products
Basic Stats
Basic Customization
[/plan]
[plan name=”Platinum Edition” link=”#” linkname=”Sign Up” price=”29$” period=”per month” color=”#7AB13E” featured=”true”]
Free Setup
40GB Storage
500GB Bandwith
100 Products
Complex Stats
Complex Customization
[/plan]
[plan name=”Diamond Edition” link=”#” linkname=”Sign Up” price=”49$” period=”month” color=”#5C9221″]
Free Setup
100GB Storage
1000GB Bandwith
Unlimited Products
Complex Stats
Complex Customization
[/plan]
[/pricing_table]
[/sample_shortcode][/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1418835740486{padding-top: 70px !important;padding-bottom: 80px !important;background-color: #ffffff !important;}” type=”full_width_background” bg_position=”left top” bg_repeat=”no-repeat” video_overlay_color_alpha=”0″ video_source=”youtube” video_muted=”false” id=”blockquote”][vc_column width=”1/1″][beopen_heading title=”Blockquote”][vc_empty_space height=”70″][vc_column_text]
Blockquote
Aenean eget justo felis. Nunc lacus odio, sodales sit amet ullamcorper sit amet, molestie et augue. Mauris vitae urna at velit tristique pharetra. In tincidunt, leo ut elementum ullamcorper, ipsum turpis aliquam tortor, id convallis eros sem non felis. Donec nec arcu dolor, vitae imperdiet felis.
<blockquote>Text here...</blockqoute>[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1418835751317{padding-top: 70px !important;padding-bottom: 80px !important;}” type=”full_width_background” bg_position=”left top” bg_repeat=”no-repeat” video_overlay_color_alpha=”0″ video_source=”youtube” video_muted=”false” id=”youtube”][vc_column width=”1/1″][beopen_heading title=”YouTube, Vimeo, Soundcloud”][vc_empty_space height=”70″][vc_column_text]This is a video from YouTube
[shortcode] [/shortcode]
And a video from Vimeo
[shortcode] [/shortcode]
This is an embeded audio from SoundCloud
[shortcode] [/shortcode][/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1418835765965{padding-top: 70px !important;padding-bottom: 80px !important;background-color: #ffffff !important;}” type=”full_width_background” bg_position=”left top” bg_repeat=”no-repeat” video_overlay_color_alpha=”0″ video_source=”youtube” video_muted=”false” id=”twitter”][vc_column width=”1/1″][beopen_heading title=”Twitter”][vc_empty_space height=”70″][vc_column_text][twitter username=”ericprydz”][/twitter]
[shortcode] [twitter username="ericprydz"][/twitter] [/shortcode][/vc_column_text][/vc_column][/vc_row]