HTML Templates - Catalog

Last Modified on 03/25/2026 1:14 pm CDT

NOTE: To access the HTML Templates, please follow the steps in Getting Started with HTML Templates.

This catalog gives a look at all available HTML Templates, designed to resemble their appearance when used inside a course.

Clicking on any of the titles will take you to their corresponding instructions.

Sample Page Layouts


Course Introduction

Module Introduction

Shows the Course Introduction text block centered on the page with a background image.



Shows the module module introduction with learning objectives for the module.

Instructor Introduction

Basic Page

Shows that the Insructor Introduction template includes an image, About Me, Contact info, and weekly schedule of Office hours

Displays the layout of a basic page including an image at the top and multiple headings and subheadings.


Image Left

Image Right

Displays the layout of a basic page including an image on the left and multiple headings and subheadings.

Displays the layout of a basic page including an image on the right and multiple headings and subheadings.

Conclusion


Shows that the conclusion includes a brief summary and a list of Key Takeaways.




Dynamic Elements


Tabs

Shows tabs for organising content.

Accordions


Shows acordian sections for organising content.


Static Elements

Ordered Lists

Shows numbered a list style. Shows numbered a list style.
Shows numbered a list style. Shows numbered a list style.
Shows a list numbered as Step1, Step 2, etc .

Lead Text




Shows lead text as larger and in color.

Blockquote


Shows a blockquote as centered, bold, and in color.

Jumbotron



Shows jumbotron text as larger text within an outlined box.

Standard Callout


Shows the Callout text in larger font within a box with a blue border.

Icon Callout



Shows the Callout text in a larger font and an icon within a box with a blue border.

Announcement Callout


The callout has a bold heading titled Important Announcement and includes a megaphone icon.

Table




Panels



Videos

Images


Banners

Side Images

Side Image 1

Typography


Additional Elements

Tables



Callouts


Alternate Colors

Aquamarine

Blue

Gold

Green

Indigo

Jade

Lavender

Orange

Pink

Purple

Red

Teal

Related Articles

Was this article helpful?
Thank you for your feedback!