Portland Community College | Portland, Oregon Portland Community College

Homepage audience navigation

The homepage audience navigation provides links to the main areas of the website, each targeting one of our distinct audiences: credit, Community Education, CLIMB, developmental and high school, and International. Each box has link text that forms a complete sentence, making it clear who the link is for.

This navigation only appears on the homepage.

Development info

  • Stylesheet location: /source-v6/styles/applications/_home.scss

Styling

The audience navigation is 100% the width of the screen, and has a distinctive look that isn’t used elsewhere on the website.

Arrows at the bottom right corner of the boxes mirror the look of callouts that are links.

Responsive behavior

On small screens, the boxes change from a 3×2 grid to stacking on top of each other in a single column.

Desktop view

homepage audience navigation: desktop

Phone view

homepage audience navigation: phone