Home / Shortcodes / Tabs & Toggles & Accordions

Tabs & Toggles & Accordions

Framed Tabs

[wt_divider_line margin_top=”20″ margin_bottom=”40″] [wt_tabs] [wt_tab title=”Tab1″ icon=”fa fa-comments”] Quisque fermentum porttitor enim, sed blandit risus blandit eu. Curabitur imperdiet mollis accumsan. Praesent non ante tellus, at dignissim quam. Mauris elementum elit nec velit semper ut laoreet felis ornare.

Maecenas sagittis laoreet fringilla. Vivamus hendrerit est id orci dictum lobortis. Vivamus viverra aliquet quam, pretium pretium ipsum pulvinar a. Curabitur laoreet mauris a urna auctor et gravida risus fermentum. Suspendisse ultrices ante nec ligula porta a volutpat augue commodo. Cras dolor tortor, hendrerit ut interdum at, imperdiet sit amet lectus. Ut non lacus ligula. Nam volutpat, odio sed volutpat rhoncus, metus arcu interdum neque, sed eleifend eros lacus pulvinar augue.
[/wt_tab] [wt_tab title=”Tab2″] Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

Aliquam odio nunc, rhoncus ut venenatis eget, sodales id tortor. Donec scelerisque mattis tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Vivamus hendrerit est id orci dictum lobortis. Vivamus viverra aliquet quam, pretium pretium ipsum pulvinar a. Curabitur laoreet mauris a urna auctor et gravida risus fermentum. In scelerisque sollicitudin erat, fringilla ornare dolor hendrerit id. Etiam sollicitudin hendrerit purus sit amet interdum. Vestibulum laoreet mattis augue eu aliquam.
[/wt_tab] [wt_tab title=”Tab3″] Fusce id dolor odio. Maecenas venenatis pharetra ipsum id convallis. Vestibulum iaculis convallis urna, vel auctor erat fermentum vel. Donec euismod; quam sed lobortis tincidunt, arcu neque interdum lectus, non mollis est lorem et turpis!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/wt_tab] [/wt_tabs] [code] [wt_tabs] [wt_tab title=”Tab1″] Tab content here [/wt_tab] [wt_tab title=”Tab2″ icon=”fa fa-comments”] Tab content here [/wt_tab] [wt_tab title=”Tab3″] Tab content here [/wt_tab] [/wt_tabs] [/code] [wt_divider_top]

Minimal tabs

[wt_divider_line margin_top=”20″ margin_bottom=”40″] [wt_minimal_tabs] [wt_tab title=”Tab1″] Quisque fermentum porttitor enim, sed blandit risus blandit eu. Curabitur imperdiet mollis accumsan. Praesent non ante tellus, at dignissim quam. Mauris elementum elit nec velit semper ut laoreet felis ornare.

Maecenas sagittis laoreet fringilla. Vivamus hendrerit est id orci dictum lobortis. Vivamus viverra aliquet quam, pretium pretium ipsum pulvinar a. Curabitur laoreet mauris a urna auctor et gravida risus fermentum. Suspendisse ultrices ante nec ligula porta a volutpat augue commodo. Cras dolor tortor, hendrerit ut interdum at, imperdiet sit amet lectus. Ut non lacus ligula. Nam volutpat, odio sed volutpat rhoncus, metus arcu interdum neque, sed eleifend eros lacus pulvinar augue.
[/wt_tab] [wt_tab title=”Tab2″] Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

Aliquam odio nunc, rhoncus ut venenatis eget, sodales id tortor. Donec scelerisque mattis tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Vivamus hendrerit est id orci dictum lobortis. Vivamus viverra aliquet quam, pretium pretium ipsum pulvinar a. Curabitur laoreet mauris a urna auctor et gravida risus fermentum. In scelerisque sollicitudin erat, fringilla ornare dolor hendrerit id. Etiam sollicitudin hendrerit purus sit amet interdum. Vestibulum laoreet mattis augue eu aliquam.
[/wt_tab] [wt_tab title=”Tab3″ icon=”fa fa-comments”] Fusce id dolor odio. Maecenas venenatis pharetra ipsum id convallis. Vestibulum iaculis convallis urna, vel auctor erat fermentum vel. Donec euismod; quam sed lobortis tincidunt, arcu neque interdum lectus, non mollis est lorem et turpis!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/wt_tab] [/wt_minimal_tabs] [code] [wt_minimal_tabs] [wt_tab title=”Tab1″] Tab content here [/wt_tab] [wt_tab title=”Tab2″] Tab content here [/wt_tab] [wt_tab title=”Tab3″ icon=”fa fa-comments”] Tab content here [/wt_tab] [/wt_minimal_tabs] [/code] [wt_divider_top]

Jquery toogle content

