Project Overview
Stadum is a set of static HTML templates for universities/educational institutions based on Bootstrap 5, including 30+ complete pages such as homepage, departments, courses, blog, shop, and contact us. Suitable for quickly building website prototypes for universities, online education platforms, or training institutions.
Tech Stack
- Bootstrap 5
- jQuery
- SASS / SCSS
- Font Awesome 6
- Google Fonts (Playfair Display / Plus Jakarta Sans / Urbanist)
Project Structure
text
stadumhtml-10/
├── documentation/ # Template usage documentation (HTML + CSS)
├── download-version/ # Ready-to-use template files
│ ├── assets/
│ │ ├── css/ # Compiled stylesheets
│ │ ├── js/ # Script files (including jQuery interaction logic)
│ │ └── sass/ # SCSS source code
│ ├── *.html # 30+ page templates
│ └── mail.php # Contact form backend script
Core File Description
download-version/index.html— Default homepage entrydownload-version/assets/js/main.js— Core interaction logic (navigation, carousel, scrolling, etc.)download-version/assets/css/style.css— Main stylesheet (compiled from SCSS)download-version/assets/sass/— SCSS source directory, customizable theme colorsdownload-version/mail.php— PHP backend for form submissiondocumentation/index.html— Template configuration documentation
Quick Start
The template is purely static, no build tools required:
- Open
download-version/index.htmldirectly in your browser to preview the full effect - Or run using any local server (e.g.,
npx serve download-version) - To modify styles, go to the
assets/sass/directory, edit SCSS, and recompile using thesasscommand
Usage Suggestions
- The template includes multiple homepage variants (
home-admission.html,home-courses.html,home-university.html, etc.), choose as needed - Theme colors are defined via CSS variables at the beginning of
style.css, making it easy to globally replace brand colors
