项目简介link

Edrio 是一个面向教育与在线课程场景的静态 HTML 模板，包含首页设计、大学、学前教育、市场等多种风格；内置课程列表、博客、团队、定价等页面，适合快速搭建教育培训网站。

技术栈link

• HTML5 + CSS3（静态页面）
• Bootstrap 5（响应式布局）
• FontAwesome 6（图标库）
• Swiper（轮播）
• jQuery Nice Select / Magnific Popup / jQuery UI
• Animate.css（动效）

项目结构link

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

核心文件说明link

• Edrio/index.html — 默认首页，入口文件
• Edrio/course.html / course-single.html — 课程列表与详情
• Edrio/blog-*.html — 博客文章页
• Edrio/assets/css/style.css — 主样式文件
• Documentation/index.html — 官方定制文档

快速开始link

直接在浏览器中打开 Edrio/index.html 即可预览全部页面。如需本地开发，可使用任意静态服务器：

# Python 3
python -m http.server 8080

# Node.js (npx)
npx serve .

使用建议link

模板提供了 6 种首页变体，可根据实际品牌选择对应 index*.html 进行二次修改；课程、博客等页面内容建议替换为真实数据后再上线。