A panel is a simple, helpful Foundation component that enables you to outline sections of your page easily. This allows you to view your page sections as you add content to them or add emphasis to a section. The width is controlled by the grid columns you put them inside.
This is a regular panel.It has an easy to override visual style, and is appropriately subdued.
This is a black panel.It has an easy to override visual style, and is appropriately subdued.
This is a callout panel.It’s a little ostentatious, but useful for important content or any other anounces that you are going to make.
Building panels using our predefined class isn’t hard at all. You’ll start with
<div>and add a class of
.panelto it. From there, you just need to add content inside, anything will do.Available HTML class options:
.blackto your panel will make it black and add a shiny top edge to help it stand out.
You may also you
.radiusto add a tasteful border-radius to thie mix.