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
