Campora – School & Education SaaS HTML Template (20 Pages, 3 School Templates, Admissions, Admin, Dark Mode)

Campora – a complete front end for a school website platform

Campora is a modern School & Education SaaS HTML template: a SaaS landing page with pricing and sign-up, a full school website in three styles, a multi-step online admission form, a school admin panel and a super admin dashboard. Plain HTML5, one CSS file and one small vanilla JavaScript file – light theme by default with a full dark mode.

Preview (screenshots of every page): https://demo.anowhosting.com/html/campora/ – every page in light, dark, laptop and phone view.

Platform pages

A bold landing page with a live template preview, how it works, templates, features, plans with a Monthly / Yearly toggle, reviews and FAQ – plus a pricing page with a comparison table and a school sign-up form.

Three school templates

Horizon (bold modern), Heritage (classic serif with arched photos) and Bright (playful, for elementary schools) share one stylesheet and switch with one attribute.

Light + full dark mode

Every page has a light and a dark theme. The choice is remembered per browser and applied before the page paints, so there is no flash.

Every page a school needs

About, academics with tabs and a fees table, news and article, events with calendar, gallery with lightbox, staff directory and contact.

Online admissions

A five-step admission form with stepper, documents and fee step, and an application status page with a timeline – front-end forms ready for your backend.

School admin

Dashboard with KPIs, counters and sparklines, a website editor with section switches, template and colour presets, and an admissions inbox with a review panel.

Super admin

Schools, revenue for 12 months, schools by plan, gateway totals and periods ending soon.

Clean on every screen

Checked from 360 px phones to 1920 px screens in both themes, with a burger drawer, a "More" menu and an off-canvas admin menu.

Pages included

• Platform: SaaS landing page, pricing (Monthly / Yearly toggle, comparison table), school sign-up
• School website: home page in 3 styles (Horizon, Heritage, Bright), About, Academics, News, News article, Events, Gallery, Staff directory, Contact
• Admissions: multi-step admission form, application status
• School admin: dashboard, website editor, admissions inbox
• Super admin: platform dashboard
• Extra: page list start page and offline page

What you get

• The template folder: 20 pages, page list, offline page, assets (CSS, JS, fonts, icons), placeholder images
• Documentation (documentation/index.html)
• Licences for the icons and fonts

The preview shows free Pexels photos; the download uses neutral placeholder images with the same names and sizes, and the documentation lists every preview photo with its free download page.

Need it working? See the Campora SaaS script – the full application built on this design.

Support and updates

Support covers questions about the template files and bugs in the item. Custom development is not included.

• Any web hosting or static hosting – no PHP, database or Node needed
• A code editor to change the HTML and CSS
• Latest Chrome, Edge, Firefox or Safari (desktop and mobile)
• HTTPS for the installable web app (service worker) demo

Use the template

1. Unzip the package and open campora-html/index.html – it lists every page.
2. Change colours and fonts in assets/css/campora.css (section 2 "Tokens").
3. Replace the placeholder images in images/ with your own photos under the same names.
4. Connect the forms to your backend (see the documentation).
5. Upload the contents of campora-html/ to your hosting.

Full guide: documentation/index.html.

1.0.0 – November 2026

• Initial release