Bingle - Mobile App Landing Page HTML Theme

# 项目简介 Bingle 是一款面向移动端 App 的静态着陆页 HTML 模板，主题色为粉色系，适合展示移动应用程序的产品介绍、功能特性、用户评价和博客新闻等场景。模板基于纯 HTML/CSS/JS 开发，无需构建工具即可直接使用。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 5（响应式布局框架） - FontAwesome 6（图标库） - jQuery（文档页面交互） - Animate.css（页面动画效果） ## 项目结构 ``` binglehtml-10/bingle-html/ ├── Documentation/ # 主题文档 │ ├── Documentation/index.html │ └── html/ # 示例页面（文档附带） └── html/ └── html/ # 实际使用的模板文件 ├── index.html # 首页（App 展示页） ├── blog.html # 博客列表页 ├── blog-details.html # 博客详情页 ├── css/ # 样式文件 ├── img/ # 图片资源 └── fontawesome/ # 图标字体 ``` ## 核心文件说明 - `html/html/index.html` — App 着陆页首页，包含 Hero 区、功能特性、截图展示等完整区块 - `html/html/blog.html` — 新闻/博客列表页面，带面包屑导航 - `html/html/blog-details.html` — 单篇博客详情页 - `html/html/css/style.css` — 主题主样式文件 - `html/html/css/responsive.css` — 响应式适配样式 - `html/html/css/bootstrap.min.css` — Bootstrap 框架样式 ## 快速开始 本项目为纯静态模板，无需安装依赖。直接用浏览器打开以下文件即可预览： ``` binglehtml-10/bingle-html/html/html/index.html ``` 如需本地服务器查看，可使用任意静态服务器工具（如 `npx serve`）指向 `binglehtml-10/bingle-html/html/html/` 目录。 ## 使用建议 请从 `html/html/` 目录提取文件使用，其他目录为重复副本或文档。模板图片资源路径引用的是相对路径，建议保持 `img/`、`css/`、`fontawesome/` 目录结构不变，以确保样式和图标正常加载。