Skip main navigation
We use cookies to give you a better experience, if that’s ok you can close this message and carry on browsing. For more info read our cookies policy.
We use cookies to give you a better experience. Carry on browsing if you're happy with this, or read our cookies policy for more information.

Pattern Library
Course Block

Course blocks are small blocks of information about specific courses that appear on All Courses and Your courses index pages. The information displayed in a course block and its visual structure varies slightly, depending on where it appears.

Course block on Courses page

On the Courses page the blocks display key information about the course, such as description, duration, hours per week required, and availability of certificates.

Course block on Courses page example

Course block on Your courses page

On Your courses page, once the course has started, the information about the course is replaced with a more specific actionable info, such as course progress/timeline, and other actions related to the course.

The layout for expired courses is as follows, with no timeline and text explaining upgrade process (the whole contents of the `media-description` is replaced with a `.enrolment__notice p` element containing advisory text), and links to upgrade or find out more.