Body Content Objects are panel objects created to help structure content and create calls-to-action. They are most useful on home pages and landing pages to guide users to sub-pages or to complete important actions.
Edit the HTML Markup of a page to make edits to body content objects. See our
HTML Guide for more information.
Note that Panel Objects in particular work best in Two Column layouts in groups of threes, and in Three Column layouts in groups of two.
(The below markup is for sets of three, so if you're using a Three Column Layout, adjust the li class="unit size1of3" to "size1of2" and close the ul and first div of the second object, then open a new one to create a new row)
See below for visual examples and markup that you can copy and paste into your site.
Skinned Panel Objects with image
Skinned Panel Objects with Social
Skinned Panel Objects without image
Non-skinned Panel Objects with image
-
Panel Heading
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh.
Take Action
-
Panel Heading
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh.
Take Action
-
Panel Heading
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh.
Submit Take Action
-
Panel Heading
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Take Action
-
Panel Heading
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Take Action
-
Panel Heading
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Take Action
Non-skinned Panel Objects without image
-
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate.
Take Action
-
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate.
Take Action
-
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate.
Take Action
-
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Take Action
-
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Take Action
-
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
Take Action
Staff Bio Rollup
Note: Bio images must be exactly 255px x 300px.
Media Objects in list
Single Media Object
Single Media Object (with non-wrapping text)
Responsive Google Maps iFrame