
Qian - Creative HTML Template
# 项目简介
Thousands 是一套多主题静态 HTML 模板包,包含 AI Agency、Product Studio、Creative Studio 三套完整示例站点,基于 Bootstrap 4 和 jQuery,适合快速搭建企业官网、作品集或营销落地页。
## 技术栈
- Bootstrap 4(响应式布局)
- jQuery 1.11(DOM 操作)
- Slick Slider(轮播图)
- MeanMenu(移动端导航)
- AOS / WOW(滚动动画)
- particles.js(粒子效果)
- Isotope(瀑布流/筛选)
- Font Awesome 5(图标)
## 项目结构
```
thousandshtml-10/
├── documentation/
│ ├── doc.html # 在线文档
│ ├── css/style.css # 文档样式
│ └── img/ # 文档配图
└── main-files/
├── 1_ai_agency/ # AI 代理主题
│ ├── index.html
│ ├── css/ # 样式表(style.css 等)
│ ├── js/main.js # 交互逻辑
│ └── fonts/ # 图标字体
├── 2_product_studio/ # 产品工作室主题
│ ├── index.html
│ ├── css/
│ ├── js/main.js
│ └── js/app.js # particles.js 配置
└── 3_creative_studio/ # 创意工作室主题
├── index.html
├── css/
└── js/main.js
```
## 核心文件说明
- `main-files/X/index.html` — 各主题首页入口
- `main-files/X/css/style.css` — 主样式文件(含主题色、布局、动画定义)
- `main-files/X/js/main.js` — 核心交互(导航、轮播、滚动回到顶部等)
- `main-files/2_product_studio/js/app.js` — particles.js 粒子效果配置
- `documentation/doc.html` — 模板定制说明文档
## 快速开始
直接用浏览器打开对应主题的 `index.html` 即可预览:
```bash
# macOS
open thousandshtml-10/main-files/1_ai_agency/index.html
# Windows
start thousandshtml-10\main-files\1_ai_agency\index.html
```
如需本地服务器(部分 AJAX 功能需要),可使用:
```bash
npx serve thousandshtml-10/main-files/1_ai_agency
```
## 使用建议
所有主题均可通过修改 `style.css` 中的颜色变量和替换 `images/` 目录下的图片进行品牌定制;移动端导航依赖 jQuery MeanMenu 插件,请勿删除相关引用。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML