项目简介link

Educiza 是一套在线教育/课程网站静态模板，包含首页三个变体、课程列表、博客、购物车、团队展示等 20+ 个完整页面。使用 Bootstrap 框架构建，配有轮播图、滚动动画等交互效果，适合快速搭建教育机构或在线学习平台的营销页面。

技术栈link

• Bootstrap 5（响应式框架）
• Static HTML/CSS
• Google Fonts（Archivo、Urbanist）
• Font Awesome 6（图标库）
• Owl Carousel（轮播组件）
• AOS（滚动动画）
• PHP（仅 contact-form.php 用于处理联系表单）

项目结构link

educizahtml-10/
├── Documentation/
│   └── doc.html
└── educiza/
    ├── index.html          ← 首页（主页入口）
    ├── index1.html         ← 首页变体 2
    ├── index2.html         ← 首页变体 3
    ├── about.html          ← 关于我们
    ├── course.html         ← 课程列表
    ├── blog.html           ← 博客列表
    ├── shop.html           ← 商品/商城页
    ├── team.html           ← 团队成员
    ├── contact.html        ← 联系页面
    ├── contact-form.php    ← 表单后端处理
    └── assets/
        ├── bootstrap/      ← Bootstrap CSS
        ├── css/            ← 主题样式（style.css、responsive.css 等）
        ├── images/         ← 图片资源
        └── js/             ← JS 脚本（需补充）

核心文件说明link

• educiza/index.html — 首页主入口，导航、各板块完整展示
• assets/css/style.css — 主样式文件，定义配色、字体、排版
• assets/bootstrap/bootstrap.min.css — Bootstrap 基础框架样式
• assets/css/responsive.css — 响应式适配样式
• assets/css/owl.carousel.min.css — 轮播组件样式
• contact-form.php — 联系表单提交后端逻辑（需 PHP 环境）

快速开始link

1. 直接用浏览器打开 educiza/index.html 即可预览所有页面
2. 如需联系表单发送邮件，需将 educiza 文件夹部署到支持 PHP 的服务器
3. 修改页面内容可直接编辑对应 HTML 文件，样式集中在 assets/css/ 目录下调整

使用建议link

该模板为纯静态页面，适合用于课程介绍、招生宣传等静态站点；如需对接后台或 CMS，建议将页面拆分为模板片段或接入 Headless CMS；contact-form.php 默认发送至 amna.amjad@devbunch.com，使用前请替换为实际收件邮箱。