BitSense – ICO 和加密货币 HTML5 模板

# 项目简介 BitSense 是一套基于 Bootstrap 5 构建的商业咨询类 HTML 模板，包含首页、关于、服务、案例研究、新闻、活动、联系等完整页面模版。内置 GSAP 动画、Lenis 平滑滚动，支持 SCSS 开发与 RTL（右到左）布局，适用于多语言企业官网快速搭建。 ## 技术栈 - HTML5 / CSS3 - Bootstrap 5.3.5 - GSAP 3.12.5（交互动画） - @studio-freight/lenis（平滑滚动） - Webpack 5（Bundler，含 Babel、SCSS、PostCSS） - Prettier + Husky（代码格式化与 Git Hooks） ## 项目结构 ``` 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/ # 演示版本三 └── ...（同上） ``` ## 核心文件说明 - `index.html` — 首页入口文件 - `package.json` — 项目依赖与脚本定义 - `webpack.config.js` — 构建配置，含 SCSS 编译与 RTL 自动生成 - `inc/assets/scss/style.scss` — 主样式入口（需在源码中查找） - `inc/assets/dist/style.css` — 编译产物，供 HTML 直接引用 - `demo_*/` — 三套不同布局的演示页面集合 ## 快速开始 ```bash # 安装依赖 npm install # 开发模式（监听文件变更热重载） npm run build # 生产构建（压缩、关闭 watch） npm run build-prod ``` 构建完成后，在浏览器直接打开生成的 `index.html` 即可预览。 ## 使用建议 - 正式项目请在 `inc/assets/scss/` 下修改样式源文件，通过 `npm run build` 重新编译。 - RTL 版本由 rtlcss-webpack-plugin 自动生成对应 `-rtl.css`，可直接复制 `index.html` 为 `index-rtl.html` 并替换样式引用路径。