项目简介link

APPIYAN 是一款多用途 HTML5 App 落地页模板，包含 8 种不同的首页布局方案，适用于移动应用、产品展示、定价页等场景。模板基于 Bootstrap，提供了完整的前端样式与交互组件，可直接用于项目或作为设计参考。

技术栈link

• Bootstrap 4（CSS 框架）
• jQuery（DOM 操作与交互）
• SCSS（样式源文件）
• Owl Carousel（轮播组件）
• Wow.js（动画效果）
• Magnific Popup（图片弹窗）

项目结构link

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 与其他静态资源

核心文件说明link

• 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 — 官方使用文档与说明

快速开始link

1. 下载并解压模板包
2. 进入 appiyan-html 目录
3. 双击 index.html 在浏览器中打开
4. 点击任意 "view demo" 链接预览各首页变体
5. 如需自定义样式，修改 scss 目录下的文件后重新编译

使用建议link

模板已集成 Bootstrap 4 和多个流行插件，建议基于 home1.html 进行二次开发。如需调整配色或主题，可直接修改 scss/_theme.scss 中的变量定义。