Course List

A course list contains a repeating group of courses. To begin, wrap this module in a <section class="course-list">. Then use <article class="course-item"> to group intividual courses together.

A .course-item has the following primary child elements.

  • .thumbnail - Optional, Requires a thumbnail that is 70px wide
  • .title - A short title that is linkable to the detail page
  • .datetime - Date and time the course is offered
  • .description - A short summary or teaser for the event
  • .location - Address where course is offered


Source Code:

NOTE: This module makes use of a datetime property set in the ISO 8601 format. Be sure to set the time correctly.