Zency - 商业机构和初创公司 HTML 模板

# 项目简介 Zency 是一套面向创意商业机构与创业公司的静态 HTML 模板，提供首页、案例、服务、团队、博客、商品展示及购物车等完整页面。模板采用响应式布局，内置加载动画、滚动视差等交互效果，适合快速搭建企业展示站点。 ## 技术栈 - HTML5 + CSS3（原生样式 + Bootstrap 5 栅格） - jQuery + 多种 jQuery 插件（Isotope、Slick、Counterup、Waypoints、Nice Select、WOW） - FontAwesome + 自定义 icon font - Google Fonts（Hanken Grotesk、Syne） - Animate.css 动画库 ## 项目结构 ``` 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、图片、字体 ``` ## 核心文件说明 - `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` — 官方文档页面，可参考其中代码示例 ## 快速开始 1. 直接在浏览器中打开 `zencyhtml-10/Main_File/zency_1.0.0/index.html` 2. 如需本地服务，可使用任意静态服务器，例如： ```bash npx serve zencyhtml-10/Main_File/zency_1.0.0 ``` ## 使用建议 - 正式使用时需将 `style.css` 中涉及的占位图片替换为真实素材；模板使用 Google Fonts 加载字体，建议在中国大陆环境下将字体替换为本地可访问的资源或使用字体子集以提升加载速度。