Tabs Designs

[subtitle]Welcome to KALLYAS Template, a wonderful and premium product for multipurpose websites[/subtitle]

Example tabs

[tabs style=”style1″]

[tab title=”Some Tab #1″]

img5

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.

[/tab]

[tab title=”Some Tab #2″]

Pane 3 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

[/tab]

[tab title=”Some Tab #3″]

Pane 2 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

[/tab]

[/tabs]

Code example

[code][tabs style=”style1″]

[tab title=”TAB_NAME1″] CONTENT1 [/tab]

[tab title=”TAB_NAME2″] CONTENT2 [/tab]

[tab title=”TAB_NAME3″] CONTENT3 [/tab]

[/tabs][/code]

Tabs Style 2

[tabs style=”style2″]

[tab title=”Some Tab #1″]

img5

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.

[/tab]

[tab title=”Some Tab #2″]

Pane 2 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

[/tab]

[tab title=”Some Tab #3″]

Pane 3 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

[/tab]

[/tabs]

Code example

[code][tabs style=”style2″]

[tab title=”TAB_NAME1″] CONTENT1 [/tab]

[tab title=”TAB_NAME2″] CONTENT2 [/tab]

[tab title=”TAB_NAME3″] CONTENT3 [/tab]

[/tabs][/code]

Tabs Style 3

[tabs style=”style3″]

[tab title=”Some Tab #1″]

img5

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.

[/tab]

[tab title=”Some Tab #2″]

Pane 2 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

[/tab]

[tab title=”Some Tab #3″]

Pane 3 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

[/tab]

[/tabs]

Code example

[code][tabs style=”style3″]

[tab title=”TAB_NAME1″] CONTENT1 [/tab]

[tab title=”TAB_NAME2″] CONTENT2 [/tab]

[tab title=”TAB_NAME3″] CONTENT3 [/tab]

[/tabs][/code]

Tabs Style 4

[tabs style=”style4″]

[tab title=”Some Tab #1″]

img5

Pane 1 Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod congue bibendum. Aliquam erat volutpat. Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a.

[/tab]

[tab title=”Some Tab #2″]

Pane 2 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

[/tab]

[tab title=”Some Tab #3″]

Pane 3 Content

Phasellus eget justo lacus. Vivamus pharetra ullamcorper massa, nec ultricies metus gravida egestas. Duis congue viverra arcu, ac aliquet turpis rutrum a. Donec semper vestibulum dapibus. Integer et sollicitudin metus. Vivamus at nisi turpis.

[/tab]

[/tabs]

Code example

[code][tabs style=”style4″]

[tab title=”TAB_NAME1″] CONTENT1 [/tab]

[tab title=”TAB_NAME2″] CONTENT2 [/tab]

[tab title=”TAB_NAME3″] CONTENT3 [/tab]

[/tabs][/code]

Leave a reply

You must be logged in to post a comment.