Stadum - University Education HTML Template preview 1

Stadum - University Education HTML Template

bookmark

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 websi...

HTMLacademycollegecourseseducationeducation templateelearninginstructor

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 entry
  • download-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 colors
  • download-version/mail.php — PHP backend for form submission
  • documentation/index.html — Template configuration documentation

Quick Start

The template is purely static, no build tools required:

  1. Open download-version/index.html directly in your browser to preview the full effect
  2. Or run using any local server (e.g., npx serve download-version)
  3. To modify styles, go to the assets/sass/ directory, edit SCSS, and recompile using the sass command

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
help_outline

FAQ