What's an accordion?

- This is the first panel of the basic accordion example.

Accordion is a graphical element to show or hide content. There are times when a page can contain many related elements which makes it very long; using accordion enables editors to shorten the page, and allow readers to expand areas of interest to them.

A sample title

To fit your purpose, you can add every classical content elements to a panel: texts, images, links...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.

A sample link


The customize button allows you to:

  • Change the color of each panel
  • Add a panel (created after the active one)
  • Remove a panel (the active one).

First part

March 2013

Adapt these columns to fit you design need. To duplicate, delete or move columns, select the column and use the top icons to perform your action.

Discover more

Second part

August 2014

To add a column, reduce the size of these columns using the right icon of each block. Then, duplicate one of the column to create a new one as a copy.

Full read

Third part

September 2015

Delete the right image or replace it with a picture that illustrates your message.

Contact us

- Desk

- Bookmarks

- Pencil

- Stars

- Polaroid

- Notes

- Newspaper

- Work