Stadum - 大学教育 HTML 模板 preview 1

Stadum - 大学教育 HTML 模板

bookmark

Stadum 是一套基于 Bootstrap 5 的高校/教育机构静态 HTML 模板，包含首页、院系、课程、博客、商城、联系我们等 30+ 完整页面。适合快速搭建大学、在线教育平台或培训机构的网站原型。

HTMLacademycollegecourseseducationeducation templateelearninginstructor

项目简介

Stadum 是一套基于 Bootstrap 5 的高校/教育机构静态 HTML 模板，包含首页、院系、课程、博客、商城、联系我们等 30+ 完整页面。适合快速搭建大学、在线教育平台或培训机构的网站原型。

技术栈

  • Bootstrap 5
  • jQuery
  • SASS / SCSS
  • Font Awesome 6
  • Google Fonts（Playfair Display / Plus Jakarta Sans / Urbanist）

项目结构

text
stadumhtml-10/
├── documentation/          # 模板使用文档（HTML + CSS）
├── download-version/      # 可直接使用的模板文件
│   ├── assets/
│   │   ├── css/           # 编译后的样式文件
│   │   ├── js/            # 脚本文件（含 jQuery 交互逻辑）
│   │   └── sass/          # SCSS 源码
│   ├── *.html             # 30+ 个页面模板
│   └── mail.php           # 联系表单后端脚本

核心文件说明

  • download-version/index.html — 默认首页入口
  • download-version/assets/js/main.js — 核心交互逻辑（导航、轮播、滚动等）
  • download-version/assets/css/style.css — 主样式文件（基于 SCSS 编译）
  • download-version/assets/sass/ — SCSS 源码目录，可自行定制主题色
  • download-version/mail.php — 表单提交 PHP 后端
  • documentation/index.html — 模板配置文档

快速开始

模板为纯静态，无需构建工具：

  1. 直接在浏览器中打开 download-version/index.html 预览完整效果
  2. 或使用任意本地服务器（如 npx serve download-version）运行
  3. 若需修改样式，进入 assets/sass/ 目录编辑 SCSS，使用 sass 命令重新编译

使用建议

  • 模板包含多套首页变体（home-admission.html、home-courses.html、home-university.html 等），可按需选择
  • 主题色通过 CSS 变量定义在 style.css 开头，便于全局替换品牌色
help_outline

常见问题