
Babun - Business and Finance Responsive HTML5 + RTL Template
category企业官网
# 项目简介
Babun 是一套面向企业与金融咨询类网站的多用途 HTML5 模板,基于 Bootstrap 5.3.1 构建,提供 LTR 与 RTL 双版本,涵盖首页、博客、商城、服务、团队等多个业务场景页面,适合快速搭建商业展示型网站。
## 技术栈
- HTML5 / CSS3
- Bootstrap 5.3.1
- JavaScript (原生 + 第三方插件)
- SCSS(源码未提供编译后文件)
- Lazy Loading 图片懒加载
- Google Fonts(字体的 SVG/woff2 等存放于 fonts 目录)
## 项目结构
```
babunhtml-10/Babun - Business & Finance HTML5 Template/
├── documentation/HELP/
│ └── index.html ← 在线文档首页
└── Template/
├── babun/ ← LTR 主模板
│ ├── css/ ← 样式文件(含 responsive.css)
│ ├── js/ ← 脚本文件
│ ├── fonts/ ← 图标字体
│ ├── images/ ← 图片资源
│ ├── inc/ ← 联系表单逻辑
│ ├── scss/ ← SCSS 源码
│ ├── vendor/ ← 第三方插件
│ ├── index.html ← 首页(8 种变体)
│ ├── about-us-v1.html
│ ├── blog-v1.html
│ ├── shop-grid.html
│ └── ...(30+ 页面)
└── RTL/ ← RTL 版本,结构相同
```
## 核心文件说明
- `Template/babun/index.html` — 首页入口,提供 8 种风格变体
- `Template/babun/css/style.min.css` — 主样式文件
- `Template/babun/css/responsive.css` — 响应式适配样式
- `Template/babun/js/main.js` — 交互逻辑与插件初始化
- `Template/babun/inc/` — 联系表单 PHP 处理文件
- `documentation/HELP/index.html` — 完整配置文档(字体、Logo、表单等)
## 快速开始
1. 解压压缩包,进入 `Template/babun`(或 `Template/RTL`)目录
2. 将整个目录上传至服务器,或直接双击 `index.html` 在本地预览
3. 自定义 Logo:将 `images/logo/` 下的 SVG/PNG 替换为你的品牌标识
4. 联系表单需搭配后端(`inc/` 目录下为 PHP 示例)
## 使用建议
- 中文场景建议优先使用 LTR 版本并替换字体为思源黑体/宋体
- 修改间距或组件时可直接调整 `css/style.min.css`;若使用 SCSS 开发,修改 `scss/` 后需自行编译
- RTL 版本目录结构与 LTR 完全一致,HTML 中 `<html lang="en" dir="rtl">` 已内嵌,无需额外配置
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML