Cretio – Digital Agency HTML Template

# 项目简介 Cretio 是一套面向数字代理机构的多页面 HTML 模板，包含 6 种首页变体（数字代理、营销代理、设计公司、创意作品集、极简工作室、SEO 代理），支持深色/浅色模式切换，集成 GSAP 动画与 Lenis 平滑滚动，适合数字营销与设计类官网快速搭建。 ## 技术栈 - Bootstrap 5 - GSAP + ScrollTrigger + ScrollToPlugin（动画） - Lenis（平滑滚动） - Swiper（轮播） - SCSS - Flaticon 图标字体 ## 项目结构 ``` Cretio - Digital Agency HTML Template/ ├── index.html # 默认首页 ├── about.html # 关于 ├── services.html # 服务列表 ├── service-details.html # 服务详情 ├── portfolio.html # 作品集 ├── portfolio-details.html # 作品详情 ├── blog.html # 博客列表 ├── blog-details.html # 博客详情 ├── team.html # 团队 ├── pricing.html # 定价 ├── faq.html # FAQ ├── contact.html # 联系 ├── 404.html # 错误页 ├── coming-soon.html # 即将上线 ├── marketing-agency.html # 营销代理首页 ├── design-company.html # 设计公司首页 ├── creative-portfolio.html # 创意作品集首页 ├── minimal-studio.html # 极简工作室首页 ├── seo-agency.html # SEO代理首页 └── assets/ ├── css/style.css # 编译后样式 ├── sass/ # SCSS 源文件 ├── js/main.js # 交互逻辑（34 个功能模块） ├── fonts/ # Flaticon 图标字体 └── img/ # 图片资源 ``` ## 核心文件说明 - `assets/css/style.css` — 主样式文件，定义 CSS 变量（颜色、字体、间距）及所有组件样式 - `assets/js/main.js` — 交互脚本，实现预加载器、平滑滚动、动画、灯箱等 34 项功能 - `assets/sass/style.scss` — SCSS 入口文件，通过 import 组织各模块样式 - `index.html` — 默认首页，包含导航、Hero、服务、案例、定价等完整区块 - `marketing-agency.html` — 营销代理首页变体，展示不同视觉布局 - `coming-soon.html` — 倒计时即将上线页面 ## 快速开始 纯静态项目，直接在浏览器打开 `index.html` 即可预览。开发时若修改 SCSS，需要配置 Sass 编译器输出到 `assets/css/`。 ## 使用建议 6 种首页变体可通过复制并重定向导航链接，快速生成多站点；深色模式由 `.dark` class 控制，切换主题只需在 `body` 标签上添加或移除该 class。