Click a button below to view examples of the corresponding Content Section. This page is created using the Card Set: Content Content Section.

Accordion

Creates "drawers" of content. 

Good for: Q&A, FAQ, and collapsing large amounts of content.

Business Card

Display contact and location information for a person or org unit.

Good for: Contact pages or related information.

Buttons

Styled links to other pages.

Good for: Emphasizing links.

Call to Action: Default

Emphasized boxes for text and links.

Good for: Calls to action (sign up, donate, etc.) or important messages.

Call to Action: Image

Emphasized boxes for text and links alongside an image.

Good for: Adding visual interest to a CTA.

Call to Action: Text over Image

Emphasized boxes for text and links overtop an image.

Good for: Adding visual interest to a CTA.

Card Set: Content

Displays content in a card grid with or without images or buttons. Used to create this page.

Good for: Introducing multiple sections of a website.

Card Set: Statistics

Displays statistics (in a slider if enough are provided).

Good for: Presenting data in an easy-to-consume way.

Documents: Public

Used to upload one or more documents in a list.

Good for: Policies or forms.

Documents: Secured

Used to upload one or more documents in a list which require a Lehigh login to view.

Good for: Non-public materials and secret recipes.

Embed: Content Teaser

Previews other content on the website with a summary and image.

Good for: Creating preview-style "links" like you get when you share content on social media.

Embed: Video

Place a YouTube or Vimeo video on a page.

Good for: Easily adding a video embed with an option to provide a transcript.

Feed: Events

Displays Events pulled in from the University Events Calendar or created within the site.

Good for: Displaying categorized events related to the current page.

Feed: News

Displays News pulled in from the University News or created within the site.

Good for: Displaying categorized news related to the current page.

Feed: Tagged Content (Teaser)

Heading

Inserts a heading.

Good for: Adding headings between other Content Sections. Accessibility considerations.

Hero: 50-50

A hero section allowing for text in one half and an image in the other half.

Good for: Intros at tops of Landing Pages

Hero: Full

A hero section allowing for a full-width image with text overtop.

Good for: A decorative intro on the top of a Landing Page.

Image: Gallery

Image: Large

Image: Slider

Layout: Two Column

People: Inline Content

People: Listing (by type)

People: Listing (existing content)

Quote

Text: Freeform

Text: Freeform with Image

Text: List