Skip to main content

Custom landing page - card grid layout

This is a templated, manually-created (custom) landing page, displayed in a card grid layout. A templated landing page shows hyperlinks to different pages.

In custom landing pages, the button links can be set to link to any page. The card grid layout can be customized to include an icon, heading, description, button, background colour, and sliding animation.

Each row can contain up to 5 "cards" (columns) - each will be evenly spaced across the page. On smaller screen sizes, the cards will automatically resize to fit in the available space.

Regular content, such as a heading, can be placed in between rows to act as a separator. 

View examples of available icons

Sample site

A sample site with examples of page layout options and page components

See examples

Page types

Learn about the difference between a templated landing/index page and a content/regular page

Learn more

Accordion page layout

View an example of an accordion page layout

View accordions

Example components

See examples

Faculty profile page

Learn more


A heading


University of Ontario Institute of Technology logo