Engage: Serene - Containers

Simple

This is Simple container. I use this as the most basic container consisting of a module title (a h2 that inherits the DNN class .Head) and a body section. Generally Simple container contains no background styling and is very simply padded. It is meant to be used anywhere and everywhere within the skin design.

Post

This is Post container, a container with a gentle grey gradient and light surrounding border. This container was designed to be used as a secondary, stylized container for content throughout the site taking advantage of module title and a body area.

This is NoTitle container. I use this also as a very most basic container- its essentially a blank container, with only a body section. Generally NoTitle container contains little to no styling. It is meant to be used anywhere and everywhere within the skin design. This container is very useful for custom HTML content, photos and graphics, or sections that require multiple titles.

Ribbon Container

This is Ribbon container. This container is a stylized callout with a "ribbon" background highlighting the Module Title. This container will work well for most panes, and requires that the heading fit on one line.

Color Post

This container is designed as another callout container option. ColorPost is styled to match the color scheme of the skin, and works with any pane. The color will bring attention to your content and bring some color in to break up the clean white background.