项目简介
Babun 是一套面向企业与金融咨询类网站的多用途 HTML5 模板，基于 Bootstrap 5.3.1 构建，提供 LTR 与 RTL 双版本，涵盖首页、博客、商城、服务、团队等多个业务场景页面，适合快速搭建商业展示型网站。
技术栈
- HTML5 / CSS3
- Bootstrap 5.3.1
- JavaScript (原生 + 第三方插件)
- SCSS（源码未提供编译后文件）
- Lazy Loading 图片懒加载
- Google Fonts（字体的 SVG/woff2 等存放于 fonts 目录）
项目结构
text
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、表单等）
快速开始
- 解压压缩包，进入
Template/babun（或Template/RTL）目录 - 将整个目录上传至服务器，或直接双击
index.html在本地预览 - 自定义 Logo：将
images/logo/下的 SVG/PNG 替换为你的品牌标识 - 联系表单需搭配后端（
inc/目录下为 PHP 示例）
使用建议
- 中文场景建议优先使用 LTR 版本并替换字体为思源黑体/宋体
- 修改间距或组件时可直接调整
css/style.min.css；若使用 SCSS 开发，修改scss/后需自行编译 - RTL 版本目录结构与 LTR 完全一致，HTML 中
<html lang="en" dir="rtl">已内嵌，无需额外配置
