HTML Templates - Catalog

Last Modified on 03/26/2026 1:54 pm CDT

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


 Shows the table layout.

Panels



 Shows the Panels layout with 2 panels..
Shows the Panels layout with 3 panels..

Videos

 Shows the Video layout.

Images
Shows image and text layout with image on the left.
Shows image and text layout with image on the right.
Shows image with caption layout.

Banners

 Shows banner images 1-4. Shows 4 more banner options.
Shows 4 more banner options. Shows 4 more banner options.

Side Images

 Side Image 1 Side image 2

Typography

 Shows typography for a sample theme.


Additional Elements

Tables


Callouts

 Shows Callout layout 1.
Shows Callout layout 2.
Shows Callout layout 3.


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!