Member Login

STYLE GUIDE

THEME COLORS

Try clicking on a theme to see the changes on the page.

THEME 1

#xxxxxx
#xxxxxx

THEME 2

#xxxxxx
#xxxxxx

THEME 3

#xxxxxx
#xxxxxx

THEME 4

#xxxxxx
#xxxxxx

THEME 5

#xxxxxx
#xxxxxx

THEME 6

#xxxxxx
#xxxxxx

Rotating Image Banner

The Rotating Image Banner widget displays several banner images that will transition every few seconds. The widget is configured by setting the banner height to 25%, 50%, 75%, or 90% of the browser height, and adding each individual banner image.  Depending on the height configuration, optional fields can be added to the image which include a title, sub title, logo, and button link based on the selected theme's primary colour. The content is a static overlay on top of the rotating image and is configured per image.

Static Image Banner

The Static Image Banner widget displays a single banner image. The widget is configured by setting the banner height to 25%, 50%, 75%, or 90% of the browser height, and adding the banner image. Depending on the height configuration, optional fields can be added to the image which include a title, sub title, logo, and button link based on the selected theme's primary colour.  The content is a static overlay on top of the image.

Video Banner

The Video Background widget is a banner that plays a video in the background. The widget is configured by adding the video source URL (from YouTube or via a direct video source) and adding optional fields that include a title, sub title, logo, and button link based on the selected theme's primary colour. The content is a static overlay on top of the background video. The video will play when the page loads, but will be muted by default to comply with Google’s web standards for Chrome. On mobile view the video will be replaced with a static image, which is added to the widget via the poster image URL.  Vimeo videos will not work due to non-compliance with Google’s standards.