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.

Images

Style guide information

Shapes

Appearance

Default:

A generic square placeholder image

Rounded:

A generic square placeholder with rounded corners

Circle:

A generic square placeholder image where only the portion within the circle circumscribed about said square is visible

Thumbnail (hyperlinked):

A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera

Responsive images

Appearance

Image is too large for the available space:

Generic placeholder image

Same image is now responsive, and fits the parent container:

Generic placeholder image

Stretching images

Appearance

Image (100x25) is too small and blurry:

Generic placeholder image

Image (200x50) is still too small for the space:

Generic placeholder image

Stretched image (100x25) is blurry:

Generic placeholder image

Stretched, clear image (200x50) fits space:

A generic square placeholder image

Thumbnail tiles

Appearance
Generic placeholder thumbnail

Title (caption)

Content

Media objects

Appearance
Default:
Generic placeholder image
Media heading

Content, image pulls left

Generic placeholder image
Media heading

Content, image pulls right

As lists:
  • Generic placeholder image
    Heading

    Content, image pulls left

  • Generic placeholder image
    Heading

    Content, image pulls left

  • Generic placeholder image
    Heading

    Content, image pulls right

  • Generic placeholder image
    Heading

    Content, image pulls right

Last modified: Thursday, 22 August 2019, 6:27 PM
Date modified: