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 wrapperpanel-header
: the panel headerpanel-content
: the actual content for the panelpanel-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-cell
class 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