Here comes all the shortcodes below!

[light]Different[/light] Headlines

[su_spacer size=”20″]

[light]Heading[/light] One H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit…

[light]Heading[/light] Two H2

[light]Heading[/light] Three H3

[light]Heading[/light] Four H4

[light]Heading[/light] Five H5

[light]Heading[/light] Six H6

[light]Some[/light] Tabs With Style

[su_spacer size=”20″] [su_tabs][su_tab title=”Details”]

Product Description

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus dui ante, vulputate at pellentesque eget, viverra ac dolor. Morbi interdum tortor non leo aliquam ac aliquet nulla porta. Morbi id dolor massa, ut ornare augue. Morbi tincidunt magna bibendum enim tristique tristique. Quisque a massa tellus, ac tempor magna. Sed eget ligula tellus, nec pellentesque dolor. Phasellus dictum, mauris non mollis ornare, turpis libero faucibus orci, at fringilla urna leo sodales libero. Aliquam nec lectus mauris. Morbi lectus quam, convallis vel euismod a, auctor non dui. Etiam a nisi risus. [/su_tab] [su_tab title=”Sizing Chart”] Food truck fixie locavore, accusamus mcsweeney’s marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park. [/su_tab] [su_tab title=”Comments”] Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney’s organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven’t heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.3 [/su_tab] [su_tab title=”Shipping details”] Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney’s organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven’t heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr. Another text here … [/su_tab][/su_tabs] [su_tabs style=”filled-tabs”][su_tab title=”Details”]

Product Description

[light]And[/light] some buttons

You can choose any color with color picker, define the style, shadow, text color, links and so much more!

Flat

