项目简介link

Zency 是一套面向创意商业机构与创业公司的静态 HTML 模板，提供首页、案例、服务、团队、博客、商品展示及购物车等完整页面。模板采用响应式布局，内置加载动画、滚动视差等交互效果，适合快速搭建企业展示站点。

技术栈link

• HTML5 + CSS3（原生样式 + Bootstrap 5 栅格）
• jQuery + 多种 jQuery 插件（Isotope、Slick、Counterup、Waypoints、Nice Select、WOW）
• FontAwesome + 自定义 icon font
• Google Fonts（Hanken Grotesk、Syne）
• Animate.css 动画库

项目结构link

zencyhtml-10/Main_File/
├── Documentation/
│   └── index.html          # 模板使用文档
└── zency_1.0.0/
    ├── index.html          # 首页 1
    ├── index-2.html        # 首页 2
    ├── about.html          # 关于我们
    ├── contact.html        # 联系/错误页（文档中链接名不一致）
    ├── team.html           # 团队列表
    ├── team-details.html   # 成员详情
    ├── services.html       # 服务列表
    ├── service-details.html # 服务详情
    ├── case.html           # 案例列表
    ├── case-details.html   # 案例详情
    ├── products.html       # 商品列表
    ├── product-details.html # 商品详情
    ├── cart.html           # 购物车
    ├── blog-grid.html      # 博客列表
    ├── blog-details.html   # 博客详情
    ├── 404.html             # 错误页
    └── assets/             # CSS、JS、图片、字体

核心文件说明link

• zency_1.0.0/index.html — 主首页，包含 Banner、服务介绍、案例展示等完整版块
• zency_1.0.0/assets/css/style.css — 核心样式文件，修改主题色和布局的主要入口
• zency_1.0.0/assets/js/theme.js — 全局交互脚本，控制导航、动画、滑动组件等行为
• zency_1.0.0/assets/vendor/bootstrap/css/bootstrap.min.css — Bootstrap 基础栅格与工具类
• zency_1.0.0/404.html — 错误页面模板，带返回首页按钮
• Documentation/index.html — 官方文档页面，可参考其中代码示例

快速开始link

1. 直接在浏览器中打开 zencyhtml-10/Main_File/zency_1.0.0/index.html
2. 如需本地服务，可使用任意静态服务器，例如：
   bashcontent_copyCopy

   npx serve zencyhtml-10/Main_File/zency_1.0.0
   

使用建议link

• 正式使用时需将 style.css 中涉及的占位图片替换为真实素材；模板使用 Google Fonts 加载字体，建议在中国大陆环境下将字体替换为本地可访问的资源或使用字体子集以提升加载速度。