[wt_divider_line margin_top=”20″ margin_bottom=”40″] [wt_row] [col-lg-6 col-md-6 col-sm-6] [wt_fancy_header]Minimal toggle style[/wt_fancy_header] [wt_minimal_toggle title=”Sed id nisl nunc”] Suspendisse fringilla gravida ligula non tempus. Vivamus non arcu vitae velit posuere imperdiet vel vitae est. In vitae nulla risus, ut pharetra dolor. Mauris lectus enim, feugiat a lobortis tincidunt, tincidunt quis justo. [/wt_minimal_toggle] [wt_minimal_toggle title=”Aliquam quis gravida elit”] Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer urna urna, pulvinar sed dictum vitae, ultricies ac mauris. [/wt_minimal_toggle] [wt_minimal_toggle title=”Fusce viverra nibh tellus”] Proin at orci non mauris sodales ullamcorper. Vestibulum ornare enim vel mi vestibulum sit amet malesuada diam venenatis. Morbi eget turpis elit, et ullamcorper est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis volutpat mauris sed ultrices. Etiam at mollis metus. Fusce a lobortis erat.
[/wt_minimal_toggle] [wt_minimal_toggle title=”Donec ut eros mauris”] Curabitur ut augue pharetra tortor bibendum semper eget condimentum sapien. Sed malesuada, nulla a molestie condimentum, lorem tortor blandit libero, at laoreet turpis ante et tellus. [/wt_minimal_toggle] [code] [wt_minimal_toggle title=”Toggle title”] Toggle content here
[/wt_minimal_toggle] [/code] [/col-lg-6 col-md-6 col-sm-6] [col-lg-6 col-md-6 col-sm-6] [wt_fancy_header]Framed toggle style[/wt_fancy_header] [wt_framed_toggle title=”Sed id nisl nunc”] Suspendisse fringilla gravida ligula non tempus. Vivamus non arcu vitae velit posuere imperdiet vel vitae est. In vitae nulla risus, ut pharetra dolor. Mauris lectus enim, feugiat a lobortis tincidunt, tincidunt quis justo. [/wt_framed_toggle] [wt_framed_toggle title=”Aliquam quis gravida elit”] Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer urna urna, pulvinar sed dictum vitae, ultricies ac mauris. [/wt_framed_toggle] [wt_framed_toggle title=”Fusce viverra nibh tellus”] Proin at orci non mauris sodales ullamcorper. Vestibulum ornare enim vel mi vestibulum sit amet malesuada diam venenatis. Morbi eget turpis elit, et ullamcorper est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse mattis volutpat mauris sed ultrices. Etiam at mollis metus. Fusce a lobortis erat.
[/wt_framed_toggle] [wt_framed_toggle title=”Donec ut eros mauris”] Curabitur ut augue pharetra tortor bibendum semper eget condimentum sapien. Sed malesuada, nulla a molestie condimentum, lorem tortor blandit libero, at laoreet turpis ante et tellus. [/wt_framed_toggle] [code] [wt_framed_toggle title=”Toggle title”] Toggle content here
[/wt_framed_toggle] [/code] [/col-lg-6 col-md-6 col-sm-6] [/wt_row] [wt_divider_top]

Accordions

[wt_divider_line margin_top=”20″ margin_bottom=”40″] [wt_row] [col-lg-6 col-md-6 col-sm-6] [wt_minimal_accordion style=”dark”] [wt_accordion title=”First pane”]

Lorem ipsum dolor

Fusce semper, nisi nec pellentesque sollicitudin.

Consectetur adipiscing elit. Praesent bibendum eros ac nulla. Integer vel lacus ac neque viverra ornare. Nulla id massa nec erat laoreet elementum. Vivamus tristique auctor odio. Integer mi neque.
[/wt_accordion] [wt_accordion title=”Second pane”]

Vestibulum ante


Cras diam. Donec dolor lacus, vestibulum at, varius in, mollis id, dolor. Aliquam erat volutpat. Praesent pretium tristique est. Maecenas nunc lorem, blandit nec, accumsan nec, facilisis quis, pede. Aliquam erat volutpat. Donec sit amet urna quis nisi elementum fermentum.
[/wt_accordion] [wt_accordion title=”Third pane”]

Curabitur vel dolor

Non lectus lacinia egestas. Nulla hendrerit, felis quis elementum viverra, purus felis egestas magna, non vulputate libero justo nec sem. Nullam arcu. Donec pellentesque vestibulum urna. In mauris odio, fringilla commodo, commodo ac, dignissim ac, augue.
[/wt_accordion] [/wt_minimal_accordion] [code] [wt_minimal_accordions style=”dark”] [wt_accordion title=”title 1″] Accordion content here [/wt_accordion] [wt_accordion title=”title 2″] Accordion content here [/wt_accordion] [wt_accordion title=”title 3″] Accordion content here [/wt_accordion] [/wt_minimal_accordions] [/code] [/col-lg-6 col-md-6 col-sm-6] [col-lg-6 col-md-6 col-sm-6][wt_framed_accordion style=”white”][wt_accordion title=”First pane”]

Lorem ipsum dolor

Fusce semper, nisi nec pellentesque sollicitudin.

Consectetur adipiscing elit. Praesent bibendum eros ac nulla. Integer vel lacus ac neque viverra ornare. Nulla id massa nec erat laoreet elementum. Vivamus tristique auctor odio. Integer mi neque.
[/wt_accordion] [wt_accordion title=”Second pane”]

Vestibulum ante


Cras diam. Donec dolor lacus, vestibulum at, varius in, mollis id, dolor. Aliquam erat volutpat. Praesent pretium tristique est. Maecenas nunc lorem, blandit nec, accumsan nec, facilisis quis, pede. Aliquam erat volutpat. Donec sit amet urna quis nisi elementum fermentum.
[/wt_accordion] [wt_accordion title=”Third pane”]

Curabitur vel dolor

Non lectus lacinia egestas. Nulla hendrerit, felis quis elementum viverra, purus felis egestas magna, non vulputate libero justo nec sem. Nullam arcu. Donec pellentesque vestibulum urna. In mauris odio, fringilla commodo, commodo ac, dignissim ac, augue.
[/wt_accordion] [/wt_framed_accordion] [code] [wt_framed_accordions style=”white”] [wt_accordion title=”title 1″] Accordion content here [/wt_accordion] [wt_accordion title=”title 2″] Accordion content here [/wt_accordion] [wt_accordion title=”title 3″] Accordion content here [/wt_accordion] [/wt_framed_accordions] [/code] [/col-lg-6 col-md-6 col-sm-6] [/wt_row] [wt_divider_top]

Leave a Reply

Your email address will not be published. Required fields are marked *

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll To Top