Example Landing Page
Landing Page
You are exploring a Landing Page right now. 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.
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.
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
New Service Offering
Announcing North Carolina’s New Digital Accessibility and Usability Support Service
Helping all state agencies create universal, user-friendly, and compliant digital experiences.
New Service Offering
