项目简介
Cigma 是一套面向商业咨询机构的 HTML 模板,包含首页、作品集、博客、商城、团队页等 30+ 页面,适用于企业官网或营销落地页。模板使用 Bootstrap 框架,支持响应式布局、深色/黄色主题切换,并内置了预加载动画、滚动导航、侧边菜单等交互组件。
技术栈
- HTML5 + CSS3(静态页面)
- Bootstrap 5(栅格与基础组件)
- Vanilla JavaScript(交互逻辑,不依赖前端框架)
- SCSS(样式预处理器)
- Font Awesome 6(图标库)
项目结构
text
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— 表单提交后端处理脚本(需部署到服务器)
快速开始
- 进入
download-version目录 - 直接用浏览器打开
index.html即可预览 - 如需修改内容,用编辑器打开对应 HTML 文件,替换图片路径、文字内容
- 部署时将整个
download-version目录上传至服务器,表单功能需确保mail.php可执行
使用建议
- 正式使用前建议删除
documentation目录,避免暴露内部说明 - 主题色默认使用红色(#FF4F38),可通过 CSS 变量修改
--theme-color实现全局换肤 - 模板已包含商城相关页面,若不需电商功能可直接删除
cart.html/checkout.html等文件
