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.