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.

Lists

Style guide information

Unordered lists

Appearance
  • List item 1
  • List item 2
  • List item 3

Ordered lists

Appearance
  1. List item 1
  2. List item 2
  3. List item 3

Definition lists

Appearance
Term 1
Definition of term 1
Term 2
Definition of term 2

Unstyled lists

Appearance

Unstyled list:

  • List item 1
  • List item 2
    • List item 2a
    • List item 2b
  • List item 3

Unstyled nested list:

  • List item 1
  • List item 2
    • List item 2a
    • List item 2b
  • List item 3

Alpha lists - Lower alpha

Appearance
  1. List item 1
  2. List item 2
    1. List item 2a
    2. List item 2b
  3. List item 3

Alpha lists - Upper alpha

Appearance
  1. List item 1
  2. List item 2
    1. List item 2a
    2. List item 2b
  3. List item 3

Roman numeral lists - Lower roman

Appearance
  1. List item 1
  2. List item 2
    1. List item 2a
    2. List item 2b
  3. List item 3

Roman numeral lists - Upper roman

Appearance
  1. List item 1
  2. List item 2
    1. List item 2a
    2. List item 2b
  3. List item 3

Inline lists

Appearance
  • List item 1
  • List item 2
  • List item 3

Spacing lists

Appearance

Default:

  • List item 1
  • List item 2
  • List item 3

Added spacing:

  • List item 1
  • List item 2
  • List item 3

Definition lists - Horizontal layout

Appearance
Term 1
Definition of term 1
Term 2
Definition of term 2

List columns

Appearance − Two columns
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 7
  • Item 8
Appearance − Three columns
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 7
  • Item 8
Appearance − Four columns
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 7
  • Item 8
Appearance − Multi-class

You can also multi-class the columns so they adapt to the resolution:

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 7
  • Item 8
Last modified: Monday, 26 August 2019, 10:05 AM
Date modified: