
Cigma - 多用途业务咨询 HTML 模板
# 项目简介
Cigma 是一套面向商业咨询机构的 HTML 模板,包含首页、作品集、博客、商城、团队页等 30+ 页面,适用于企业官网或营销落地页。模板使用 Bootstrap 框架,支持响应式布局、深色/黄色主题切换,并内置了预加载动画、滚动导航、侧边菜单等交互组件。
## 技术栈
- HTML5 + CSS3(静态页面)
- Bootstrap 5(栅格与基础组件)
- Vanilla JavaScript(交互逻辑,不依赖前端框架)
- SCSS(样式预处理器)
- Font Awesome 6(图标库)
## 项目结构
```
cigmahtml-10/
├── documentation/ # 官方说明文档(HTML 格式)
│ ├── index.html
│ └── css/
├── download-version/ # 正式使用的模板文件
│ ├── index.html # 默认首页
│ ├── about.html
│ ├── blog.html
│ ├── shop.html
│ ├── contact.html
│ ├── team.html
│ ├── project.html
│ ├── pricing.html
│ ├── typography.html
│ ├── error.html
│ └── assets/ # JS / CSS / 字体 / 图片资源
└── THEMELOCK.COM 文件
```
## 核心文件说明
- `download-version/index.html` — 默认首页,演示模板主体结构和主要组件
- `download-version/assets/css/style.css` — 主样式文件,定义主题色、布局、动画等全局样式
- `download-version/assets/js/main.js` — 交互逻辑:移动端菜单、滚动置顶、预加载、灯箱等
- `download-version/assets/sass/_rtl.scss` — RTL(从右到左)布局样式,支持阿拉伯语等
- `documentation/index.html` — 官方文档,附带 HTML 结构、CSS 说明和配置指引
- `download-version/mail.php` — 表单提交后端处理脚本(需部署到服务器)
## 快速开始
1. 进入 `download-version` 目录
2. 直接用浏览器打开 `index.html` 即可预览
3. 如需修改内容,用编辑器打开对应 HTML 文件,替换图片路径、文字内容
4. 部署时将整个 `download-version` 目录上传至服务器,表单功能需确保 `mail.php` 可执行
## 使用建议
- 正式使用前建议删除 `documentation` 目录,避免暴露内部说明
- 主题色默认使用红色(#FF4F38),可通过 CSS 变量修改 `--theme-color` 实现全局换肤
- 模板已包含商城相关页面,若不需电商功能可直接删除 `cart.html` / `checkout.html` 等文件
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML