Due to current events, we have postponed our in-person training sessions. Instead, we are offering online resources and training until further notice.
Skip to McMaster Navigation Skip to Site Navigation Skip to main content
McMaster Logo McMaster logo

Elements

Flexible page elements to help you create beautiful and engaging content.

Information Box Group

accordion example

Accordions Learn More

The accordion is a graphical control element comprising a vertically stacked list of items which can be expanded into a panel.

banners example

Banners Learn More

banner is a rectangular advertisement on your page that can be linked to other pieces of content. Banners can feature images, video, or just plain text.

cards example

Cards Learn More

card is a flexible and extensible content container. It includes options for images, icons and different sizes. Cards can also be linked to other pieces of content.

content area example

Content Areas Learn More

Content areas are an easy and flexible way to support up to two columns of text, responsive video or responsive image content.

forms example

Forms Learn More

A web form allows users to submit information to your site or email. Users fill out the forms using checkboxes, radio buttons, text fields and more.

header and footer example

Header & Footer Learn More

The Brighter World header & footer appears on every page of your website and provides users with a consistent experience across multiple McMaster websites.

navigation menus example

Navigation Menus Learn More

A navigational menu is a collection or list of links intended to aid visitors in accessing information throughout your website.

sidebar example

Sidebars Learn More

The sidebar represents a section of the page that consists of content that is tangentially related to the main content of that page.

tabs example

Tabs Learn More

Tabs allow multiple pages of content to be contained within a single page. Tabs can support regular pages or dynamic content such as news, events and people.

simple graphic of waterfall element layout

Waterfall Learn More

A waterfall layout is a visually appealing way to organize content with a full view and alternating content alignment. It may only be enabled on a Landing Page.