Search Website
Component Library
Explore all available components and preview how they look. Click “Learn more” under each component for variations, best practices, and ideal use cases.
Component Library
Explore all available components and preview how they look. Click “Learn more” under each component for variations, best practices, and ideal use cases.
Component Library
Explore all available components and preview how they look. Click “Learn more” under each component for variations, best practices, and ideal use cases.
Components for Multiple Content Sections
These components help you break down complex subjects into clear, scannable segments. Ideal for organizing several topics or pieces of information on a single section.
Columns
Subheading
WYSIWYG - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Subheading
WYSIWYG - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Subheading
WYSIWYG - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Easy Columns
Cards
Featured Cards
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt.
Accordions
WYSIWYG - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
WYSIWYG - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Tabs
Tab content for Item 1
WYSIWYG - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Tab content for Item 2
WYSIWYG - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
CTA Links
Staff Listing
Name
Title
Telephone: 519-661-2111
Email: comms@schulich.uwo.ca
Office: Rm 2000, CSB
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
Research Interest/Specialization
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
Teaching
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
Name 2
Title 2
Telephone: 519-661-2111
Email: comms@schulich.uwo.ca
Office: Rm 2000, CSB
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
Research Interest/Specialization
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
Teaching
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.
Factoids
26th
This is a Factoids component
Components for a Single, High-Impact Message
Use these when you need to grab attention and drive a specific outcome. Designed to spotlight one main piece of content—like a compelling call-to-action or a key announcement.
Featured Content
The full-width component shown above is called Featured Content.
To explore its variations and best practices, check out our detailed guide on the Featured Content component.
CTA Block
Featured Highlight
Title Tag
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis interdum tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;
Components for Multimedia Engagement
Perfect for embedding videos or photo galleries. These components keep your audience engaged and bring your pages to life with dynamic, visual storytelling.
