Tabs & Toggles

[revolution_slider slider=”[rev_slider alias="shortcodes"]” _made_with_builder=”true”][/revolution_slider]
[space height=”100″ responsive=”{"tablet_display":{"selected":"yes"},"smartphone_display":{"selected":"yes"}}” _array_keys=”{"responsive":"responsive"}” _made_with_builder=”true”][/space]
TABS & TOGGLES

It was never easier to structure your content in tabs or to create a FAQ section using the toggle shortcode

[space height=”space-md” responsive=”{"tablet_display":{"selected":"yes"},"smartphone_display":{"selected":"no"}}” _array_keys=”{"responsive":"responsive"}” _made_with_builder=”true”][/space]
Framed Tabs

Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus congue lacinia.

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat poere.

Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum.

[space height=”space-md” responsive=”{"tablet_display":{"selected":"yes"},"smartphone_display":{"selected":"no"}}” _array_keys=”{"responsive":"responsive"}” _made_with_builder=”true”][/space]
Minimal Tabs

Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus congue lacinia congue lacinia dui, a porttitor.

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat poere lacinia scelerisque tempor.

Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum lacus ornare ante, ac egestas est urna sit amet arcu.

[space height=”space-md” responsive=”{"tablet_display":{"selected":"yes"},"smartphone_display":{"selected":"no"}}” _array_keys=”{"responsive":"responsive"}” _made_with_builder=”true”][/space]
Justified Framed Tabs

Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus congue lacinia.

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat poere.

Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum.

[space height=”space-md” responsive=”{"tablet_display":{"selected":"yes"},"smartphone_display":{"selected":"no"}}” _array_keys=”{"responsive":"responsive"}” _made_with_builder=”true”][/space]
Minimal Left Side Tabs

Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus congue lacinia congue lacinia dui, a porttitor.

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat poere lacinia scelerisque tempor ornare ante.

Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum lacus ornare ante, ac egestas est.

[space height=”space-md” responsive=”{"tablet_display":{"selected":"yes"},"smartphone_display":{"selected":"no"}}” _array_keys=”{"responsive":"responsive"}” _made_with_builder=”true”][/space]
Tabs With Icons

Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus congue lacinia.

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat poere.

Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum.

[space height=”space-md” responsive=”{"tablet_display":{"selected":"yes"},"smartphone_display":{"selected":"no"}}” _array_keys=”{"responsive":"responsive"}” _made_with_builder=”true”][/space]
Minimal Left Side Tabs

Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus congue lacinia congue lacinia dui, a porttitor.

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat poere lacinia scelerisque tempor ornare ante.

Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum lacus ornare ante, ac egestas est.

[space height=”space-md” responsive=”{"tablet_display":{"selected":"yes"},"smartphone_display":{"selected":"no"}}” _array_keys=”{"responsive":"responsive"}” _made_with_builder=”true”][/space]
Toggle Panels

[space height=”space-md” responsive=”{"tablet_display":{"selected":"yes"},"smartphone_display":{"selected":"no"}}” _array_keys=”{"responsive":"responsive"}” _made_with_builder=”true”][/space]
Accordion Toggle With Icons

[space height=”space-md” responsive=”{"tablet_display":{"selected":"yes"},"smartphone_display":{"selected":"no"}}” _array_keys=”{"responsive":"responsive"}” _made_with_builder=”true”][/space]
[space height=”100″ responsive=”{"tablet_display":{"selected":"yes"},"smartphone_display":{"selected":"yes"}}” _array_keys=”{"responsive":"responsive"}” _made_with_builder=”true”][/space]
Scroll to Top