How Can We Help?

Top of Page Modules


Overview

Top of Page modules serve as the introduction to a web page and are flexible in how they look and function.

This page includes:


Hero - Flexible

Hero - Flexible is available on all template types. The look of the module varies greatly depending on the page template that is used.

screenshots of hero - flexible options.

 

Hero - Flexible Module Components:

  • Header Components
  • Image Options
  • Header - keep copy short and concise for maximum effect (max 50 characters)
  • Sub Head (to allow for extra copy in order to extend the header concept, max 100 characters))
  • Paragraph (for an additional blurb, if needed, max 300 characters)
  • Link List (internal or external links, max 40 characters)
  • Call to Action (For example 'More About Us', max 40 characters)
  • Show Bottom Rule (option to visually separate from content below)

Hero - Full Screen

Hero - Full Screen is only available on Full Width templates. This module takes over the entire screen and can optionally display a slideshow of images behind the copy. Use this hero for special marketing or promotion pages.

Hero - Full Screen Module Components:

  • Header Components
  • Rotating Images
    • 1600x900 JPG/PNG
    • Optional color overlay (purple, gray)
    • Maximum 6 images
  • Eyebrow (max 35 characters)
  • Header - keep copy short and concise for maximum effect (max 50 characters)
  • Paragraph - note this is hidden on mobile (max 230 characters)
  • Call to Action (for example 'See All News', max 40 characters)

 

Hero - Homepage

Only available on the Homepage template, this module is similar to the Hero - Flexible but with an additional background image.

homepage example

Hero - Homepage Module Components:

  • Header Components
  • Foreground image 768x768 JPG/PNG
  • Background image 1600x900 JPG/PNG
  • Header - XL or L (max 50 characters)
  • Paragraph (for an additional blurb, if needed, max 260 characters)
  • Link List (internal or external links, max 40 characters)
  • Call to Action (For example 'More About Us', max 40 characters)