Coursely - Online Course Landing Page Template

A friendly landing page for a course or cohort: video-player hero with an email capture, animated counters, learning outcomes, a curriculum accordion with expand-all, instructor, pricing tiers, testimonials and a signup form. Plain HTML, CSS and JavaScript: unzip, edit and upload.

What's inside

• Sticky header with page progress bar
• Hero with player mock and email form
• Animated counters
• Six learning outcomes
• Curriculum accordion with "Expand all"
• Instructor profile with SVG portrait
• Three pricing tiers
• Testimonials
• Signup form and footer
• README with customization, form wiring and deploy guides; LICENSE.txt

Features

• Curriculum accordion with expand/collapse all
• Hero email capture and full signup form markup
• Animated counters and reading progress bar
• Three pricing tiers
• Instructor section with SVG portrait
• Light and dark mode
• Responsive from 360px to wide desktop, no horizontal scroll
• Scroll-reveal, hover and press states, smooth anchor scroll, sticky header; all motion respects reduced-motion settings
• Accessible: landmarks, one h1, labelled form fields, visible focus, keyboard-usable controls
• Colors, fonts and radius are CSS variables at the top of the stylesheet
• No frameworks, no CDN, no tracking, no third-party requests; works by opening index.html

Requirements

• Any web host. No build tools, no Node, no database.
• Forms are markup only (action="#"). The README explains how to connect Formspree, Netlify Forms or your own backend.

Good to know

• All brand names, people, quotes and numbers are fictional demo content (Craftline (fictional design course)). Replace them before publishing.
• There are no photos. Artwork is SVG drawn for the template.
• Supports current Chrome, Edge, Firefox and Safari.

License

Unlimited end projects (personal and client sites you build). No resale or redistribution of the template itself. Full text in LICENSE.txt.

After payment you download coursely-course.zip right away.