Cart

  /  Tabs

[section]

[column size=”col-6″]

[tabs]

[tab title=”Tab 1″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”blue”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[tab title=”Tab 2″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”orange”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[tab title=”Tab 3″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”green”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[tab title=”Tab 4″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”red”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[/tabs]

[/column]

[column size=”col-6″ last_column=”true”]

[tabs]

[tab title=”Tab 1″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”red”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[tab title=”Tab 2″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”orange”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[tab title=”Tab 3″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”green”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[tab title=”Tab 4″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”grey”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[/tabs]

[/column]

[/section]

[separator small=”true”]

[spacer]

[section]

[column size=”col-3″]

[h5_focus_heading]Optional Layers Effect[/h5_focus_heading]

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis.

Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu consequat eu mollis in, pharetra sit amet nisi.

[/column]

[column size=”col-9″ last_column=”true”]

[tabs layers=”true”]

[tab title=”Tab 1″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”blue”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[tab title=”Tab 2″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”orange”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[tab title=”Tab 3″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”green”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[tab title=”Tab 4″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut venenatis blandit purus, ac elementum eros placerat vel. Pellentesque viverra auctor mauris ut condimentum. Quisque tincidunt.

Maecenas vulputate tristique enim sed iaculis. Maecenas imperdiet accumsan justo, vel feugiat sem tincidunt id. Sed eleifend neque quis massa scelerisque pharetra. Nulla at mi nec purus lacinia venenatis. Phasellus augue neque, consequat eu mollis in, pharetra sit amet nisi. Duis elementum lobortis bibendum. Proin vulputate metus arcu. Vestibulum semper, nunc eu scelerisque porttitor, nulla nisi vehicula felis, nec adipiscing lacus erat id dui.

[infobox size=”” last_column=”true” bottom_margin=”false” color=”red”]Hey, you can use any shortcode in these tabs. Nice.[/infobox]

[/tab]

[/tabs]

[/column]

[/section]

[separator text=”How to use”]

[infobox last_column=”true” color=”blue” size=”col-12″]Aegaeus comes with super awesome user friendly Shortcode Generator which allows you to create any of many shortcodes in less than 2 clicks. If you prefer the code, you can find it bellow. You can copy-paste it to your page. Comments are annotated with double slashes //[/infobox]

[clear]

[section]

[toggle title=”Get the code”]

// Wrap tabs in one half column and section
[section]
[column size="col-6"]

// Create tabs with layers effect and three tab items
[tabs layers="true"]

// Create three tab items
[tab title="Tab Item 1"] Tab 1 Content here[/tab]
[tab title="Tab Item 2"] Tab 2 Content here [/tab]
[tab title="Tab Item 3"] Tab 3 Content here [/tab]

[/tabs]

[/column]
[/section]

[/toggle]

[/section]

[separator small=”true”]

[h5]Available argument options[/h5]
[list]

[list_item icon=”icon-cog”]layers – Specify if your tabs have the layers effect.[/list_item]

[list_item icon=”icon-cog”]title – Specify your tab item title.[/list_item]

[/list]

Konscious Creations! is a supreme source for unique print media designs and illustrations

0

Your Cart