Tabs

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Much like accordions, tabs are a great way for presenting information in a limited amount of space. Tabs can be aligned left, center, right, vertical left, vertical right and altered in size.

[/tm_textblock]

[tm_textblock textarea_html_bkg_color=”#ffffff”]


[/tm_textblock]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Default Tabs

[/tm_textblock]

[tm_tab_holder border_style=”rounded” button_background_color_active=”#ffffff” button_border_color_active=”#eeeeee” button_text_color_active=”#3fb58b” panel_text_color=”” tabs_id=”38bb090f-c22c-10″][tm_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Tab 1″ tab_id=”1489177844-1-3″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][tm_tab_item textarea_html_bkg_color=”#ffffff” title=”Tab 2″ tab_id=”1489177844-2-6″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][/tm_tab_holder]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Tabs Center Aligned

[/tm_textblock]

[tm_tab_holder alignment=”center” border_style=”” button_background_color_active=”#ffffff” button_border_color_active=”#eeeeee” button_text_color_active=”#3fb58b” panel_text_color=”” tabs_id=”1489177950049-0-7″][tm_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Tab 1″ tab_id=”1489177950163-0-9″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][tm_tab_item textarea_html_bkg_color=”#ffffff” title=”Tab 2″ tab_id=”1489177950342-0-2″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][/tm_tab_holder]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Tabs Right Aligned

[/tm_textblock]

[tm_tab_holder alignment=”right” border_style=”” button_background_color_active=”#ffffff” button_border_color_active=”#eeeeee” button_text_color_active=”#3fb58b” panel_text_color=”” tabs_id=”1489178040464-0-6″][tm_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Tab 1″ tab_id=”1489178040572-0-9″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][tm_tab_item textarea_html_bkg_color=”#ffffff” title=”Tab 2″ tab_id=”1489178040742-0-9″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][/tm_tab_holder]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Tabs Vertical Left

[/tm_textblock]

[tm_vertical_tab_holder border_style=”rounded” button_text_color_active=”#3fb58b” panel_text_color=”” tabs_id=”e17d9dac-5d56-8″][tm_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Tab 1″ tab_id=”1489178093-1-69″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

[/tm_tab_item][tm_tab_item textarea_html_bkg_color=”#ffffff” title=”Tab 2″ tab_id=”1489178093-2-15″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

[/tm_tab_item][/tm_vertical_tab_holder]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Tabs Vertical Right

[/tm_textblock]

[tm_vertical_tab_holder alignment=”right” border_style=”” button_text_color_active=”#3fb58b” panel_text_color=”” tabs_id=”1489178169276-0-10″][tm_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Tab 1″ tab_id=”1489178169379-0-3″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

[/tm_tab_item][tm_tab_item textarea_html_bkg_color=”#ffffff” title=”Tab 2″ tab_id=”1489178169524-0-7″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

[/tm_tab_item][/tm_vertical_tab_holder]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Tabs Style 2

[/tm_textblock]

[tm_tab_holder tab_style=”button” border_style=”” button_background_color_active=”#3fb58b” button_border_color_active=”#eeeeee” button_text_color_active=”#ffffff” panel_text_color=”” tabs_id=”1489178201244-0-6″][tm_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Tab 1″ tab_id=”1489178201343-0-1″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][tm_tab_item textarea_html_bkg_color=”#ffffff” title=”Tab 2″ tab_id=”1489178201486-0-8″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][/tm_tab_holder]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Tabs Style 3

[/tm_textblock]

[tm_tab_holder tab_style=”line” border_style=”” button_border_color_active=”#3fb58b” button_text_color_active=”#3fb58b” panel_text_color=”” tabs_id=”1489178227177-0-5″][tm_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Tab 1″ tab_id=”1489178227263-0-0″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][tm_tab_item textarea_html_bkg_color=”#ffffff” title=”Tab 2″ tab_id=”1489178227407-0-1″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][/tm_tab_holder]

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Tabs Style 4

[/tm_textblock]

[tm_tab_holder tab_style=”text” border_style=”” button_text_color_active=”#3fb58b” panel_text_color=”” tabs_id=”1489178243391-0-5″][tm_tab_item is_active=”true” textarea_html_bkg_color=”#ffffff” title=”Tab 1″ tab_id=”1489178243459-0-2″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][tm_tab_item textarea_html_bkg_color=”#ffffff” title=”Tab 2″ tab_id=”1489178243596-0-6″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.

Accordions are a great way for presenting information in a limited amount of space. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.[/tm_tab_item][/tm_tab_holder]