Learnly – Online Courses & LMS HTML Template

Learnly – Online Courses & LMS HTML Template

Learnly is an energetic, friendly HTML template for online course marketplaces, e-learning platforms, coaching academies and LMS products. Rich violet with sunny yellow and mint accents, playful sticker badges, SVG course covers and a complete student area make it feel like a real learning product from the very first click.

✨ Highlights

• Home page with course search, topic categories, filterable popular courses, instructors, animated stats, testimonials and pricing teaser
• Course catalog with working topic, level, price and rating filters, live search, sorting and grid/list views
• Course detail page with preview video modal, curriculum accordion, sticky enroll card with sale countdown and review breakdown
• Student dashboard with streak tracker, animated goal rings, continue-learning list, activity chart, schedule, leaderboard and certificates
• Lesson player with fake playback and scrubbing, curriculum sidebar with completion ticks, next/previous, working "Mark as complete" and saved notes
• Pricing with monthly/yearly switch, team seat calculator and comparison table
• Become-an-instructor page with earnings calculator and validated application form
• Light and dark mode, fully responsive, no stock photos: all artwork is CSS and inline SVG

📄 17 pages included

• Home
• Course catalog
• Course detail
• Instructor profile
• Pricing
• Become an instructor
• About
• Contact
• Student dashboard
• Lesson player
• Blog
• Blog post
• FAQ
• Log in
• Register
• 404
• Privacy & terms

💻 Built with

HTML5, CSS3 and vanilla JavaScript. No frameworks, no build step and no dependencies apart from Google Fonts (Outfit and Nunito Sans). Colours are CSS variables, so re-branding takes minutes.

📦 What you get

• All HTML, CSS and JavaScript source files
• Documentation (documentation.html)
• License file

ℹ️ Good to know

Forms, filters, the lesson player and the dashboard are front-end demos: connect them to your own backend, LMS or video host. Use the Live preview button to try every page before you buy.

Copyright © 2026 DesignVersa. Licensed for one end product per purchase. Resale or redistribution is not permitted.