项目简介
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/ 目录结构不变,以确保样式和图标正常加载。
