01
Departure-board home page
The next course starts, with live countdowns worked out from the visitor's date, so the board never shows a start that has passed.
Education academy
Meridian Academy
Timetable-Style Education Academy HTML Template
A timetable-style website for academies, coaching institutes and language or music schools, with a departure board of upcoming course starts.
$29
USD
Prefer a finished site? We can customise it for you.
Meridian Academy · home page
12 pages- Pages
- 12 complete pages
- Built with
- HTML5 · Tailwind CSS 3.4 · Plain JavaScript
- Fonts
- Sofia Sans and Sofia Sans Extra Condensed, self-hosted (OFL)
- Version
- 1.0.0
Page Tour
See Every Page
Full-page captures of the demo, on desktop and on a phone. Or open the live demo and click through it yourself.
Page 1 of 6 · Home · desktop · Scroll inside the preview
Meridian Academy / Home
Desktop · 1440 px
Signature Features
The details that do the selling
02
One data file runs the site
Courses, teachers, workshops and dates live in one JSON file. Edit it and every board, list and course page updates.
03
Filterable course catalogue
Filter by subject, level, format and duration, with subject counts that always match the results.
04
Course pages that answer everything
Outcomes, a curriculum accordion, a batch schedule, fees with a three-instalment option, the teacher and an enquiry form.
About Meridian Academy
Timetable-Style Education Academy HTML Template
Meridian Academy is a complete website for coaching institutes, training academies, language and music schools, tutoring centres and course creators. Its timetable design, chrome yellow and black with condensed display type and a departure board of upcoming course starts, puts what visitors come for, when a course starts and what it costs, in front of them within seconds.
Courses, teachers, workshops and dates all come from one JSON data file, so editing it updates the home page board, the catalogue, every course page and the events list. Start dates are worked out in the visitor's browser, so the demo never shows a past date. The catalogue filters by subject, level, format and duration, and each course page carries a curriculum, a batch schedule, fees with an instalment option and a validated enquiry form.
12 pages included
- Home
- Courses
- Course detail ×12
- Teachers
- Teacher profile ×7
- Admissions and fees
- Workshops and events
- Student stories
- Journal
- Journal post
- Contact
- 404
Everything in Meridian Academy
- 12 page designs, with 12 course pages and 7 teacher profiles in the demo
- Departure-board home page with live countdowns to the next course starts
- One JSON data file for courses, teachers, events and dates
- Course catalogue with subject, level, format and duration filters
- Course pages with curriculum accordion, batch schedule table and fees with an instalment option
- Teacher profile pages built from the same data file
- Workshops and events list with dates, prices and detail panels
- Admissions and fees page with a full fee table, payment rules and FAQ accordion
- Enquiry and contact forms with browser validation, inline errors and announced confirmations
- Student stories, a journal index and a full journal article page
- Self-hosted fonts, inline SVG icons and lazy-loaded WebP images
- Tailwind source and build script plus compiled, minified CSS
- WCAG AA contrast, keyboard support, visible focus and reduced-motion support
- No jQuery, no libraries and no analytics or external scripts
In The Download
Ready To Edit And Upload
The demo photos are not included: the download ships neutral placeholders at the same sizes, ready for your own photography.
Every page, ready to upload
Complete HTML pages with realistic sample content, no lorem ipsum. Open the files or upload them to any static host.
Tailwind source and compiled CSS
Edit with or without a build step. Change Tailwind classes and one command rebuilds the stylesheet.
Plain, light JavaScript
No jQuery, no runtime frameworks and no analytics, tracking or external scripts.
Responsive and accessible
Layouts from 360 px phones to 1920 px screens, keyboard-friendly, with visible focus and reduced-motion support.
Forms that validate
Booking and contact forms check input in the browser and show clear error and success states. Connect any form service.
Full documentation
An HTML guide to colours, fonts, images, forms, rebuilding the CSS and deploying, plus credits and a changelog.
Done For You
Want Meridian Academy live, with your brand?
Our team can set it up for you and hand over a finished website, so you skip the editing and go straight to launch.
- Your logo, colours, copy and photos
- Booking and contact forms connected
- Domain, hosting and launch checks
- SEO basics and analytics from day one
More Templates
Other Starting Points
SUGO · Restaurant, café & wine bar
11 pages
Restaurant, café & wine bar
$29 US dollars
SUGO
A bold, poster-style website for restaurants, bistros, cafés and wine bars, with a filterable menu and table booking.
- Pages
- 11 complete pages
- Built with
- HTML5 + Tailwind CSS 3.4
Vesper · Real estate agency
11 pages
Real estate agency
$29 US dollars
Vesper
A dark, gallery-like site for estate agencies and boutique developers, with property search and saved homes driven by one data file.
- Pages
- 11 complete pages
- Built with
- HTML5 + Tailwind CSS v4
Marlowe Dental · Dental & medical clinic
13 pages
Dental & medical clinic
$29 US dollars
Marlowe Dental
A calm, daylight-toned clinic website with a live “Today at the clinic” card, appointment requests and full fee tables.
- Pages
- 13 complete pages
- Built with
- HTML5 + Tailwind CSS v3