项目简介
Chorbi 是一款基于 Bootstrap 的数字营销机构 HTML5 模板，适用于企业官网、IT 解决方案或商务服务类网站。模板提供首页多版本、关于、案例、服务、团队、博客、商城、联系等多种页面，附带完整文档。
技术栈
- HTML5 / CSS3（静态页面）
- Bootstrap 4
- JavaScript / jQuery 1.12.4
- Font Awesome / Themify Icons（图标）
- Owl Carousel（轮播）
- Google Fonts（Poppins、Roboto Slab）
- PHP（仅 contact.php 用于联系表单邮件发送）
项目结构
text
chorbihtml-10/
├── Template_files/
│ └── chorbi/
│ ├── index.html # 首页（主版）
│ ├── index_two.html # 首页版本二
│ ├── index_three.html # 首页深色版
│ ├── index-*.html # 其他首页变体（视差/粒子/水波/视频）
│ ├── about.html # 关于我们
│ ├── service.html # 服务列表
│ ├── single_service.html # 服务详情
│ ├── portfolio.html # 案例/作品集
│ ├── team.html # 团队成员
│ ├── blog*.html # 博客列表/详情
│ ├── shop.html # 商城
│ ├── cart.html # 购物车
│ ├── checkout.html # 结账
│ ├── contact.html # 联系页面
│ ├── contact.php # 联系表单处理（需 PHP 环境）
│ ├── login*.html # 登录/注册页
│ ├── pricing.html # 价格表
│ ├── faq.html # 常见问题
│ └── assets/ # 样式/脚本/图片/字体
└── documentation/
└── index.html # 官方模板文档
核心文件说明
Template_files/chorbi/index.html— 主页入口，含完整导航与各模块区块Template_files/chorbi/assets/css/style.css— 主样式表，包含17个章节注释方便定位修改Template_files/chorbi/contact.php— 联系表单后端处理，需服务器支持 PHP mail()Template_files/chorbi/assets/js/jquery-1.12.4.min.js— jQuery 核心库Template_files/chorbi/assets/bootstrap/— Bootstrap 框架相关资源documentation/index.html— 模板使用文档，含 HTML 结构、CSS 分类、JS 引入方式说明
快速开始
纯静态页面无需构建，直接打开即可预览：
bash
# 方法一：浏览器直接打开
open Template_files/chorbi/index.html
# 方法二：本地服务器（推荐，可正常加载资源）
cd chorbihtml-10/Template_files/chorbi
python -m http.server 8080
# 访问 http://localhost:8080
注意：若需联系表单发送邮件功能，需将
contact.php部署至支持 PHP 的 Web 服务器。
使用建议
- 正式项目请将
assets/目录中引用的 CDN 资源替换为本地文件，确保离线可用； - 模板默认使用 Google Fonts，中国大陆环境需考虑替换为本地字体或国内 CDN（如思源字体）以加快加载；
- 首页提供 7 种变体（默认、视差、粒子、水波、视频等），可根据项目风格直接选用对应的 HTML 文件。
