Overview

Tabs allow you to place a lot of content on a single place. This information is then presented in logical order.

You can place text, files, images and video on any tab.

Feature showcase

Lorem ipsum dolor sit amet, at quod nonumy discere sea. Ad quo dolor dicam quidam, ex postulant forensibus est. Porro noster utroque ex vix. Id cibo perpetua nam. Quando probatus id nec.

At adhuc dicit moderatius eum, usu prima intellegebat an, stet mundi senserit sed cu. An paulo probatus partiendo nec, qui nonumy fastidii id. Est adhuc tractatos eu. In iudico nullam consulatu mei, ex dolor salutatus necessitatibus sit.

Lorem ipsum dolor sit amet, at quod nonumy discere sea. Ad quo dolor dicam quidam, ex postulant forensibus est. Porro noster utroque ex vix. Id cibo perpetua nam. Quando probatus id nec.

At adhuc dicit moderatius eum, usu prima intellegebat an, stet mundi senserit sed cu. An paulo probatus partiendo nec, qui nonumy fastidii id. Est adhuc tractatos eu. In iudico nullam consulatu mei, ex dolor salutatus necessitatibus sit.

Lorem Ipsum: usage

diagonal layout based on Lorem IpsumLorem ipsum is a pseudo-Latin text used in web design, typography, layout, and printing in place of English to emphasise design elements over content. It's also called placeholder (or filler) text. It's a convenient tool for mock-ups. It helps to outline the visual elements of a document or presentation, eg typography, font, or layout. Lorem ipsum is mostly a part of a Latin text by the classical author and philosopher Cicero. Its words and letters have been changed by addition or removal, so to deliberately render its content nonsensical; it's not genuine, correct, or comprehensible Latin anymore. While lorem ipsum's still resembles classical Latin, it actually has no meaning whatsoever. As Cicero's text doesn't contain the letters K, W, or Z, alien to latin, these, and others are often inserted randomly to mimic the typographic appearence of European languages, as are digraphs not to be found in the original.

An embedded media file also works well.

Cicero's version of Liber Primus (first Book), sections 1.10.32–3 (fragments included in most Lorem Ipsum variants in red):

Cicero writing letters; from an early edition by Hieronymus Scotus Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?

Add this feature to your site

Guide to adding tabs (requires log-in)

Top accessibility tip

Accordions can be a great way to help break up long passages of content: accessibility.sa.gov.au/your-role/content/scannable-content

Return to content page options