Bingle - 移动应用程序登陆页面 HTML 主题 preview 1

Bingle - 移动应用程序登陆页面 HTML 主题

bookmark

Bingle 是一款面向移动端 App 的静态着陆页 HTML 模板,主题色为粉色系,适合展示移动应用程序的产品介绍、功能特性、用户评价和博客新闻等场景。模板基于纯 HTML/CSS/JS 开发,无需构建工具即可直接使用。

HTMLappsbusinessbusiness pagecorporatelandinglanding pagelandingpage

项目简介

Bingle 是一款面向移动端 App 的静态着陆页 HTML 模板,主题色为粉色系,适合展示移动应用程序的产品介绍、功能特性、用户评价和博客新闻等场景。模板基于纯 HTML/CSS/JS 开发,无需构建工具即可直接使用。

技术栈

  • HTML5 + CSS3(静态页面)
  • Bootstrap 5(响应式布局框架)
  • FontAwesome 6(图标库)
  • jQuery(文档页面交互)
  • Animate.css(页面动画效果)

项目结构

text
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 框架样式

快速开始

本项目为纯静态模板,无需安装依赖。直接用浏览器打开以下文件即可预览:

text
binglehtml-10/bingle-html/html/html/index.html

如需本地服务器查看,可使用任意静态服务器工具(如 npx serve)指向 binglehtml-10/bingle-html/html/html/ 目录。

使用建议

请从 html/html/ 目录提取文件使用,其他目录为重复副本或文档。模板图片资源路径引用的是相对路径,建议保持 img/css/fontawesome/ 目录结构不变,以确保样式和图标正常加载。

help_outline

常见问题