Elecfix - Electrical Services HTML Template

# 项目简介 Elecfix 是一款面向电气服务公司的静态 HTML 网站模板，提供首页、关于页、服务、案例、团队、定价、博客、FAQ、联系等完整页面，支持桌面与移动端自适应，可直接作为电气工程、安装、维修类企业官网使用。 ## 技术栈 - Bootstrap 5.x（响应式布局框架） - jQuery 3.7.1（DOM 操作与交互） - Font Awesome 6 Pro（图标库） - Google Fonts — Jost（英文字体） - WOW.js（滚动动画） - Swiper（轮播/幻灯片） - MeanMenu（移动端汉堡菜单） - Magnific Popup（图片/视频弹窗） ## 项目结构 ``` 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 # 主脚本（移动菜单/动画/弹窗等） ``` ## 核心文件说明 - `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` — 官方文档，含模板结构、定制说明和联系支持入口 ## 快速开始 直接用浏览器打开 `Main File/index.html` 即可预览全部页面。如需本地服务器（推荐），可执行： ```bash npx serve elecfixhtml-10/Main\ File ``` 或使用 VS Code 的 Live Server 插件打开 `index.html`。 ## 使用建议 - 正式使用前需将 `index.html` 中的 "Shared on THEMELOCK.COM" 水印及无关内容替换为真实内容 - 所有文字、图片路径均在 `main.css` 和 `index.html` 中硬编码，定制时直接搜索替换即可 - 如需 SCSS 编译能力，`assets/scss/main.scss` 已提供，可接入构建工具（如 Gulp）进行样式开发