Example Landing Page

Content Types

Content Types are pages tailored for a specific purpose. You are exploring a Landing Page right now. Examples of other Content Types are provided in the Quick Links component on the right.

Landing Page

The Landing Page Content Type is used for the home page and top-level pages in the main menu. Landing Pages contain broad topics and general information. They are used to point visitors to specific, detailed information on lower-level pages of the website. 

Landing Pages are versatile, offering the most customization of all the Content Types. If you choose to include a Main Image, it appears behind the page title just above the breadcrumb. This Landing Page does not use a Main Image. 

Control Layout with Bands

You control the layout by adding bands. Landing Page bands offer:

  • Six different layout options; bands may contain up to four columns of content.
  • Ability to change the background color or add a background image.
  • Ability to control padding (whitespace) above and below content.
  • Ability to control the width of the band and its content. 

Components Unique to Landing Pages

Components are the various kinds of content you can insert into a Content Type. These components can only be placed on Landing Pages:

  • Carousel
  • Profile Card
  • Spotlight

Carousel

The Carousel component must be placed in a 1-column band on a Landing Page. It can contain one or more images with overlaid text and links to other pages. Many Web Managers use a Carousel Component at the top of a Landing Page instead of using a Main Image. The Carousel below highlights Digital Commons websites that deliver different thematic content using the same platform. 

Profile Card

The Profile Card component is used to highlight an individual, usually a leader, and often links to the Profile content type for a longer biography. This component must be placed into a band with two or more columns on a Landing Page

This band contains two columns; a 2/3 column on the left contains this Text component, and the 1/3 column on the right contains the Profile Card component. The band has a background image applied and uses large top and bottom padding.

Elena Talanker presenting

Elena Talanker

Digital Services Manager elena.talanker@nc.gov

Spotlight

The Spotlight component must be placed in a 1-column band on a Landing Page. This component is designed to spotlight press releases, events, featured blogs, and links. The Spotlight example below points visitors to a blog entry about a new Digital Accessibility and Usability service. 

The example Spotlight is placed in a 1-column band with the following settings:

  • Background image
  • Small top/bottom padding
  • Standard-Width Content, Full-Width Background
Announcements

New Service Offering

Announcements

New Service Offering