Tabs & Toggles

[dt_sc_one_half first type =" type1"]

[dt_sc_h3]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 type =" type1"]

[dt_sc_h3]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]

[dt_sc_one_half first type =" type1"]

[dt_sc_h3]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 type =" type1"]

[dt_sc_h3]Framed Toggle Style[/dt_sc_h3]

[dt_sc_clear]

[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]

[dt_sc_one_half first type =" type1"]

[dt_sc_h3]Standard Accordion[/dt_sc_h3]

[dt_sc_accordion_group]
[dt_sc_toggle title="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"]
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"]
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 type =" type1"]

[dt_sc_h3]Framed Accordion[/dt_sc_h3]

[dt_sc_accordion_group]
[dt_sc_toggle_framed title="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"]
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"]
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]

Leave a Reply

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

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>