AppsLand v1.3.1 - App Landing Page HTML Template

# 项目简介 AppsLand 是一款面向移动应用的产品介绍页面模板，基于 Bootstrap 1170px 栅格系统，支持完全响应式布局。提供多达 40+ 种首页变体（渐变背景、视频背景、粒子效果、打字机动画、iPhone 7 展示等），适合快速搭建 App 落地页、产品官网或营销推广站点。 ## 技术栈 - HTML5 / CSS3（静态页面） - Bootstrap 3（栅格与基础组件） - jQuery（交互逻辑） - particles.js（粒子背景效果） - wow.js（滚动动画） ## 项目结构 ``` appsland-html-v1.3.1/ ├── documentation/ # 模板使用文档 │ └── index.html └── main-html/ # 模板主体文件 ├── assets/ │ └── css/ # vendor.bundle.css、style.css、theme.css ├── images/ # 占位图片目录 ├── form/ # 表单相关 └── index.html # 主入口页面（含 particles 粒子动效） ├── index-slider.html # 滑块轮播版本 ├── index-video.html # 视频背景版本 ├── index-gradient.html # 渐变背景版本 ├── index-particles.html # 粒子背景版本 ├── index-typing.html # 打字机动画版本 ├── index-iphone7.html # iPhone 7 设备展示版 ├── index-half-header.html # 半屏头部版本 ├── index-image.html # 图片展示版 ├── index-x1*.html # X1 系列变体（风格一） ├── index-x2*.html # X2 系列变体（风格二） ├── index-x3*.html # X3 系列变体（风格三） ├── index-x4*.html # X4 系列变体（风格四） └── index-x5*.html # X5 系列变体（风格五） ``` ## 核心文件说明 - `main-html/index.html` — 默认首页入口，含 particles 粒子动效与多手机截图展示 - `main-html/assets/css/style.css` — 主样式文件，定义页面全局样式 - `main-html/assets/css/theme.css` — 主题配色与皮肤样式 - `main-html/assets/css/vendor.bundle.css` — 第三方组件打包 CSS - `documentation/index.html` — 官方模板文档，包含 HTML 结构、CSS/JSS 说明及素材来源 - 各 `index-*.html` 变体文件 — 不同视觉效果的首页模板，可按需选用 ## 快速开始 1. 下载并解压模板包，进入 `appsland-html-v1.3.1/main-html/` 目录 2. 直接在浏览器中打开 `index.html` 预览效果 3. 或使用任意本地服务器（如 `python -m http.server`）运行 4. 替换 `images/` 目录下的占位图为实际产品素材 ## 使用建议 选择最适合产品调性的首页变体进行修改；`index.html` 默认使用粒子动效，如需更轻量的体验可考虑 `index-image.html` 或 `index-gradient.html`。模板导航栏通过 data-spy="affix" 实现滚动吸顶，修改时注意保持锚点 ID 与导航链接一致。