Cretio – 数字代理 HTML 模板 preview 1

Cretio – 数字代理 HTML 模板

bookmark

Cretio 是一套面向数字代理机构的多页面 HTML 模板，包含 6 种首页变体（数字代理、营销代理、设计公司、创意作品集、极简工作室、SEO 代理），支持深色/浅色模式切换，集成 GSAP 动画与 Lenis 平滑滚动，适合数字营销与设计类官网快速搭建。

HTML

项目简介

Cretio 是一套面向数字代理机构的多页面 HTML 模板，包含 6 种首页变体（数字代理、营销代理、设计公司、创意作品集、极简工作室、SEO 代理），支持深色/浅色模式切换，集成 GSAP 动画与 Lenis 平滑滚动，适合数字营销与设计类官网快速搭建。

技术栈

  • Bootstrap 5
  • GSAP + ScrollTrigger + ScrollToPlugin（动画）
  • Lenis（平滑滚动）
  • Swiper（轮播）
  • SCSS
  • Flaticon 图标字体

项目结构

text
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。

help_outline

常见问题