Skip to main content

Featured List (With Media)

The Featured List component provides a visually appealing way to break up long-form text into smaller pieces that are easier to read and understand. This version, designed primarily for program pages, includes a relevant video or photo with a caption on top.

Parameters

Minimum Recommended Fields

  • Image or Video
  • Caption
  • Headline
  • List Items (minimum of 3), each of which consists of:
    • List Item Headline
    • List Item Description

Recommended Character Limits

  • Caption: Maximum of 175 characters
  • Headline: Maximum of 35 characters
  • Description: Maximum of 400 characters
  • List Item Headline: Maximum of 30 characters
  • List Item Description: Maximum of 500 characters

Text Formatting Allowed

  • Caption: Unformatted text, allows line breaks
  • Headline: Unformatted text
  • Description: Unformatted text, allows line breaks
  • List Item Headline: Unformatted text
  • List Item Description: Allows ordered and unordered lists, bold, italics, and links

Where You Can Use It

The Featured List (With Media) component can only be used on full-width pages such as SHSU.edu program pages and select landing pages, as well as all pages on the Sam Houston Memorial Museum & Presidential Library site and the SHSU Physicians site.

Use Cases

This component is intended for the “Why This Program at SHSU” section of program pages, a place to list out differentiators of the program. In most other cases where you might want to include a featured list, consider using the Featured List (Standard) component instead.

Caption 175 characters maximum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet.

Featured List Headline

Optional description 400 characters maximum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur.
You can include multiple paragraphs ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum.
    • Text formatting such as bullets and numbering supported.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

Caption 175 characters maximum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet.

Featured List Headline

Optional description 400 characters maximum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur.
You can include multiple paragraphs ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum.
    • Text formatting such as bullets and numbering supported.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.

  • List Item Headline

    List item description 500 characters maximum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur.