项目简介
Fixaroo 是一款面向电工/电器维修服务行业的单页及多页 HTML 模板,基于 Bootstrap 5 构建,提供首页风格变体、关于页、服务展示、项目案例、商城、博客等完整页面模板,适合搭建服务型企业官网。
技术栈
- Bootstrap 5.0.1
- HTML5 + CSS3
- Sass (SCSS)
- jQuery
- Owl Carousel、Swiper 等动画轮播库
项目结构
text
fixaroohtml-10/downloadable/
├── documentation/ # 模板使用文档
│ ├── index.html
│ ├── css/ # 文档样式(含 bootstrap.css、style.css)
│ ├── fonts/ # FontAwesome 字体
│ ├── images/ # 文档配图
│ └── js/ # 文档交互脚本
└── fixaroo/ # 模板主文件
├── index.html # 首页风格一
├── index-2.html # 首页风格二
├── index-3.html # 首页风格三
├── about.html # 关于我们
├── appoinment.html # 预约页面
├── blog-*.html # 博客列表/详情
├── project*.html # 项目案例
├── shop*.html # 商城/商品详情
├── cart.html # 购物车
├── checkout.html # 结账
├── contact.html # 联系页
├── faq.html # 常见问题
├── team*.html # 团队成员
├── 404.html
└── assets/
├── css/ # 编译后的 CSS
├── sass/ # SCSS 源文件
├── js/ # jQuery 插件及业务脚本
└── images/ # 模板图片资源
核心文件说明
fixaroo/index.html— 首页主模板,包含完整导航、轮播、服务模块fixaroo/assets/sass/style.scss— 全局 SCSS 样式入口,可自定义主题色和布局fixaroo/assets/js/script.js— 页面交互逻辑(导航、滚动、动画触发)fixaroo/assets/css/bootstrap.min.css— Bootstrap 基础框架样式fixaroo/assets/images/— 模板内置占位图片,含 preloader.png 等documentation/index.html— 官方使用文档,含安装说明和定制指引
快速开始
- 解压下载的压缩包;
- 直接用浏览器打开
fixaroohtml-10/downloadable/fixaroo/index.html即可预览; - 部署时将
fixaroo文件夹内容上传至 Web 服务器根目录。
如需修改样式,建议在 assets/sass/ 中编辑 SCSS 后重新编译。
使用建议
模板已内置 3 种首页风格和完整的页面体系,建议根据业务需求选择性使用对应 HTML 文件;若要替换图片和文字内容,只需在 index.html 及各子页面中搜索并替换占位内容即可。
