Kairos Academy
Key features
Academic palette: deep navy, warm coral, and gold accents on cream bg
Lexend + Literata font pairing for approachable academic feel
Sections: hero, courses, instructors, learning paths, testimonials, pricing, FAQ
Course category browsing and featured course cards with progress indicators
Teacher profile cards with expertise badges and student ratings
Mobile-first responsive with smooth scroll animations
Description
Kairos Academy is a complete landing page for a modern online learning platform. Designed with academic elegance, the page features a deep navy (#1a2e4f) primary palette with warm coral and gold accents on a cream background. Includes hero with course categories, featured courses grid, instructor profiles, learning path timeline, student testimonials, pricing tiers, and FAQ accordion. Lexend font for approachable headings paired with Literata serif for readable body text. Light theme with warm cream surfaces. Scroll-reveal animations and responsive mobile navigation.
Technologies used
HTML
CSS
JavaScript