Educiza - 课程和教育 HTML 模板

# 项目简介 Educiza 是一套在线教育/课程网站静态模板，包含首页三个变体、课程列表、博客、购物车、团队展示等 20+ 个完整页面。使用 Bootstrap 框架构建，配有轮播图、滚动动画等交互效果，适合快速搭建教育机构或在线学习平台的营销页面。 ## 技术栈 - Bootstrap 5（响应式框架） - Static HTML/CSS - Google Fonts（Archivo、Urbanist） - Font Awesome 6（图标库） - Owl Carousel（轮播组件） - AOS（滚动动画） - PHP（仅 contact-form.php 用于处理联系表单） ## 项目结构 ``` 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 脚本（需补充） ``` ## 核心文件说明 - `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 环境） ## 快速开始 1. 直接用浏览器打开 `educiza/index.html` 即可预览所有页面 2. 如需联系表单发送邮件，需将 educiza 文件夹部署到支持 PHP 的服务器 3. 修改页面内容可直接编辑对应 HTML 文件，样式集中在 `assets/css/` 目录下调整 ## 使用建议 该模板为纯静态页面，适合用于课程介绍、招生宣传等静态站点；如需对接后台或 CMS，建议将页面拆分为模板片段或接入 Headless CMS；`contact-form.php` 默认发送至 amna.amjad@devbunch.com，使用前请替换为实际收件邮箱。