Skip to main content

Connect word mark

to the full power of you.

 

Branded Banner CSS tricks: edit directly in banner widget

Advanced > Mode > DetailCssClass AND ListCssClass (enter in both areas)

  • hero-gradient-cover: applies the darkened shading for the banner image
  • hero-connect-cover: applies the subtle connect symbol over the background
  • hero-below-menu: pushes the banner below the menu so that it is not transparently visible through the main navigation

Overlay text: Add content block above breadcrumb area (make sure it's the same width box as breadcrumb widget [or page intro if breadcrumb is missing].)

Advanced >  CSS Wrapper class 

  • hero-overlay: places text block over banner

Powerful subheading goes here

Really drive the point home with a branded emotional hook. Try not to exceed 8-10 words & a max of 200 characters, including spaces. Don’t use line breaks. This example is 36 words and 200 characters.

Content Block #1

Here's your text block to include welcoming, friendly informative content — about 100 words max. this example block is 95 words.

Our voice and tone are heart-driven and human. Write like you're talking to a teen and/or his/her/their parents. They're not here for an academic lecture, they're searching for the perfect college fit.

These pages are hidden from search engines, so no need to worry about writing for bots. Humans are probably on their cellie, so keep paragraphs and sentences short and sweet so the CTA isn't too far away for scrolling fingers.


Embedded Slate form

professor teaching

This is an amazing quote about that one time we did that thing.

— Test Student, '19

Content Block #2

A space to include a maximum of 200 words even more relationship-building, persuasive copy. This can be formatted as tight, bright paragraphs. Or ... 

  • You can use this space for a bullet list. 
  • This example block, including the component summary guidelines below, is 197 words.

Summary of Components & Guidelines

Current wisdom is that 500 - 700 words on a landing page is just enough content to begin developing trust — yet not so much that it induces user fatigue. 

  • page intro = aim for 8-10 words. 200 characters (w/spaces) max
  • embedded form option = max 150 words
    1. Content block #1 = max 100 words
    2. embedded form = max 50 words
  • parallax button  basic copy option combo = max 150 words
    1. content block #1 = max 100 words
    2. billboard area content = max 50 words
  •  parallax billboard w/ compelling content = max 150 words 
    • content block 1 = max 50 words 
    • billboard area content =  max 100 words
  • testimonial = max 50 words
  • content block #2 = max 200 words
  • optional callout  = 50 words max
If you max out all components in these guidelines, you'll have 560 words.
2018-students-dorothyday-callout

Optional: call out some cool stuff

 

A space to feature something for your target audience — 50 words max.

  • image/copy can be swapped out to the left or to the right
  • on mobile, image left moves above copy/right image below copy
  • grey fog stripe background is optional. 
  • post formatted text, like bullets.
  • this example is 50 words.

 

Link button is optional
Use appropriate shared callout to highlight specific facts & figures. DO NOT EDIT THE CSS OR FACTS & FIGURES CONTENT BLOCK.

#1

Best Four-Year College/University

Lehigh Valley Business

#44

Best for Vets: Colleges

Military Times

#261

Top Performer on Social Mobility

U.S. News & World Report

#280

National Universities

U.S. News & World Report

Contact Us