What are elements?
Elements are pre-made layouts that can be used across MacSites. They are built with McMaster branding in mind and have been tested to ensure seamless use across all MacSites.
![accordion example](https://macsites.mcmaster.ca/app/uploads/2019/01/accordion-4.png)
LINK
Accordions
![](https://macsites.mcmaster.ca/app/uploads/2023/04/thumb-alert.png)
LINK
Alert Banner
![](https://macsites.mcmaster.ca/app/uploads/2023/04/thumb-breadcrumbs.png)
LINK
Breadcrumbs
![](https://macsites.mcmaster.ca/app/uploads/2023/04/thumb-cta.png)
![content area example](https://macsites.mcmaster.ca/app/uploads/2019/01/content-area2.png)
LINK
Content Area
![forms example](https://macsites.mcmaster.ca/app/uploads/2019/01/forms.png)
LINK
Forms
![header and footer example](https://macsites.mcmaster.ca/app/uploads/2019/01/head-foot.png)
LINK
Header/Footer
![banners example](https://macsites.mcmaster.ca/app/uploads/2019/01/banners-1.png)
LINK
Hero Banner
![](https://macsites.mcmaster.ca/app/uploads/2023/04/thumb-intro.png)
![](https://macsites.mcmaster.ca/app/uploads/2023/04/thumb-menu.png)
![sidebar example](https://macsites.mcmaster.ca/app/uploads/2019/01/sidebar.png)
LINK
Sidebar
![tabs example](https://macsites.mcmaster.ca/app/uploads/2019/01/tabs.png)
LINK
Tabs
![cards example](https://macsites.mcmaster.ca/app/uploads/2019/01/cards-1.png)
LINK
Thumbnail Cards
![simple graphic of waterfall element layout](https://macsites.mcmaster.ca/app/uploads/2019/07/macsites-ui-e1563812096492.png)
LINK
Waterfall Block
Types of elements and where to use them
Full Site Elements
Menus (Recommended only for advanced editors)
Page Header Elements
Introduction (Default Page Template Only)
Call To Action (Default Page Template Only)
Page Body Elements (Default Page Template)
Thumbnail Cards – Dynamic Content (News, Events, People, Resources, Testimonials)
Page Carousel
Brighter World News
Page Body Elements (Landing Page Template)
Thumbnail Cards – Dynamic Content (News, Events, People, Resources, Testimonials)
Navigation Cards
Jump Menu
Brighter World News
Sidebar Elements (Default Page Template Only)
Thumbnail Cards – Dynamic Content (News, Events, People, Resources, Testimonials)