Skip to content
Northeastern University Bachelors Completion Home

Program Hero

This style of hero appears on Program Detail pages. The majority of the information contained in it populates automatically from the PIM system.

How It Works

These fields all pull directly from the PIM system:

  • College name
  • Program name
  • Degree type
  • All snapshot fields: If the PIM data for these fields does not exist, the fields are hidden in the hero.
    • Program format
    • Time commitment
    • Duration
    • Entry Term(s)
    • F1 Visa compliant
    • Plus One
    • DHS STEM eligible
    • Post-Grad Work Opportunities (OPT)
    • Accreditation

Selecting an option from the Campus Location dropdown dynamically updates snapshot fields as well as content in the body of the page. When there is only one campus location per program, this field is not a dropdown menu.

Clicking “Compare Program” reveals the Program Comparison Drawer, while selecting the heart saves the program to the Saved Programs page.

Parameters

Minimum recommended fields

  • All fields pulled from PIM

Recommended character limits

  • Description: Maximum of 220 characters

Image Aspect Ratio

  • 3:2 (Desktop and Mobile)
  • All Photos crop to the center

Template availability

  • Full-width (program page only)

A college program webpage with sections for program name, details, and curriculum. Two people are sitting at a table with laptops and drinks near a large window. The bottom section shows campus location, format, duration, and entry terms.A webpage showcasing a college program. The left panel contains details like program name, degree type, and curriculum link. The right side shows a modern, well-lit meeting area with two people seated. Below are details about campus location and program specifics.