千 - 创意 Html 模板 preview 1

千 - 创意 Html 模板

bookmark

Thousands 是一套多主题静态 HTML 模板包，包含 AI Agency、Product Studio、Creative Studio 三套完整示例站点，基于 Bootstrap 4 和 jQuery，适合快速搭建企业官网、作品集或营销落地页。

HTML

项目简介

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（图标）

项目结构

text
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

常见问题