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]

Copyright © 2019 Maktab.pk