Fixaroo - 电力服务 HTML 模板 preview 1

Fixaroo - 电力服务 HTML 模板

bookmark

Fixaroo 是一款面向电工/电器维修服务行业的单页及多页 HTML 模板,基于 Bootstrap 5 构建,提供首页风格变体、关于页、服务展示、项目案例、商城、博客等完整页面模板,适合搭建服务型企业官网。

HTMLair conditionbusinesscleanerelectric plumberelectricalElectrical Repairelectrician

项目简介

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 — 官方使用文档,含安装说明和定制指引

快速开始

  1. 解压下载的压缩包;
  2. 直接用浏览器打开 fixaroohtml-10/downloadable/fixaroo/index.html 即可预览;
  3. 部署时将 fixaroo 文件夹内容上传至 Web 服务器根目录。

如需修改样式,建议在 assets/sass/ 中编辑 SCSS 后重新编译。

使用建议

模板已内置 3 种首页风格和完整的页面体系,建议根据业务需求选择性使用对应 HTML 文件;若要替换图片和文字内容,只需在 index.html 及各子页面中搜索并替换占位内容即可。

help_outline

常见问题