Academy — Free University / College Website Template
Academy is a free, one-page Bootstrap 5 template for universities and colleges, covering faculties, admissions, notable faculty, campus life and news. Its standout is a stately "Heritage Quad" editorial identity — collegiate navy, garnet and antique brass in Fraunces and Libre Franklin — so it reads as an established institution rather than a generic SaaS landing page, with every interaction written in vanilla JavaScript and zero jQuery.
Key features
- Collegiate editorial design in navy, garnet and antique brass
- Two-column hero with motto badge and four-item credential ribbon
- Faculties grid: six schools, inline-SVG icons, program counts
- Dark stats band with four count-up figures animated on scroll
- Four-step admissions timeline with a deadline callout
- Asymmetric six-image campus-life gallery with hover captions
- Notable-faculty profiles plus events list and news grid
- Validating admissions-updates form in a four-column footer
- Every icon is inline SVG; zero jQuery, no build step
Best for
- Universities and colleges
- Individual faculties or academic departments
- Research institutes and centers
- Client builds for higher-education clients
- Admissions or prospectus landing pages
At a glance
- Framework: Bootstrap 5
- License: Free for personal and commercial use
- Pages: 1
- Responsive: Yes
- Style: Collegiate editorial — navy, garnet and antique brass, Fraunces display
How to use it
Download the ZIP, unzip it, and open index.html — no build step, nothing to install. Edit the text and images, point any forms at your backend or a form service, and deploy the folder to any static host. Colours and fonts live in css/style.css; the interactions are in js/main.js.
Frequently asked questions
Is Academy really free to use?
Yes. Academy is free for both personal and commercial projects — a university, college, faculty, department or research-institute site, or a paid client build. No attribution is required, though a link back to uiCookies is always appreciated.
Does it need a build step, jQuery or a framework?
No. It is static HTML, one CSS file and one vanilla-JavaScript file, with a self-hosted copy of Bootstrap 5 for the reset and utilities. Open index.html in any browser and it runs — there is nothing to compile or install, and no jQuery anywhere.
Can I edit it without knowing how to code?
Mostly, yes. The text, links and images are plain HTML you can change in any editor, and each program, profile, event and news story is a self-contained block you can copy or remove. Restyling beyond text edits does mean touching the CSS, but no tooling is required.
How do I change the colours and fonts?
The palette and typography are defined as CSS custom properties near the top of the stylesheet, so you can retune the navy, garnet and brass or the Fraunces and Libre Franklin fonts in one place. Update those variables and the change flows through the whole page. The fonts load from a single Google Fonts stylesheet you can swap for a self-hosted copy.
Is it responsive and mobile-friendly?
Yes. The layout is built on Bootstrap 5's responsive grid and adapts from large desktop screens down to phones, including the hero, faculties grid, campus-life gallery and footer. The gallery also supports keyboard focus for accessible browsing.
Will it deploy on a strict-CSP host?
Yes. Every icon is inline SVG, so there is no icon-font dependency to be blocked, and scripts and styles are self-hosted with relative paths. The only external request is the Google Fonts stylesheet, which you can replace with a self-hosted copy in one line.
Do the forms and Apply buttons actually work?
The markup and validation are done, but Academy is a static front-end with no backend. The footer subscribe form and hero Apply CTAs are front-end only — point their handlers at your own admissions CRM or email service and they are production-ready. There is no payment or application processing built in.
Can I connect it to a CMS or real program data?
Yes. Because each program, faculty profile, event and story is a plain HTML block, you can generate them from any CMS or database — WordPress, a headless CMS, or a static-site generator. The count-up stats and CollegeOrUniversity JSON-LD are just markup you edit to match your own numbers.
