Freeframe
Education10 pages · 2 downloads · Free

Lingua

A bright, friendly website for a language school with in-person and online classes.

Stack
v1.0.1 changelog
DocsLive demo Download .zip161 KB

About this template

A complete site for a language school teaching adults in small groups: courses you can filter by language, level and format, course pages with syllabus and teacher, an interactive placement test that recommends a course, a weekly timetable, teachers, clear fees and a four-step enrolment form with a live fee summary.

Features

  • Course filters by language, level and format, kept in the URL (any case, only real values)
  • Course pages from ?id= with keyboard-accessible tabs for overview, syllabus and teacher
  • Ten-question placement test that estimates a CEFR level and recommends courses, saved and validated on this device
  • Weekly timetable with filters by language, format and time of day
  • Teacher directory with language filter
  • Fees in accessible tabs (group courses, private lessons, companies)
  • Four-step enrolment form with validation, concession, course book and instalments, a live fee summary and a validated saved draft
  • Contact form with ?topic= prefill, newsletter form and FAQ
  • Back-to-top button, scroll reveals and gently bobbing greetings that respect reduced motion, and an accessible mobile menu
  • Original SVG illustrations and teacher portraits, SEO and Open Graph tags on every page

Pages included

Quick start

unzip lingua.zip && cd linguaopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build
Read the Lingua documentation →

Changelog

  1. v1.0.1

    Fixed

    • The winter term and every course start move on to the same term the next year (by whole weeks, so weekdays stay right) once the term has started while KEEP_DEMO_CURRENT is true, so the demo never offers a course that has begun; "Winter term 2027", the timetable dates and the "weeks from" lines on the course cards follow.

  2. v1.0.0

    Added

    • Ten pages for Lingua Language School, a fictional language school in Bristol: home, courses, course, placement test, teachers, timetable, fees and enrolment, about, contact and a 404 page.
    • Course filters by language, level and format, kept in the URL, with a live count and empty state.
    • Course pages from ?id= with keyboard-accessible tabs (overview, syllabus, teacher), fee, places left and related courses.
    • A ten-question placement test that estimates a CEFR level (A1 to C1) and recommends courses, with the result saved on the device and validated on every read.
    • Weekly timetable with filters by language, format and time of day; teacher directory with a language filter.
    • Prices in accessible tabs for group courses, private lessons and companies.
    • Four-step enrolment form with validation, concession rate, course book and instalments, a live fee summary and a saved draft that is repaired when it has been tampered with.
    • Contact form with ?topic= prefill, newsletter form and FAQ.
    • URL parameters read in any case and accepted only when they name the template's own courses, languages and options.
    • Back-to-top button, scroll reveals and greeting bubbles that respect reduced motion, and an accessible mobile menu.
    • Original SVG illustrations and teacher portraits, a PNG social image, and SEO and Open Graph tags on every page.
    • Full documentation in DOCS.md.

More templates