Toggles, Tabs & Accodions

[toggle title=“Toggle Switch“]

Lorem ipsum dolor sit amet, vestibulum amet, ut sit nisl. Odio donec sem tincidunt amet, rhoncus aliquam pede, libero cursus, duis eu aliquam velit et nibh. Facilisis amet dignissim cursus non elit duis. Nibh et tortor augue nibh, magna nibh.

[checklist icon=“fa fa-check“ color=“#EC3939″]

  • Aenean eu leo quam. Pellentesque ornare sem lacinia.
  • Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
  • Vestibulum id ligula porta felis euismod semper.
  • Nullam id dolor id nibh ultricies vehicula ut id elit.

[/checklist]

[/toggle]

[hr_padding]

Tabs Horizontal

[tabs]
[tab title=“A Tab 1″]
Lorem ipsum dolor sit amet, vestibulum amet, ut sit nisl. Odio donec sem tincidunt amet, rhoncus aliquam pede, libero cursus, duis eu aliquam velit et nibh. Facilisis amet dignissim cursus non elit duis. Nibh et tortor augue nibh, magna nibh.
[/tab]
[tab title=“The Tab 2″]
[accordions active=-1]
[accordion title=“Accordion Title 1″]
Setting active=-1 will start accordion with all tabs closed
[/accordion]
[accordion title=“Accordion Title 2″]
Vestibulum aliquet convallis placerat. Quisque eu metus ut dolor ornare rutrum nec hendrerit tellus. Phasellus fringilla dignissim varius. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris egestas ipsum placerat semper varius diam tortor vestibulum justo nec porttitor purus libero iaculis nisi.
[/accordion]
[accordion title=“Accordion Title 3″]
Lorem ipsum dolor sit amet vestibulum amet ut sit nisl. Odio donec sem tincidunt amet rhoncus aliquam pede libero cursus duis eu aliquam velit et nibh. Facilisis amet dignissim cursus non elit duis. Nibh et tortor augue nibh magna nibh.
[/accordion]
[/accordions]
[/tab]
[tab title=“The Tab 3″]
[accordions active=-1]
[accordion title=“Accordion Title 1″]
Setting active=-1 will start accordion with all tabs closed
[/accordion]
[accordion title=“Accordion Title 2″]
Vestibulum aliquet convallis placerat. Quisque eu metus ut dolor ornare rutrum nec hendrerit tellus. Phasellus fringilla dignissim varius. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris egestas ipsum placerat semper varius diam tortor vestibulum justo nec porttitor purus libero iaculis nisi.
[/accordion]
[accordion title=“Accordion Title 3″]
Lorem ipsum dolor sit amet vestibulum amet ut sit nisl. Odio donec sem tincidunt amet rhoncus aliquam pede libero cursus duis eu aliquam velit et nibh. Facilisis amet dignissim cursus non elit duis. Nibh et tortor augue nibh magna nibh.
[/accordion]
[/accordions]
[/tab]
[tab title=“A Tab 4″]
Lorem ipsum dolor sit amet, vestibulum amet, ut sit nisl. Odio donec sem tincidunt amet, rhoncus aliquam pede, libero cursus, duis eu aliquam velit et nibh. Facilisis amet dignissim cursus non elit duis. Nibh et tortor augue nibh, magna nibh.
[/tab]
[/tabs]

[hr_padding]

Tabs Vertical

[tabs type=“vertical“]
[tab title=“The Tab 1″]
Vestibulum aliquet convallis placerat. Quisque eu metus ut dolor ornare rutrum nec hendrerit tellus. Phasellus fringilla dignissim varius. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris egestas ipsum placerat semper varius diam tortor vestibulum justo nec porttitor purus libero iaculis nisi.
[/tab]
[tab title=“The Tab 2″]
Lorem ipsum dolor sit amet, vestibulum amet, ut sit nisl. Odio donec sem tincidunt amet, rhoncus aliquam pede, libero cursus, duis eu aliquam velit et nibh. Facilisis amet dignissim cursus non elit duis. Nibh et tortor augue nibh, magna nibh.
[/tab]
[tab title=“The Tab 3″]
Vestibulum aliquet convallis placerat. Quisque eu metus ut dolor ornare rutrum nec hendrerit tellus. Phasellus fringilla dignissim varius. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris egestas, ipsum placerat semper varius, diam tortor vestibulum justo, nec porttitor purus libero iaculis nisi.
[/tab]
[tab title=“The Tab 4″]
Lorem ipsum dolor sit amet, vestibulum amet, ut sit nisl. Odio donec sem tincidunt amet, rhoncus aliquam pede, libero cursus, duis eu aliquam velit et nibh. Facilisis amet dignissim cursus non elit duis. Nibh et tortor augue nibh, magna nibh.
[/tab]
[/tabs]

[hr_padding]

Accordion 1

[accordions active=-1]
[accordion title=“Accordion Title 1″]
Setting active=-1 will start accordion with all tabs closed
[/accordion]
[accordion title=“Accordion Title 2″]
Vestibulum aliquet convallis placerat. Quisque eu metus ut dolor ornare rutrum nec hendrerit tellus. Phasellus fringilla dignissim varius. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris egestas ipsum placerat semper varius diam tortor vestibulum justo nec porttitor purus libero iaculis nisi.
[/accordion]
[accordion title=“Accordion Title 3″]
Lorem ipsum dolor sit amet vestibulum amet ut sit nisl. Odio donec sem tincidunt amet rhoncus aliquam pede libero cursus duis eu aliquam velit et nibh. Facilisis amet dignissim cursus non elit duis. Nibh et tortor augue nibh magna nibh.
[/accordion]
[/accordions]

[hr_padding]

Accordion 2

[accordions active=-1]
[accordion title=“Accordion Title 1″]
Setting active=-1 will start accordion with all tabs closed
[/accordion]
[accordion title=“Accordion Title 2″]
Vestibulum aliquet convallis placerat. Quisque eu metus ut dolor ornare rutrum nec hendrerit tellus. Phasellus fringilla dignissim varius. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris egestas ipsum placerat semper varius diam tortor vestibulum justo nec porttitor purus libero iaculis nisi.
[/accordion]
[accordion title=“Accordion Title 3″]
Lorem ipsum dolor sit amet vestibulum amet ut sit nisl. Odio donec sem tincidunt amet rhoncus aliquam pede libero cursus duis eu aliquam velit et nibh. Facilisis amet dignissim cursus non elit duis. Nibh et tortor augue nibh magna nibh.
[/accordion]
[/accordions]

Schreibe einen Kommentar