Eclipse

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Eclipse is an e-learning website template for online course providers, schools and training centres, built on Bootstrap 5 with a bold violet gradient design. The layout is responsive and works in all popular browsers. It comes with eight pages: home, about, courses, course details, blog, blog post, contacts and a page of UI elements.

The home page has a hero with an illustration, highlight icons, a popular-courses slider, a trainer video, a features grid, a testimonial slider, a course sign-up form and blog cards. The inner pages add a course catalogue, a course page with reviews and an enrolment sidebar, a blog with comments and a contact page with a click-to-load map and a working contact form.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.3 and jQuery), compiled from Sass together with the theme, and plain JavaScript with no jQuery; Swiper 14.3.0 runs the sliders and PhotoSwipe the gallery.
• Lighter pages: the eight pages transfer 5.9 MB instead of 12.7 MB, in 235 requests instead of 367, using AVIF images with fallbacks.
• No third-party requests on load: Roboto and Playfair Display are self-hosted, icons are Lucide SVGs, and the OpenStreetMap map loads only when a visitor asks for it.
• Accessibility: a skip link, one h1 per page, labelled form fields, a visible keyboard focus ring and text contrast that meets WCAG AA.
• Working forms: the contact, course sign-up, comment and newsletter forms send through the included PHP handlers, with a spam trap and success and error messages.
• New photos and illustration (credits in the README), fictional demo content, a documentation page and a changelog.