项目简介
Bentol 是一套面向商业咨询领域的静态 HTML5 网站模板,包含首页、团队、项目、博客、服务、定价等多个业务页面,并附带一套完整的在线文档站点模板。适合快速搭建企业官网或产品文档站点。
技术栈
- HTML5 + CSS3(静态页面)
- Bootstrap 5(响应式布局框架)
- jQuery(交互脚本)
- Font Awesome 6(图标库)
- Swiper(轮播组件)
- Fancybox(图片灯箱)
- Animate.css(CSS 动画)
- Isotope(瀑布流布局)
- LenIS(平滑滚动)
项目结构
text
bentolhtml-10/template-package/
├── bentol/ # 主站模板
│ ├── index.html # 首页(Business Consultant)
│ ├── home-2~4.html # 其他首页变体
│ ├── about.html # 关于我们
│ ├── service*.html # 服务相关页面
│ ├── project*.html # 项目案例页面
│ ├── blog*.html # 博客列表/详情
│ ├── team*.html # 团队页面
│ ├── testimonial.html # 客户评价
│ ├── pricing.html # 定价页面
│ ├── contact.html # 联系方式
│ ├── faq.html # 常见问题
│ ├── gallery.html # 图库
│ ├── 404.html # 错误页面
│ └── assets/ # CSS/JS/图片资源
└── documentation/ # 在线文档站点模板
├── index.html # 文档首页
├── content.html # 内容组件文档
├── source.html # 源码说明
├── installation.html # 安装说明
└── assets/ # 文档样式与图标
核心文件说明
bentol/index.html— 商业咨询首页入口bentol/home-2~4.html— 四套首页布局方案bentol/assets/css/style.css— 主题主样式文件bentol/assets/js/main.js— 全局交互脚本documentation/index.html— 文档站点导航入口
快速开始
直接用浏览器打开 bentol/index.html 即可预览完整站点。如需本地服务器(推荐),可在 bentol 目录下运行:
bash
npx serve .
或使用 Python:
bash
python -m http.server 8080
使用建议
修改 bentol/assets/css/style.css 中的 CSS 变量可快速更换主题配色;内容图片位于 assets/images/ 目录,替换后需同步更新 HTML 中的引用路径。文档站点 documentation/ 可独立部署用于产品手册或 API 文档。
