Skip to content
L-043Layout

Course Cards with Ratings

Scholarly-modern course catalogue section for academies, LMS and creator schools: a split header (pulsing eyebrow, serif headline with italic accent, lede and pill "Browse all courses" link) above an optional topic filte…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

The system behind it

One pattern, your whole brand.

Course Cards with Ratings reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.

Type
Layout
Category
Content
Responsive
Desktop to phone
Works with
Etch, ACSS, plain CSS

Component props 1

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Course Card3 in this pattern · 21 props
PropTypeDefault
title
text

Full-Stack Web Development Bootcamp

url
text

/courses/full-stack-web-development/

image
text

https://images.unsplash.com/photo-1587620962725-abab7fe55159?w=900&q=…

imageAlt
text

Laptop on a desk showing a code editor with colourful syntax highligh…

category
text

Development

level
text

Beginner

showBadge
true / false

True

badge
text

Bestseller

badgeTone
text

Warm

rating
text

4.9

reviewCount
text

18,240

showSkills
true / false

True

instructor
text

Dr. Lena Hartwell

instructorRole
text

Senior engineer & educator

avatar
text

https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=160&h=…

avatarAlt
text

empty

duration
text

65 hours

lessons
text

312 lessons

price
text

$89.99

showOriginalPrice
true / false

True

originalPrice
text

$199.99

Included in Pro From €39 a year, with all 469 patterns.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.etchedy.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan