Crafto v3.0 - Multipurpose HTML5 Template

# 项目简介 Crafto 是由 ThemeZaa 出品的多用途 HTML5 网站模板，基于 Bootstrap 5 构建，提供 52+ 预制演示站点，涵盖企业、营销、美容、建筑、品牌、咨询等多种行业场景。内置 SCSS 源码和完整的 Gulp 构建流程，适合快速落地各类网站项目。 ## 技术栈 - HTML5 + Bootstrap 5 - SCSS (Sass) - Gulp 4 (sass 编译、CSS/JS 压缩、BrowserSync) - Slider Revolution 动画 ## 项目结构 ``` Crafto/ ├── documentation/ # 模板文档入口页 │ ├── index.html │ ├── css/style.css │ └── images/ ├── html/ # 模板主体 │ ├── index.html # 首页入口 │ ├── gulpfile.js # Gulp 构建配置 │ ├── package.json │ ├── maintenance.html # 维护模式页 │ ├── demo-*.html # 52+ 预制演示页面 │ ├── css/ │ ├── js/ │ └── images/ ``` ## 核心文件说明 - `html/gulpfile.js` — 定义 sass 编译、CSS/JS 合并压缩、BrowserSync 热更新等构建任务 - `html/package.json` — 项目依赖声明，含 gulp、sass、browser-sync 等 - `html/index.html` — 模板主入口，顶部导航包含全部 52+ 演示站点链接 - `html/maintenance.html` — 网站维护模式页面，含订阅通知表单 - `documentation/index.html` — 模板文档中心入口页 - `documentation/css/style.css` — 文档页样式，响应式布局适配多端 ## 快速开始 ```bash cd html npm install npx gulp ``` 浏览器自动打开 http://localhost:3000，修改 `sass/**/*.scss` 文件后 CSS 会自动编译刷新。 ## 使用建议 项目源码均使用 SCSS，如需定制主题样式，直接在 `sass/` 目录修改对应变量文件；若只需简单调整，可直接在生成的 `css/style.css` 中覆盖。52+ 演示页面可直接复制到 `html/` 根目录使用。