[dt_sc_one_half id=”column_data” first][dt_sc_h3 type=”” class=””]Horizontal Tabs[/dt_sc_h3][dt_sc_tabs_horizontal]

[dt_sc_tab title=”Tab 1″]
Tab 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]
[dt_sc_tab title=”Tab 2″]
Tab 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]
[dt_sc_tab title=”Tab 3″]
Tab 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]

[/dt_sc_tabs_horizontal][/dt_sc_one_half][dt_sc_one_half id=”column_data” ][dt_sc_h3 type=”” class=””]Vertical Tabs[/dt_sc_h3][dt_sc_tabs_vertical]

[dt_sc_tab title=”Tab 1″]
Tab 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]
[dt_sc_tab title=”Tab 2″]
Tab 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]
[dt_sc_tab title=”Tab 3″]
Tab 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_tab]

[/dt_sc_tabs_vertical][/dt_sc_one_half][dt_sc_hr_border /][dt_sc_one_half id=”column_data” first][dt_sc_h3 type=”” class=””]Standard Toggle Style[/dt_sc_h3]

[dt_sc_toggle title=”Toggle 1″]
Toggle 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle]
[dt_sc_toggle title=”Toggle 2″]
Toggle 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle]
[dt_sc_toggle title=”Toggle 3″]
Toggle 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle]

[/dt_sc_one_half][dt_sc_one_half id=”column_data” ][dt_sc_h3 type=”” class=””]Framed Toggle Style[/dt_sc_h3]

[dt_sc_toggle_framed title=”Toggle 1″]
Toggle 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title=”Toggle 2″]
Toggle 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title=”Toggle 3″]
Toggle 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle_framed]

[/dt_sc_one_half][dt_sc_hr_border /][dt_sc_one_half id=”column_data” first][dt_sc_h3 type=”” class=””]Standard Accordion[/dt_sc_h3]

[dt_sc_accordion_group]
[dt_sc_toggle title=”Accordion 1″]
Accordion 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle]
[dt_sc_toggle title=”Accordion 2″]
Accordion 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle]
[dt_sc_toggle title=”Accordion 3″]
Accordion 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle]
[/dt_sc_accordion_group]

[/dt_sc_one_half][dt_sc_one_half id=”column_data” ][dt_sc_h3 type=”” class=””]Framed Accordion[/dt_sc_h3]

[dt_sc_accordion_group]
[dt_sc_toggle_framed title=”Accordion 1″]
Accordion 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title=”Accordion 2″]
Accordion 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle_framed]
[dt_sc_toggle_framed title=”Accordion 3″]
Accordion 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[/dt_sc_toggle_framed]
[/dt_sc_accordion_group]

[/dt_sc_one_half]

0 Comments for “Tabs & Toggles”

Leave a Reply