Tabs & toggles

[vc_row][vc_column][dt_sc_simple_heading type=”mz-stripe” tag=”h3″ text=”Horizontal Tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi[/dt_sc_simple_heading][dt_sc_tabs style=”frame”][dt_sc_tab title=”Tab 1″ tab_id=”def1548765560-1-34″][vc_column_text]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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu felis ut nunc interdum cursus. Nunc fermentum nec turpis nec sodales. Integer commodo et ante et ultricies. Duis pulvinar, lacus vel posuere auctor, ligula metus volutpat purus, quis venenatis arcu mauris nec tellus. In vel nulla purus. Donec interdum nec augue ac faucibus. Morbi id bibendum dui. Vivamus lobortis massa ac elit egestas, quis suscipit purus imperdiet. Vivamus pellentesque erat ac lectus elementum, at mollis est bibendum.[/vc_column_text][/dt_sc_tab][dt_sc_tab title=”Tab 2″ tab_id=”def1548765560-2-30″][vc_column_text]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.[/vc_column_text][/dt_sc_tab][dt_sc_tab title=”Tab 3″ tab_id=”1548765625106-2-10″][vc_column_text]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.[/vc_column_text][/dt_sc_tab][/dt_sc_tabs][dt_sc_empty_space margin_lg=”80″ margin_md=”60″ margin_sm=”40″ margin_xs=”40″ el_id=”1548834853770-cd5f46a6-0ffd”][dt_sc_simple_heading type=”mz-stripe” tag=”h3″ text=”Vertical Tabs with icon”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi[/dt_sc_simple_heading][dt_sc_tabs type=”vertical” style=”frame”][dt_sc_tab icon_type=”fontawesome” title=”What is Lorem Ipsum?” tab_id=”def1548823476-1-61″ icon=”fa fa-home”][vc_column_text]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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu felis ut nunc interdum cursus. Nunc fermentum nec turpis nec sodales. Integer commodo et ante et ultricies. Duis pulvinar, lacus vel posuere auctor, ligula metus volutpat purus, quis venenatis arcu mauris nec tellus. In vel nulla purus. Donec interdum nec augue ac faucibus. Morbi id bibendum dui. Vivamus lobortis massa ac elit egestas, quis suscipit purus imperdiet. Vivamus pellentesque erat ac lectus elementum, at mollis est bibendum.[/vc_column_text][/dt_sc_tab][dt_sc_tab icon_type=”fontawesome” title=”Where does it come from?” tab_id=”def1548823476-2-82″ icon=”fa fa-gift”][vc_column_text]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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu felis ut nunc interdum cursus. Nunc fermentum nec turpis nec sodales. Integer commodo et ante et ultricies. Duis pulvinar, lacus vel posuere auctor, ligula metus volutpat purus, quis venenatis arcu mauris nec tellus. In vel nulla purus. Donec interdum nec augue ac faucibus. Morbi id bibendum dui. Vivamus lobortis massa ac elit egestas, quis suscipit purus imperdiet. Vivamus pellentesque erat ac lectus elementum, at mollis est bibendum.[/vc_column_text][/dt_sc_tab][dt_sc_tab icon_type=”fontawesome” title=”Why do we use it?” tab_id=”1548824370468-2-5″ icon=”fa fa-life-ring”][vc_column_text]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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu felis ut nunc interdum cursus. Nunc fermentum nec turpis nec sodales. Integer commodo et ante et ultricies. Duis pulvinar, lacus vel posuere auctor, ligula metus volutpat purus, quis venenatis arcu mauris nec tellus. In vel nulla purus. Donec interdum nec augue ac faucibus. Morbi id bibendum dui. Vivamus lobortis massa ac elit egestas, quis suscipit purus imperdiet. Vivamus pellentesque erat ac lectus elementum, at mollis est bibendum.[/vc_column_text][/dt_sc_tab][/dt_sc_tabs][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][dt_sc_empty_space margin_lg=”80″ margin_md=”60″ margin_sm=”40″ margin_xs=”40″ el_id=”1548834880189-f20ba607-e534″][dt_sc_simple_heading type=”mz-stripe” tag=”h3″ text=”Left Vertical Tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi[/dt_sc_simple_heading][dt_sc_tabs type=”vertical” style=”frame”][dt_sc_tab title=”Tab 1″ tab_id=”1548829954961-0-2″][vc_column_text][/vc_column_text][/dt_sc_tab][dt_sc_tab title=”Tab 2″ tab_id=”1548829954997-0-10″][vc_column_text]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.
[/vc_column_text][/dt_sc_tab][dt_sc_tab title=”Tab 3″ tab_id=”1548829955030-0-10″][vc_column_text]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.
[/vc_column_text][/dt_sc_tab][/dt_sc_tabs][/vc_column][vc_column width=”1/2″][dt_sc_empty_space margin_lg=”80″ margin_md=”60″ margin_sm=”40″ margin_xs=”40″ el_id=”1548834853770-cd5f46a6-0ffd”][dt_sc_simple_heading type=”mz-stripe” tag=”h3″ text=”Right Vertical Tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi[/dt_sc_simple_heading][dt_sc_tabs type=”vertical” style=”frame” class=”alignright”][dt_sc_tab title=”Tab 1″ tab_id=”def1548824471-1-41″][vc_column_text][/vc_column_text][/dt_sc_tab][dt_sc_tab title=”Tab 2″ tab_id=”def1548824471-2-13″][vc_column_text]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.
[/vc_column_text][/dt_sc_tab][dt_sc_tab title=”Tab 3″ tab_id=”1548829781656-2-10″][vc_column_text]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.
[/vc_column_text][/dt_sc_tab][/dt_sc_tabs][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][dt_sc_empty_space margin_lg=”80″ margin_md=”60″ margin_sm=”40″ margin_xs=”40″ el_id=”1548834887650-562af052-54d7″][dt_sc_simple_heading type=”mz-stripe” tag=”h3″ text=”Standard Toggle”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi[/dt_sc_simple_heading][dt_sc_toggle_group][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.
[/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_toggle title=”Toggle 4″]Toggle 4 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 5″]Toggle 5 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_group][/vc_column][vc_column width=”1/2″][dt_sc_empty_space margin_lg=”80″ margin_md=”60″ margin_sm=”40″ margin_xs=”40″ el_id=”1548834853770-cd5f46a6-0ffd”][dt_sc_simple_heading type=”mz-stripe” tag=”h3″ text=”Framed Toggle”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi[/dt_sc_simple_heading][dt_sc_toggle_group style=”frame” type=”type2″][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.
[/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_toggle_group][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][dt_sc_empty_space margin_lg=”80″ margin_md=”60″ margin_sm=”40″ margin_xs=”40″ el_id=”1548834894742-24f1fd1c-34ef”][dt_sc_simple_heading type=”mz-stripe” tag=”h3″ text=”Standard Accordion”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi[/dt_sc_simple_heading][dt_sc_accordion][dt_sc_accordion_tab title=”Accordion 1″][vc_column_text]Accordion 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.
[/vc_column_text][/dt_sc_accordion_tab][dt_sc_accordion_tab title=”Accordion 2″][vc_column_text]Accordion 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.[/vc_column_text][/dt_sc_accordion_tab][dt_sc_accordion_tab title=”Accordion 3″][vc_column_text]Accordion 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.[/vc_column_text][/dt_sc_accordion_tab][dt_sc_accordion_tab title=”Accordion 4″][vc_column_text]Accordion 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.[/vc_column_text][/dt_sc_accordion_tab][dt_sc_accordion_tab title=”Accordion 5″][vc_column_text]Accordion 5 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.[/vc_column_text][/dt_sc_accordion_tab][/dt_sc_accordion][/vc_column][vc_column width=”1/2″][dt_sc_empty_space margin_lg=”80″ margin_md=”60″ margin_sm=”40″ margin_xs=”40″ el_id=”1548834853770-cd5f46a6-0ffd”][dt_sc_simple_heading type=”mz-stripe” tag=”h3″ text=”Framed Accordion”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi[/dt_sc_simple_heading][dt_sc_accordion style=”frame” framed_accordion_type=”type2″][dt_sc_accordion_tab title=”Accordion 1″][vc_column_text]Accordion 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.
[/vc_column_text][/dt_sc_accordion_tab][dt_sc_accordion_tab title=”Accordion 2″][vc_column_text]Accordion 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.[/vc_column_text][/dt_sc_accordion_tab][dt_sc_accordion_tab title=”Accordion 3″][vc_column_text]Accordion 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.[/vc_column_text][/dt_sc_accordion_tab][/dt_sc_accordion][/vc_column][/vc_row]

Deja un comentario