项目简介link

Educavo 是一款基于 Bootstrap 的教育培训类静态 HTML 模板，提供了 15 种首页布局变体，涵盖课程、博客、活动、团队、商城等教育网站常见页面，适合快速搭建在线课程、培训机构或大学院校网站。

技术栈link

• HTML5 / CSS3
• Bootstrap 4 / Bootstrap 5
• jQuery
• Google Fonts（Rubik + Nunito）
• LESS

项目结构link

educavohtml-10/
├── RTL_Packages/               # RTL 版本（阿拉伯语等从右到左布局）
│   ├── educavo-html-bootstarp-4/
│   │   ├── style.css
│   │   ├── index.html ~ team2.html
│   │   └── mailer.php
│   └── educavo-html-bootstarp-5/
│       └── ...
├── educavo-html-bootstarp-4/   # Bootstrap 4 LTR 主包
│   ├── style.css / style.less
│   ├── index.html ~ team2.html
│   ├── mailer.php
│   └── assets/
└── educavo-html-bootstarp-5/   # Bootstrap 5 LTR 主包
    └── ...

核心文件说明link

• index.html — 默认首页入口（另有 index2~index15 共 15 种首页风格）
• style.css — 主样式表，定义了颜色系统（主色 #21a7d0、辅色 #273c66）及 39 个章节样式
• style.less — LESS 源文件，方便自定义主题变量
• mailer.php — 联系表单后端处理脚本
• course.html — 课程列表页模板
• blog.html — 博客/新闻列表页模板

快速开始link

纯静态页面，无需构建：

1. 进入 educavohtml-10/educavo-html-bootstarp-5/ 目录
2. 直接用浏览器打开 index.html 预览首页
3. 或将整个目录部署到任意 Web 服务器（Nginx/Apache）

使用建议link

模板内置了 15 种首页变体（index ~ index15），建议根据实际业务场景选择最接近的版本作为起点再进行内容替换和定制。注意 assets/ 目录下的图片和字体文件需与 HTML 保持路径一致，表单提交需配置 mailer.php 中的邮件服务。