Aulora is an education HTML template for universities, colleges, schools, academies and course providers, in a "library and campus" style: catalogue cards, rubber stamps, date stamps, ribbons, signposts and a timetable in bottle green, mustard and brick on cream paper. Twelve home pages, each with a completely different hero, five one-page sites and thirty inner pages, with scroll motion written in plain JavaScript. A right-to-left version of every page and a bonus UI Kit with SCSS sources are included.

Aulora is a front-end website template for presenting a school and its courses. It is not a learning management system: there are no student accounts, payments or course player. The application and booking forms are front-end demos; the contact form sends e-mail with the included PHP file.

Who is it for

• Universities, colleges and business schools
• Secondary and primary schools
• Language schools, conservatoires and art schools
• Summer schools, coding bootcamps and online course providers
• Research institutes, conferences, Open Days and private tutors

Included pages

• 12 home pages: University, Liberal arts college, Online courses, Secondary school, Language school, Conservatoire, Business school, Art & design school, Primary school, Summer school, Research institute and Coding bootcamp
• 5 one-page sites: Open Day, Single course, Summer school, Conference and Private tutor
• Study: course catalogue, course page, faculties, faculty page, timetable, short courses
• Admissions: how to apply, fees and funding, scholarships, Open Days, international students, multi-step application form
• Campus and people: campus map, library, accommodation, staff directory, staff profile, alumni, gallery
• News and more: events, event page, news, news article, research, about, contact, FAQ, privacy, accessibility and 404

Interactions and animations

• Heroes: an arched window that opens and grows to full screen, a full-screen film with chapter captions, a turning carousel of course cards, a photo slider with timed thumbnails, a typing greeting with photos in orbit, photo panels that open like piano keys, a shuffling mosaic, prints you can drag, a photo in a moving shape with doodles that draw themselves, swipe slides, contour lines that bend around the pointer and a typing terminal
• One-page heroes: a ticket that tilts with the pointer, a book whose cover opens, a fan of photos, huge moving type and a report card with stamped grades
• Course cards dealt from a catalogue drawer, rolling date-stamp numbers, a bookshelf of research centres
• Course filter and search, weekly timetable with tabs, campus map with pins, gallery lightbox, countdowns
• Words that rise in, card page transitions and a round cursor with labels

Design and settings

• Day and night themes plus an automatic mode
• 6 college colour presets: bottle green, claret, harbour, sage, damson and ochre
• Appearance settings in the card index menu: theme, colours, motion and direction
• Newsreader, Overpass and Courier Prime fonts, self-hosted
• All colours and font sizes as CSS custom properties in one place
• Reduced motion mode that removes every effect
• Right-to-left version of every page

Bonus UI Kit

• 30 examples: catalogue cards, rubber stamps, date stamps, ribbons, signposts, index card, return slip, timetable, buttons, tags, badges, form fields, chips, switch, cards, fee plans, numbers, table, timeline, quote, accordion, tabs, alerts, toast, dialog and navigation
• Plain HTML and CSS with SCSS sources; every class starts with au-, so it works next to other frameworks
• Day and night themes, 6 colour presets and three corner styles
• An overview page with code to copy

Technical

• HTML5, CSS3 and plain JavaScript, no build step, no jQuery
• Lenis 1.3.27 (MIT) for smooth scrolling; every animation is the template's own code
• Clean, indented and commented code
• Responsive WebP images with srcset and lazy loading
• Keyboard friendly, skip link and visible focus; tested with axe in both themes
• PHP contact form with a spam trap

Images

The photos and films in the live preview are for preview only and are not included in the download. The download contains placeholders with the same file names and sizes, so the layout stays the same until you add your own. Aulora University and all people, courses, prices and quotes in the demo are fictional.

Documentation

A documentation site with search is included: getting started, setup, customization, page structure, heroes and interactive blocks with copyable code, courses and events, right-to-left pages, contact form, UI Kit, troubleshooting, credits and changelog.

Changelog

Version 1.0.0 (2026-11-02)

Added

• First release: 12 home pages, 5 one-page sites and 30 inner pages, plus a demo overview page.
• Twelve different heroes: arched window, full-screen film, course carousel, photo slider, typing greeting with photos in orbit, piano-key panels, shuffling mosaic, draggable prints, photo in a moving shape, swipe slides with film, contour lines and a typing terminal.
• One-page sites for an Open Day, a single course, a summer school, a conference and a private tutor, each with its own hero and a scroll-spy menu.
• Course catalogue with faculty filter and search, weekly timetable, interactive campus map, multi-step application form (demo), fees tables, staff directory, gallery with lightbox, events, news and countdowns.
• Day and night themes, 6 college colour presets, motion switch and card page transitions.
• Right-to-left version of every page.
• PHP contact form with a spam trap.
• Bonus UI Kit: 30 component examples with SCSS sources, day and night themes and 6 colour presets.
• Documentation with search and copyable code.