These shortcodes can be used both in posts and pages!

<h2>Columns</h2>
Now, a lots of columns that are responsives too!
<h3></h3>
<h3>one_half</h3>
[one_half]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna pretium viverra egestas, mauris odio iaculis diam, at pellentesque metus est vitae nibh. Etiam neque enim, auctor in iaculis nec, convallis id dolor.

[/one_half]

[one_half_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna pretium viverra egestas, mauris odio iaculis diam, at pellentesque metus est vitae nibh. Etiam neque enim, auctor in iaculis nec, convallis id dolor.

[/one_half_last]

[divider]
<h3>one_third</h3>
[one_third]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna pretium viverra egestas, mauris odio iaculis diam, at pellentesque metus est vitae nibh.

[/one_third]

[one_third]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna pretium viverra egestas, mauris odio iaculis diam, at pellentesque metus est vitae nibh.

[/one_third]

[one_third_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna pretium viverra egestas, mauris odio iaculis diam, at pellentesque metus est vitae nibh.

[/one_third_last]

[divider]
<h3>two_third</h3>
[two_third]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna pretium viverra egestas, mauris odio iaculis diam, at pellentesque metus est vitae nibh.

[/two_third]

[one_third_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna

[/one_third_last]

[divider]
<h3>one_fourth</h3>
[one_fourth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna

[/one_fourth]

[one_fourth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna

[/one_fourth]

[one_fourth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna

[/one_fourth]

[one_fourth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna

[/one_fourth_last]

[divider]
<h3>three_fourth</h3>
[three_fourth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna

[/three_fourth]

[one_fourth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula lacus in cursus. In consectetur, urna

[/one_fourth_last]

[divider]
<h3>one_fifth</h3>
[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/one_fifth]

[one_fifth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/one_fifth_last]

[divider]
<h3>two_fifth</h3>
[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/one_fifth]

[two_fifth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/two_fifth_last]

[divider]
<h3>three_fifth</h3>
[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/one_fifth]

[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/one_fifth]

[three_fifth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/three_fifth_last]

[divider]
<h3>four_fifth</h3>
[one_fifth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/one_fifth]

[four_fifth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque congue vehicula

[/four_fifth_last]

[divider]
<h3>one_sixth</h3>
[one_sixth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/one_sixth]

[one_sixth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/one_sixth]

[one_sixth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/one_sixth]

[one_sixth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/one_sixth]

[one_sixth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/one_sixth]

[one_sixth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/one_sixth_last]

[divider]
<h3>five_sixth</h3>
[one_sixth]

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/one_sixth]

[five_sixth_last]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/five_sixth_last]

[divider]
<h2>Message Box</h2>
Display messages to your visitor with style!

[one_half]

[info]

This is a info box, you can display any information here! <strong>Bold</strong>, <em>Italic</em>, <strong><em>Bold Italic</em></strong> and <a href="#">links</a>!

[/info]

[error]

This is a error box, you can display any information here! <strong>Bold</strong>, <em>Italic</em>, <strong><em>Bold Italic</em></strong> and <a href="#">links</a>!

[/error]

[/one_half]

[one_half_last]

[success]

This is a success box, you can display any information here! <strong>Bold</strong>, <em>Italic</em>, <strong><em>Bold Italic</em></strong> and <a href="#">links</a>!

[/success]

[notice]

This is a notice box, you can display any information here! <strong>Bold</strong>, <em>Italic</em>, <strong><em>Bold Italic</em></strong> and <a href="#">links</a>!

[/notice]

[/one_half_last]

[divider]

<h2>Toggle</h2>
Toggle to display infos for your nice a curious visitor.

[toggle title="Is Wordpress Toolset a plugin?"]

[p]<strong>No! </strong>Wordpress Toolset is a tool that generates real code in real files inside your theme folder![/p]

[/toggle]

[toggle title="Can I edit or delete some codes of WP Toolset?"]

[p]<strong>Yes! </strong>Wordpress Toolset adds some code to you and then you can customize how you like. Deleting shortcodes, editing CSS or anything. The code is yours.

The documentation has examples of theses customizations![/p]

[/toggle]

[divider]
<h2>Table</h2>
Display data inside a table

[table id="mytable" width="100%"]

[thead]

[tr] [th]WP ToolSet[/th] [th]WP ToolSet[/th] [/tr]

[/thead]

[tfoot]

[tr] [td colspan="2"]WP ToolSet[/td] [/tr]

[/tfoot]

[tbody]

[tr] [td]WP ToolSet[/td] [td]WP ToolSet[/td] [/tr]

[tr] [td]WP ToolSet[/td] [td]WP ToolSet[/td] [/tr]

[tr] [td]WP ToolSet[/td] [td]WP ToolSet[/td] [/tr]

[/tbody]

[/table] 