С»ÆÃ¨´«Ã½

Homepage

About this component

The С»ÆÃ¨´«Ã½ website homepage (pcc.edu) is different than all other pages on the website and includes many elements that are only found on the homepage.

The homepage content includes a photo collage, student support, and college-wide announcement spotlights, and information addressing the five things new students are interested in when researching colleges: programs, price, place, people, and purpose. The page also shows up-to-date college news, events, and links to social media, and multiple “apply” buttons for students to get started at С»ÆÃ¨´«Ã½. An alert message appears at the top of the page in case of an unexpected closure or emergency. See homepage components for details.

All off-screen sections fade in and slide upward slightly as the user scrolls down the page and the sections enter the viewport.

The homepage is divided into eight general sections:

Section 1 – intro

Each week, three new spotlights will be posted to highlight upcoming deadlines, student support services, and announcements.

Section 2 – programs

Conveys the breadth of our program options and gets students to the main programs page.

Section 3 – price

Shows that we are an affordable, quality option: same education, less money.

Section 4 – place, services, non-traditional options

Shows the map and a list of our campuses and centers.

Section 5 – student success

Shows things that are available on campus. “You belong” starts to get more woven in here.

Section 6 – non-traditional options

Shows non-traditional opportunities that reach a wide audience (niche options will not be included).

Section 7 – news, events, get involved

Shows what is happening at С»ÆÃ¨´«Ã½ and provides ways for people to get involved with С»ÆÃ¨´«Ã½ and its people.

Section 8 – take the next step

Recaps the next steps for students.

How to use for Homepage

Edit the root-level index.html file.

Example of Homepage