Working examples

This is not a Government of Canada website

The purpose of this website is to provide a working example of the WET-BOEW-Moodle theme created by TNG Consulting Inc. together with the Government of Canada. Demo courses are only available in English however multi-language courses are supported.

Colour

Style guide information

Muted

Use to make text appear gray (muted) in colour.

Appearance

This text is styled with .text-muted.

Coloured icon:

Primary colour

Use to style primary information. The options include medium blue text, an icon of a blue drip, or white text with a medium blue background.

Appearance

This text is styled with .text-primary.

Coloured icon: 

This text is styled with .bg-primary.

Success colour

Use to style success information. This style includes options for green text, an icon of a green check mark, or default text with a pale green background.

Appearance

This text is styled with .text-success.

Coloured icon: 

This text is styled with .bg-success.

Info colour

Use to style fairly important information. This style includes options for blue text, an icon of a blue "i", or default text with a pale blue background.

Appearance

This text is styled with .text-info.

Coloured icon: 

This text is styled with .bg-info.

Warning colour

Use to style warning information. This style includes options for brown text, an icon of a brown exclamation mark in a triangle, or default text with a pale golden-brown background.

Appearance

This text is styled with .text-warning.

Coloured icon: 

This text is styled with .bg-warning.

Danger colour

Use to style very important information. This style includes options for red text, an icon of a red exclamation mark in a circle, or default text with a pale red background.

Appearance

This text is styled with .text-danger.

Coloured icon: 

This text is styled with .bg-danger.

Last modified: Tuesday, 10 December 2019, 2:10 PM
Date modified: