webdevpuneet.com

School Website Template

A warm, clear site that answers what parents ask first: who you are, how pupils do, what they learn each day, who teaches them, how admissions and the school day work, and where to find you. Built for primary schools, academies and nurseries.

One page keeps everything on a single scrolling page. The 4-page website opens all its pages in the editor: Home, Admissions, Visit, Privacy.

Full page preview · scroll to see it all
The complete School Website template: Simple Sticky Navbar, Image Background Hero, Animated Stats Counters, Icon Grid Features, Horizontal Timeline, Filterable Image Gallery, Class Timetable, Team Grid, FAQ Grid, Contact With Map, Multi-Column Footer, Back to Top Button, Accessibility Toolbar Widget

School Website Template — Free, Editable, Export HTML

Education · One page or 4 pages · 13 sections · Lora + DM Sans · Responsive · GSAP animation

Updated October 20, 2026

Extend with AI

Take This Template Further With AI

The AI prompt for this one is for Patreon supporters ($3 a month), along with a site with no ads. Supporters enter the passcode once and it is remembered in this browser.

· Become a supporter

Multi-page version

Pages in the 4-Page School Website Template

Home (index.html): 9 sections, the home page
Admissions (admissions.html): 2 sections
Visit (visit.html): 2 sections
Privacy (privacy.html): 1 sections

What's included

Sections in the School Website Template

Simple Sticky Navbar: A clean, responsive site header: logo on the left, navigation links, a log-in link and a call-to-action button
Image Background Hero: A full-width hero with your photo as the background, a dark gradient overlay that keeps text readable, a small label, a large white headline, supporting text, two buttons and an optional row of three stats along the bottom
Animated Stats Counters: A row of key numbers that count up from zero as the section scrolls into view, under a centred heading
Icon Grid Features: The classic features section: an eyebrow, a centred heading and intro, then a responsive grid of cards, each with an icon, a short title, a sentence of detail and an optional link
Horizontal Timeline: A horizontal timeline for company history, roadmaps and project milestones
Filterable Image Gallery: A responsive photo gallery: a heading, optional filter buttons built from each photo’s tag, and a grid of uniform thumbnails that zoom gently on hover with a caption sliding up
Class Timetable: A weekly schedule for classes, sessions or events
Team Grid: A “meet the team” grid: a centred heading, then cards with each person’s photo, name, role and a one-line bio
FAQ Grid: Questions and answers laid out openly in a two-column grid, with no clicking needed: each card has a small question icon, the question in bold and the answer below
Contact With Map: A location-focused contact section: a large embedded map (OpenStreetMap by default, or paste a Google Maps embed link) beside a heading and a list of offices, each with the city, address, phone and email
Multi-Column Footer: The classic website footer: your logo, a one-line description and social icons on the left, up to five columns of links on the right, and a bottom bar with the copyright, legal links and a back-to-top button that scrolls smoothly with GSAP
Back to Top Button: A floating scroll-to-top button that appears after the visitor has scrolled down a distance you choose and glides back to the top of the page when clicked
Accessibility Toolbar Widget: A floating accessibility button that opens a panel of display options visitors can switch on for themselves: bigger text, line height, text alignment, a readable font, contrast, grayscale, hide images, pause animations, highlight links and a reading mask

Checklist

What a school Website Needs

Admission year and a book-a-visit button in the hero
Class sizes, results or inspection ratings, with dates
A typical week or day in the school
Staff with a photo and a line on their role
Term dates, open days and contact details for the office

About this template

A Free School Website Template You Can Edit Online

A warm, clear site that answers what parents ask first: who you are, how pupils do, what they learn each day, who teaches them, how admissions and the school day work, and where to find you. Built for primary schools, academies and nurseries.

Use it as one scrolling page, or as a 4-page website (Home, Admissions, Visit, Privacy) sharing one navbar, footer and theme. The one-page version is built from 13 sections of the Website Section Templates library and opens in the free Website Builder, where you can change every word and image, swap sections, set your own colours and fonts and export the finished site as clean HTML pages. The page is responsive, accessible and animated with GSAP, with content that stays visible without JavaScript.

The template ships with a Lora and DM Sans font pairing and a colour theme suited to school websites; switch to any Google Font, upload your own, or apply your brand kit in one click.

Extras included

Extras Built Into the School Website Template

Beyond the standard sections, the School Website template includes 3 extras that you can edit, move or remove in the builder.

Horizontal Timeline: a pinned horizontal timeline of the school year, from welcome week to the summer fair.

Back to Top Button: a floating back to top button that appears after the visitor scrolls, so a long page is easy to leave and return.

Accessibility Toolbar Widget: a floating accessibility toolbar where visitors can enlarge text, raise contrast, hide images and pause animations.

Each extra has its own page in the free Website Section Templates library, where you can try its settings on their own before you use it here.

Make it yours

How to Get the Most From the School Website Template

Parents choose a school on a mix of numbers and feeling, so this template shows both. It opens with admissions dates and a book-a-visit button, backs the school's character with a few numbers, describes what pupils learn, shows what a school week looks like in a timetable, introduces the staff, answers the questions parents ask most and shows the school on a map with the dates of open tours. The multi-page version adds Admissions and Visit pages.

Lead with the admissions year and a clear route to a visit, use only numbers you can support, such as class sizes, and photograph real classrooms and outdoor spaces. Put term dates, school hours and tour times in the timetable and map sections, and link the call-to-action to your booking form or office phone number. Add your inspection rating in the numbers section if you have one, with its date. A filterable gallery shows classrooms, outdoor learning and school events, so parents can picture their child there.

Who it’s for

Best For

★
Primary and secondary schools
A ready-made starting point for primary and secondary schools, with real copy you can adapt in minutes.
◆
Nurseries and kindergartens
A ready-made starting point for nurseries and kindergartens, with real copy you can adapt in minutes.
●
Tutoring centres and academies
A ready-made starting point for tutoring centres and academies, with real copy you can adapt in minutes.

Step by step

How to Use This Template

  1. 1
    Open the templateClick “Use as one page” or “Use as 4-page website” to load it in the Website Builder. Your current website is kept in Saved.
  2. 2
    Make it yoursClick any section to change its text, images and links; upload your logo and photos.
  3. 3
    Set your brandPick colours and fonts in the Theme tab, or apply your saved brand kit.
  4. 4
    Adjust the pageAdd sections from the library, drag to reorder, duplicate or remove what you don’t need.
  5. 5
    Export and publishDownload the ZIP (one HTML file per page for the multi-page version) and upload it to Netlify, Vercel or any host.

Got questions?

Frequently Asked Questions

Admissions dates and how to apply, a view of the school day, the curriculum, the staff, term dates and a way to book a visit. Clear contact details and an FAQ reduce calls to the office.

Yes. The timetable section lists days, times, lessons and teachers, and you can edit it for a class or a typical week. For term dates, use a list in the FAQ or a dedicated page.

Yes. Change the wording, photos and numbers. It works for nurseries, primary and secondary schools, colleges and tutoring centres.

Name the school and the town in the headings, show the address and phone number in the footer and map section, and keep admissions dates current. The FAQ section is marked up for search engines.

Yes. The School Website template is free for personal and commercial use, with no sign-up, no watermark and no attribution required.

Click “Use this template” to open it in the free Website Builder. Click any section to change its text, images and links, change colours and fonts for the whole page in the Theme tab, and add, remove or drag sections to reorder them.

Both. Use it as one scrolling page, or as a 4-page website (Home, Admissions, Visit, Privacy) that opens with every page in the editor. The pages share one navbar, footer and theme, and the menu links to every page automatically. Add more pages (About, Pricing, Contact, Blog and others) or remove any you don’t need in the builder’s Pages tab.

Yes. As one page you get a ZIP with index.html and an assets folder. As a 4-page website you get one HTML file per page (index.html, admissions.html, visit.html, privacy.html), a shared styles.css and script.js, and an assets folder with your images, then upload it to any web host. Links between pages also work when you open the files from your computer.