项目简介link

Elecfix 是一款面向电气服务公司的静态 HTML 网站模板，提供首页、关于页、服务、案例、团队、定价、博客、FAQ、联系等完整页面，支持桌面与移动端自适应，可直接作为电气工程、安装、维修类企业官网使用。

技术栈link

• Bootstrap 5.x（响应式布局框架）
• jQuery 3.7.1（DOM 操作与交互）
• Font Awesome 6 Pro（图标库）
• Google Fonts — Jost（英文字体）
• WOW.js（滚动动画）
• Swiper（轮播/幻灯片）
• MeanMenu（移动端汉堡菜单）
• Magnific Popup（图片/视频弹窗）

项目结构link

elecfixhtml-10/
├── Documentation/          # 模板使用文档
│   ├── index.html
│   └── assets/css/js/images/
└── Main File/              # 网站实际文件
    ├── index.html          # 首页（版本一）
    ├── index2.html         # 首页（版本二）
    ├── about.html
    ├── services.html
    ├── service-details.html
    ├── projects.html
    ├── project-details.html
    ├── blog.html
    ├── blog-details.html
    ├── team.html
    ├── pricing.html
    ├── faq.html
    ├── contact.html
    ├── 404.html
    └── assets/
        ├── css/main.css    # 主样式表（含所有页面样式）
        └── js/main.js      # 主脚本（移动菜单/动画/弹窗等）

核心文件说明link

• Main File/index.html — 首页入口，包含 Banner、服务概览、案例展示等完整首屏内容
• Main File/index2.html — 第二个首页变体，可根据品牌风格二选一使用
• Main File/assets/css/main.css — 全部页面样式，涵盖 Header、Footer、Components 等模块
• Main File/assets/js/main.js — 交互逻辑，含移动端菜单（etmobilemenu）、侧边栏弹窗、WOW 初始化、数字滚动等
• Documentation/index.html — 官方文档，含模板结构、定制说明和联系支持入口

快速开始link

直接用浏览器打开 Main File/index.html 即可预览全部页面。如需本地服务器（推荐），可执行：

npx serve elecfixhtml-10/Main\ File

或使用 VS Code 的 Live Server 插件打开 index.html。

使用建议link

• 正式使用前需将 index.html 中的 "Shared on THEMELOCK.COM" 水印及无关内容替换为真实内容
• 所有文字、图片路径均在 main.css 和 index.html 中硬编码，定制时直接搜索替换即可
• 如需 SCSS 编译能力，assets/scss/main.scss 已提供，可接入构建工具（如 Gulp）进行样式开发