Chorbi - Digital Marketing Agency HTML5 Template

# 项目简介 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 用于联系表单邮件发送） ## 项目结构 ``` 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 文件。