[su_button style=”flat” background=”#00BECC” size=”6″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#E54B5D” size=”6″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#FAA328″ size=”6″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#A7D155″ size=”6″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#E5E5E5″ size=”6″ radius=”4″ color=”#000″]BUTTON[/su_button] [su_button style=”flat” background=”#2886EA” size=”6″ radius=”4″]BUTTON[/su_button]

[light]Flat[/light] with shadow

[su_button style=”3d” background=”#00BECC” size=”6″ radius=”4″]BUTTON[/su_button] [su_button style=”3d” background=”#E54B5D” size=”6″ radius=”4″]BUTTON[/su_button] [su_button style=”3d” background=”#FAA328″ size=”6″ radius=”4″]BUTTON[/su_button] [su_button style=”3d” background=”#A7D155″ size=”6″ radius=”4″]BUTTON[/su_button] [su_button style=”3d” background=”#E5E5E5″ size=”6″ radius=”4″ color=”#000″]BUTTON[/su_button] [su_button style=”3d” background=”#2886EA” size=”6″ radius=”4″]BUTTON[/su_button]

[light]Different[/light] sizes

[su_button style=”flat” background=”#00BECC” size=”1″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#00BECC” size=”2″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#00BECC” size=”3″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#00BECC” size=”4″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#00BECC” size=”5″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#00BECC” size=”6″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#00BECC” size=”7″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#00BECC” size=”8″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#00BECC” size=”9″ radius=”4″]BUTTON[/su_button] [su_button style=”flat” background=”#00BECC” size=”10″ radius=”4″]BUTTON[/su_button]

Other

[su_button style=”3d” background=”#00becc” size=”6″ radius=”round” icon=”icon: leaf”]FontAwesome icon[/su_button] [su_button style=”3d” background=”#00becc” size=”6″ wide=”yes”]100% WIDTH[/su_button] [su_button style=”glass” background=”#00becc” size=”6″ center=”yes” radius=”round”]Rounded centered with glass effect[/su_button] [su_spacer size=”10″] And the list goes on. The options are really endless with the buttons UI generator.

[light]Toggles[/light] Are Included As Well

Single

[su_spoiler style=”fancy” title=”Single Toggle” icon=”plus-square-1″]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, recusandae fugit et est enim possimus quia quaerat porro quisquam ut?[/su_spoiler]

Accordion

[su_accordion][su_spoiler style=”fancy” title=”Toggle Opened” icon=”plus-square-1″ open=”yes”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit… [/su_spoiler][su_spoiler style=”fancy” title=”Toggle Closed” icon=”plus-square-1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit… [/su_spoiler][/su_accordion]

[light]Quotes[/light] Are Necessary

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sagittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum lig nibh porta, sit amet interdum lig nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit… John Doe

[su_quote cite=”John Doe” url=”http://www.proteusthemes.com/”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, recusandae fugit et est enim possimus quia quaerat porro quisquam ut?[/su_quote]

[light]Quote[/light] in the text

[su_pullquote align=”left”]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, recusandae fugit et est enim possimus quia quaerat porro quisquam ut?[/su_pullquote] Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, explicabo, sint vel saepe voluptate recusandae quos eveniet necessitatibus. Fugit, sit, ullam quibusdam facilis minus dolor similique quisquam pariatur natus delectus itaque nemo totam dolorem ipsam asperiores obcaecati doloribus quidem veritatis atque officia accusantium veniam sequi id nam animi ipsa deserunt voluptatum sint non cupiditate. Eum, neque, libero soluta nostrum iusto illo itaque incidunt odio beatae necessitatibus dicta accusamus ab quae quas consequatur mollitia totam iure sit reprehenderit officia facilis amet minus eos. Eos dolores placeat harum magni dignissimos repellendus eveniet nulla aliquam pariatur necessitatibus. Repellendus sint odit tenetur unde.

[light]This[/light] Is How Your Code Tutorials Will Look Like

[su_spacer size=”20″]

wp_insert_term( 'post-format-aside', 'post_format' );

[light]Columns[/light] for Grande Finale

[su_spacer size=”20″]

[light]One[/light] Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit…

[light]Two[/light] Columns

[su_row][su_column size=”1/2″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit…[/su_column] [su_column size=”1/2″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc ornare, ultricies elit. Curabitur tristique felis pulvinar nibh porta, sit amet interdum ligula placerat. Maecenas auctor, sem nec eleifend blandit…[/su_column][/su_row]

[light]Three[/light] Columns

[su_row][su_column size=”1/3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc …[/su_column] [su_column size=”1/3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc …[/su_column] [su_column size=”1/3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc …[/su_column][/su_row]

[light]Four[/light] Columns

[su_row][su_column size=”1/4″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc …[/su_column] [su_column size=”1/4″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc …[/su_column] [su_column size=”1/4″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc …[/su_column] [su_column size=”1/4″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc …[/su_column][/su_row]

[light]Arbitrary[/light] Columns

[su_row][su_column size=”2/3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc …[/su_column] [su_column size=”1/3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat mauris eget magna egestas porta. Curabitur sag ittis sagittis neque rutrum congue. Donec lobortis dui sagittis, ultrices nunc …[/su_column][/su_row]

[light]Custom[/light] Google Maps

[su_spacer size=”20″]

It is very easy to add the custom Google map to any page. Again, just insert the right shortcode 😉

[su_gmap width=”760″ address=”London”] [su_gmap width=”760″ address=”Honolulu, Hawaii”] [su_gmap width=”760″ address=”Cape Town”]

[light]Every[/light] Page Needs Tables, Right?

[light]Theme[/light]-Styled Table

Heading #1	Heading #2	Heading #3
One	Two	Three
One	Two	Three
One	Two	Three
One	Two	Three
One	Two	Three
One	Two	Three
One	Two	Three

[light]Regular[/light] Table

Heading #1	Heading #2	Heading #3
One	Two	Three
One	Two	Three
One	Two	Three
One	Two	Three

[light]Very[/light] Simple Table

Heading #1	Heading #2
One	Two
One	Two
One	Two
One	Two

[light]Table[/light] With Hover Effect

Heading #1	Heading #2	Heading #3	Heading #4	Heading #5
One	Two	Three	Four	Five
One	Two	Three	Four	Five
One	Two	Three	Four	Five
One	Two	Three	Four	Five