Toggles, Tabs & Accodions

Toggle Switch

[checklist icon="icon-ok" 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]

Tabs Horizontal

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 Title 1

Setting active=-1 will start accordion with all tabs closed

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 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 Title 1

Setting active=-1 will start accordion with all tabs closed

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 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.

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.

Tabs Vertical

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.

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.

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.

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 1

Accordion Title 1

Setting active=-1 will start accordion with all tabs closed

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 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 2

Accordion Title 1

Setting active=-1 will start accordion with all tabs closed

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 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.

Leave a comment