Appiyan - 应用程序登陆 HTML 5 模板

# 项目简介 APPIYAN 是一款多用途 HTML5 App 落地页模板，包含 8 种不同的首页布局方案，适用于移动应用、产品展示、定价页等场景。模板基于 Bootstrap，提供了完整的前端样式与交互组件，可直接用于项目或作为设计参考。 ## 技术栈 - Bootstrap 4（CSS 框架） - jQuery（DOM 操作与交互） - SCSS（样式源文件） - Owl Carousel（轮播组件） - Wow.js（动画效果） - Magnific Popup（图片弹窗） ## 项目结构 ``` appiyanhtml-10/appiyan-package/ ├── appiyan-documentation/ # 模板使用文档 │ ├── index.html │ ├── css/ │ └── img/ └── appiyan-html/ # 模板主体 ├── index.html # 8个首页预览入口 ├── home1.html ~ home8.html # 8种首页变体 ├── blog.html / single-blog.html ├── style.css # 编译后的主样式 ├── scss/ # SCSS 源文件 │ ├── _theme.scss │ ├── _responsive.scss │ └── _mixin.scss └── assets/ # JS 与其他静态资源 ``` ## 核心文件说明 - `appiyan-html/index.html` — 首页预览集合，展示 8 种布局入口 - `appiyan-html/home1.html` — 首页变体一，标准 App 落地页布局 - `appiyan-html/style.css` — 主样式表，聚合了所有页面样式 - `appiyan-html/scss/style.scss` — SCSS 入口文件，用于自定义编译 - `appiyan-html/scss/_responsive.scss` — 响应式断点与媒体查询定义 - `appiyan-documentation/index.html` — 官方使用文档与说明 ## 快速开始 1. 下载并解压模板包 2. 进入 `appiyan-html` 目录 3. 双击 `index.html` 在浏览器中打开 4. 点击任意 "view demo" 链接预览各首页变体 5. 如需自定义样式，修改 `scss` 目录下的文件后重新编译 ## 使用建议 模板已集成 Bootstrap 4 和多个流行插件，建议基于 `home1.html` 进行二次开发。如需调整配色或主题，可直接修改 `scss/_theme.scss` 中的变量定义。