Panels

<div class="panel"> <div class="panel-header"> <h2 class="panel-title">Panel Title</h2> <p class="panel-title-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tincidunt sit amet nisl eget finibus. Suspendisse eget mi in urna lacinia commodo.</p> </div> <div class="panel-body"> <h3 class="panel-body-title">Some Panel Content</h3> <p>Should be able to handle any type of content.</p> </div> </div>

CSS Classes:

1. panel
   • The containing class for the panel component. Has no visual treatment.
2. panel-header
   • An optional section above the panel-body. Contains the panel-title and panel-title-description .
3. panel-body
   • The visually distinct container of the panel component. Should be able to handle any type of content
4. panel-title
   • An optional, specifically styled title for the panel. Using a h2 is recommended.
5. panel-title-description
   • An optional, specifically styled description for the panel under panel-title. Panel title description has a max-width of 720px to ensure readability.
6. panel-body-title
   • Heading that is inside the panel-body component. Using a h3 is recommended.