Lessonring

About this template

Lessonring is a website template for online courses, cohort programmes and workshops. The demo is a course in creative coding, so every image on the site is drawn live by code from the course.

The home page opens on a ring of six module tiles orbiting your course promise. Each tile shows what its module teaches, rendered live. Scrolling turns the ring one module at a time and then dives into the active module full screen; click any tile to jump straight in. Every tile has a progress bar, and a chip under the headline resumes the student's next lesson.

Further down, the Lab is a lesson that runs on the page: drag any highlighted number in the code and the drawing redraws.

Pages

Home: 12 sections, including the Lab, a pinned sideways gallery, a progress dashboard and pricing

Module and Lesson pages (CMS) with a custom lesson player, chapters and Mark complete

Instructors, Student work (CMS), Pricing, FAQ, Enrol with a form, and a 404 drawn by broken code

Included: Modules, Lessons, Student work and FAQ CMS collections, a full-screen index menu with a cohort countdown, native page transitions, reduced-motion support, and desktop, tablet and phone layouts.

Buying: after checkout you get the remix link instantly, on screen and by email.