The panel module creates content blocks that stand out of the rest of the content, allowing to highlight important information.

The panel module structure

  • panel: the panel wrapper
  • panel-header: the panel header
  • panel-content: the actual content for the panel
  • panel-footer: the panel footer

Default panels

Class Aptent Taciti Sociosqu Ad Litora Torquent

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed.

Themed panels

Class Aptent Taciti Sociosqu Ad Litora Torquent

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed.

Cell panels

You can also add panels inside cells using the panel-cellclass and mix them with the background color classes to create content mosaics:

Panel 1
Panel 2
Panel 3
Panel 4
Panel 5
Panel 6
Panel 7
Panel 8

Panel buttons