
Fixaroo - Electrical Service HTML Template
categoryHTML
# 项目简介
Fixaroo 是一款面向电工/电器维修服务行业的单页及多页 HTML 模板,基于 Bootstrap 5 构建,提供首页风格变体、关于页、服务展示、项目案例、商城、博客等完整页面模板,适合搭建服务型企业官网。
## 技术栈
- Bootstrap 5.0.1
- HTML5 + CSS3
- Sass (SCSS)
- jQuery
- Owl Carousel、Swiper 等动画轮播库
## 项目结构
```
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` — 官方使用文档,含安装说明和定制指引
## 快速开始
1. 解压下载的压缩包;
2. 直接用浏览器打开 `fixaroohtml-10/downloadable/fixaroo/index.html` 即可预览;
3. 部署时将 `fixaroo` 文件夹内容上传至 Web 服务器根目录。
如需修改样式,建议在 `assets/sass/` 中编辑 SCSS 后重新编译。
## 使用建议
模板已内置 3 种首页风格和完整的页面体系,建议根据业务需求选择性使用对应 HTML 文件;若要替换图片和文字内容,只需在 `index.html` 及各子页面中搜索并替换占位内容即可。
help_outline
FAQ
Comments0
PublishedDec 4, 2025
Tech Stack
HTML
Tags
air conditionbusinesscleanerelectric plumberelectricalElectrical Repairelectricianelectricityelectricity serviceselectronicsengineeringpowerrenovationrepair