Elements Page

This page includes samples of some commonly used page elements.

You can copy one, or more, of the specific elements from this page and paste them into other pages. By combining elements, you can create new layouts for your courses.

Copying Elements

To copy any of the following elements, please select everything between "start copy" and "end copy" for the specific element, then copy and paste into the HTML Editor.

To copy Elements onto a different page please make sure the page is in 'Edit HTML' mode.

Ordered List: Large Number

Ordered List: Large Number: start copy

  1. List item
  2. List item
  3. List item
  4. List item

Ordered List: Large Number: end copy

Ordered List: Slim Number

Ordered List: Slim Number: start copy

  1. List item
  2. List item
  3. List item
  4. List item

Ordered List: Slim Number: end copy

Ordered List: Leading Zero

Ordered List: Leading Zero: start copy

  1. List item
  2. List item
  3. List item
  4. List item

Ordered List: Leading Zero: end copy

Ordered List: Alphabox

Ordered List: Alphabox: start copy

  1. List item
  2. List item
  3. List item
  4. List item

Ordered List: Alphabox: end copy

Unordered List: Checks

Unordered List: Checks: start copy

  • List item
  • List item
  • List item
  • List item

Unordered List: Checks: end copy

Lead text (.lead)

Lead text: start copy

Lead text can be used to begin a topic and would draw learner attention to a critical point, or could be an attention catching fact.

Lead text: end copy

Blockquote

Blockquote: start copy

The blockquote element represents a section that is quoted from another source.

Blockquote footer text Citation: Source title

Blockquote: end copy

Jumbotron

Jumbotron: start copy

This is a jumbotron. It can be used to call out important content that needs to stand apart from main body text on a page.

Jumbotron: end copy

Standard Callout

Standard Callout: start copy

A callout box can be used to draw attention to important information on the page.

Standard Callout: end copy

Icon Callout

Icon Callout: start copy

Callout boxes can be used to present recurring information throughout the course. To change the decorative icon, click on the icon, click the down arrow next to the plus in the toolbar, choose Attributes, and change the Class name to another Font Awesome icon name (for example, change fas fa-info-circle to fas fa-question-circle).

Icon Callout: end copy

Table

Table: start copy

Sample Table Caption
Table Head 1 Table Head 2

Row 1 Cell 1

Row 1 Cell 2

Row 2 Cell 1

Row 2 Cell 2

Row 3 Cell 1

Row 3 Cell 2

Table: end copy

Two Column Panels

Two Column Panels: start copy

Panel 1

Add panel content here.

Panel 2

Add panel content here.

Two Column Panels: end copy