HTML Samples

Course Intros

Introduction

Welcome to your course

Introduction

Welcome to your course

Introduction

Welcome to your course

Introduction

Welcome to your course

Introduction

Welcome to your course

Introduction

Welcome to your course

Profile

Photo of David Butler

David Butler

Activity Boxes

Streak Test

Streak test instructions go here

Quiz

Quiz instructions go here

Walkthrough

Walkthrough instructions go here

Graph

Graph instructions go here

Discussion

Graph instructions go here

List of Colours

Colour List used throughout courses

Cue Boxes

Rules & Definitions

Test goes here

Exam Cue

Test goes here

Notes

Test goes here

Examples

Test goes here

Image Flourish

We're doing all kinds of crazy stuff right now
We're doing all kinds of crazy stuff right now

2up Images

Testing this thing out with a caption and a link.

Callout Stack

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Callout Side

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Articles can be nested inside of sections and sections can be nested inside of articles. A book, for example, may be divided up into sections with related articles. Each of these articles could contain sections of related information.

Step List

Block List

Fancy Number List

  1. Gather your ingredients
  2. Pour all the ingreients into a bowl
  3. Stir and mix together
  4. Place into the over to cook
  5. Remove from the oven and eat

Download List

Link List

Boxes

Just add the "colour-border" class to the box. And specify "side" or "top" class for the thicker line

Just add the "colour-border" class to the box. And specify "side" or "top" class for the thicker line

Just add the "colour-border" class to the box. And specify "side" or "top" class for the thicker line

This one uses a gradient - so add the "colour-gradient" class to the box instead.