Text : Boxes : Toggles & Tabs

Provide more context information initially hidden to streamline the page design

Simply click on the toggle text or ‘plus button’ to expand or collapse. The “accordion” style is set to allow only one expanded element so expanding another one will close the previously expanded one.

Toggles

Framed Style
Your title text here
Your title text here
Your title text here
Framed Accordion Style
Your title text here
Your title text here
Your title text here
Minimalist Style
Your title text here
Your title text here
Your title text here
Minimalist Accordion Style
Your title text here
Your title text here
Your title text here

Tabs

Tabs are a great way to show different aspects related to the same topic or object. Click the tab labels to quickly move between them.

Framed Style
Tab content 1 here. This is just placeholder text… Lorem ipsum dolor sit amet, adipiscing elit. Aliquam dictum metus ipsum, ac tristique mauris. Donec aliquet leo eget risus tempor sed bibendum ipsum dignissim.
Tab content 2 here. This is just placeholder text… Proin sit amet nulla eget enim tempor tristique. Suspendisse hendrerit imperdiet felis, ut convallis lorem facilisis id. Curabitur fermentum faucibus blandit. Mauris libero augue, aliquet quis elementum.
Tab content 3 here. This is just placeholder text… Vivamus sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris libero augue, aliquet quis elementum sit amet, molestie non ligula.
Minimalist Style
Tab content 1 here. This is just placeholder text… Lorem ipsum dolor sit amet, adipiscing elit. Aliquam dictum metus ipsum, ac tristique mauris. Donec aliquet leo eget risus tempor sed bibendum ipsum dignissim. In tempor faucibus risus, posuere vehicula quam iaculis et.
Tab content 2 here. This is just placeholder text… Proin sit amet nulla eget enim tempor tristique. Suspendisse hendrerit imperdiet felis, ut convallis lorem facilisis id. Curabitur fermentum faucibus blandit. Mauris libero augue, aliquet quis elementum.
Tab content 3 here. This is just placeholder text… Vivamus sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tempor faucibus risus, posuere vehicula quam iaculis et. Mauris libero augue, aliquet quis elementum sit amet, molestie non ligula.
Butt0n Tabs
Tab content 1 here. This is just placeholder text… Lorem ipsum dolor sit amet, adipiscing elit. Aliquam dictum metus ipsum, ac tristique mauris. Donec aliquet leo eget risus tempor sed bibendum ipsum dignissim. In tempor faucibus risus, posuere vehicula quam iaculis et.
Tab content 2 here. This is just placeholder text… Proin sit amet nulla eget enim tempor tristique. Suspendisse hendrerit imperdiet felis, ut convallis lorem facilisis id. Curabitur fermentum faucibus blandit. Mauris libero augue, aliquet quis elementum.
Tab content 3 here. This is just placeholder text… Vivamus sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tempor faucibus risus, posuere vehicula quam iaculis et. Mauris libero augue, aliquet quis elementum sit amet, molestie non ligula.
Vertical Tabs

Tab content 1 here. This is just placeholder text… Lorem ipsum dolor sit amet, adipiscing elit. Aliquam dictum metus ipsum, ac tristique mauris. Donec aliquet leo eget risus tempor sed bibendum ipsum dignissim. In tempor faucibus risus, posuere vehicula quam iaculis et.
Tab content 2 here. This is just placeholder text… Proin sit amet nulla eget enim tempor tristique. Suspendisse hendrerit imperdiet felis, ut convallis lorem facilisis id. Curabitur fermentum faucibus blandit. Mauris libero augue, aliquet quis elementum.
Tab content 3 here. This is just placeholder text… Vivamus sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In tempor faucibus risus, posuere vehicula quam iaculis et. Mauris libero augue, aliquet quis elementum sit amet, molestie non ligula.

 

Owned and operated by Chris Collins: licensed land surveyor, fully insured, 30 years experience!