Skip to content
WEGMSTUDIO
Academia School website design
Business WebsitesID: WGM030

A navy-and-amber site for schools, with notices, admissions and an inquiry form.

Academia School

A navy-and-amber school site with a notice bar, hero, prospectus cards, principal's message, notice board, programmes, counters, facilities, admission steps and an inquiry form.

Starting at

₹999

Includes customisation with your content. Final price depends on changes.

What's included

  • Announcement bar for admissions open, exam dates and events
  • Hero cards for the prospectus, campus tour and student safety
  • Principal's message and a notice board with dated entries
  • Animated counters for students, faculty, ratio and acceptance
  • Admission process shown as four numbered steps
  • Inquiry form with grade selector that shows a submitted state (demo only, nothing is sent)
  • Floating WhatsApp button with a pre-filled message, plus Call Now and Apply mobile bar
  • School name, phone, email, address and social links set from one CONFIG object

Pages included

  • Home — Announcement Bar, Hero, Principal's Message, Notice Board, Academics, Counters, Facilities, Admissions, Contact & Inquiry Form, Footer
Mobile responsiveHTML5CSS3JavaScriptGoogle Fonts

Try the live website

This is the real site running — scroll, click and switch devices.

Loading live preview…

About this template

Academia School is a one-page website for a high school. A top bar announces admissions, and the hero has Apply Now buttons and three cards for the prospectus, campus tour and student safety. The page then covers a principal's message, a notice board with dated events, three academic programmes (Sciences, Commerce, Humanities), animated counters, six facilities, a four-step admission process, and a contact area with address, helpline, email and an admission inquiry form. The sample school, Oakridge International, with its principal, notices and figures, is placeholder content. The studio replaces the name, contact details, social links and WhatsApp number, which are set in one CONFIG object in script.js, and swaps the text and photos for your own. A floating WhatsApp button opens a pre-filled message, and a mobile bar offers Call Now and Apply. The inquiry form is a demo: it shows a submitted state on the button and does not send the data anywhere. A loading screen shows briefly on first load. The style is traditional and trustworthy: navy with amber accents on white and light grey, Merriweather serif headings and Inter text, from Google Fonts. The layout adapts at 1024px and 768px, with a hamburger menu on small screens. It suits private and international schools, coaching institutes, junior colleges and tuition centres.

Design highlights

  • Navy #1E3A8A with amber #F59E0B accents on white
  • Merriweather serif headings with Inter body text
  • Loading screen and sticky header
  • Three-column programme and facility cards
  • Breakpoints at 1024px and 768px with a hamburger menu

Who it's for

Private and international schools, junior colleges, coaching institutes and tuition centres that want a trustworthy page showing programmes, facilities, notices and an admissions process, with WhatsApp and phone contact.

Related templates

A calm mint-and-spruce dental studio site with hero, trust strip, services, counters, doctor search, facilities, care process, appointment form, reviews, FAQ and gallery, with bundled SVG art.

Starting at

₹999

An emerald-and-gold travel agency site with a hero and trip-search bar, category chips, trending destination cards, why-us points, a traveller story and a trip-request form.

Starting at

₹999

A deep-navy cardiology clinic site with a live heart-monitor hero, services, doctor search, 24/7 emergency band, facilities, process steps, appointment form, reviews, gallery, FAQ and hours.

Starting at

₹999