Standard Feature Area (Responsive Image)

About This Page

This page demonstrates the standard feature area at the top.  Note the following:

  • The visual is a responsive image that changes for mobile viewports.  (In desktop viewports, the image has large and small text elements embedded. In mobile viewports, a similar image without the small text displays.)
  • The page share icons and breadcrumbs are not hidden (but the section navigation menu for mobile viewports is hidden).
  • Note that the feature area is in the gray area above the page body.  Compare this approach with the placement in the page body as shown in the “winter” and summer home pages.

Return to Best Practices for Feature Area.  See other examples:  standard feature area with jumbotron and fluid feature area with responsive image.

  • List Item 1Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • List Item 2Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • List Item 3Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • List Item 1Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • List Item 2Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • List Item 3Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Page last reviewed: August 22, 2018
Content source: WCMS / Template Team