Edrio - Education and Online Courses HTML Template

# 项目简介 Edrio 是一个面向教育与在线课程场景的静态 HTML 模板，包含首页设计、大学、学前教育、市场等多种风格；内置课程列表、博客、团队、定价等页面，适合快速搭建教育培训网站。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 5（响应式布局） - FontAwesome 6（图标库） - Swiper（轮播） - jQuery Nice Select / Magnific Popup / jQuery UI - Animate.css（动效） ## 项目结构 ``` edriohtml-10/Edrio-FIle/ ├── Edrio/ # 模板主体 │ ├── index.html # 首页 1（在线课程） │ ├── index-2~6.html # 其他风格首页 │ ├── course*.html # 课程相关页面 │ ├── blog*.html # 博客相关页面 │ ├── team*.html # 团队页面 │ ├── contact.html # 联系方式 │ ├── pricing.html # 定价页 │ └── assets/ # CSS、JS、图片 └── Documentation/ # 官方文档 └── index.html ``` ## 核心文件说明 - `Edrio/index.html` — 默认首页，入口文件 - `Edrio/course.html` / `course-single.html` — 课程列表与详情 - `Edrio/blog-*.html` — 博客文章页 - `Edrio/assets/css/style.css` — 主样式文件 - `Documentation/index.html` — 官方定制文档 ## 快速开始 直接在浏览器中打开 `Edrio/index.html` 即可预览全部页面。如需本地开发，可使用任意静态服务器： ```bash # Python 3 python -m http.server 8080 # Node.js (npx) npx serve . ``` ## 使用建议 模板提供了 6 种首页变体，可根据实际品牌选择对应 `index*.html` 进行二次修改；课程、博客等页面内容建议替换为真实数据后再上线。