项目简介link

BitSense 是一套基于 Bootstrap 5 构建的商业咨询类 HTML 模板，包含首页、关于、服务、案例研究、新闻、活动、联系等完整页面模版。内置 GSAP 动画、Lenis 平滑滚动，支持 SCSS 开发与 RTL（右到左）布局，适用于多语言企业官网快速搭建。

技术栈link

• HTML5 / CSS3
• Bootstrap 5.3.5
• GSAP 3.12.5（交互动画）
• @studio-freight/lenis（平滑滚动）
• Webpack 5（Bundler，含 Babel、SCSS、PostCSS）
• Prettier + Husky（代码格式化与 Git Hooks）

项目结构link

BitSense-HTML-v1.0.0/
├── index.html                    # 首页入口
├── index-rtl.html                # 首页 RTL 版
├── package.json                  # 依赖配置
├── webpack.config.js             # Webpack 构建配置
├── demo_1/                       # 演示版本一
│   ├── about-1.html
│   ├── services-1.html
│   ├── case-studies.html
│   ├── news-1.html
│   ├── contact.html
│   └── ...（各页面 RTL 版本）
├── demo_2/                       # 演示版本二
└── demo_3/                       # 演示版本三
    └── ...（同上）

核心文件说明link

• index.html — 首页入口文件
• package.json — 项目依赖与脚本定义
• webpack.config.js — 构建配置，含 SCSS 编译与 RTL 自动生成
• inc/assets/scss/style.scss — 主样式入口（需在源码中查找）
• inc/assets/dist/style.css — 编译产物，供 HTML 直接引用
• demo_*/ — 三套不同布局的演示页面集合

快速开始link

# 安装依赖
npm install

# 开发模式（监听文件变更热重载）
npm run build

# 生产构建（压缩、关闭 watch）
npm run build-prod

构建完成后，在浏览器直接打开生成的 index.html 即可预览。

使用建议link

• 正式项目请在 inc/assets/scss/ 下修改样式源文件，通过 npm run build 重新编译。
• RTL 版本由 rtlcss-webpack-plugin 自动生成对应 -rtl.css，可直接复制 index.html 为 index-rtl.html 并替换样式引用路径。