Powerx - 电气维修和服务 HTML 模板

# 项目简介 Powerx 是一款面向电力/电气服务企业的 HTML5 多页面模板，适用于电气维修、安装、能源公司等官网建设。模板采用 Bootstrap 5 构建，提供首页风格、团队展示、服务详情、项目案例、博客、FAQ 等完整页面，并附带联系表单 PHP 邮件发送功能。 ## 技术栈 - Bootstrap 5.0.1（响应式布局框架） - HTML5 + CSS3 + JavaScript（原生） - jQuery（交互功能） - Font Awesome（图标） - Nice Select / Owl Carousel / Slick（UI 组件） - PHP（联系表单邮件发送） ## 项目结构 ``` powerxhtml-10/downloadable/ ├── powerx/ # 模板主目录 │ ├── index.html # 首页（首页风格1） │ ├── index-2.html # 首页风格2 │ ├── index-3.html # 首页风格3 │ ├── about.html # 关于我们 │ ├── services.html # 服务列表 │ ├── services-single.html # 服务详情页 │ ├── proejcts.html # 项目/案例列表 │ ├── projects-single.html # 项目详情页 │ ├── team.html # 团队页（风格1） │ ├── team-s2.html # 团队页（风格2） │ ├── testiminial.html # 客户评价（风格1） │ ├── testiminial-s2/s3.html # 客户评价（风格2/3） │ ├── blog.html # 博客列表 │ ├── blog-single.html # 博客详情 │ ├── contact.html # 联系页面 │ ├── faq.html # 常见问题 │ ├── 404.html # 错误页 │ ├── mail-contact.php # 表单邮件处理 │ └── assets/ # 静态资源 │ ├── css/ # 样式文件（含 style.css） │ ├── js/ # 脚本文件 │ └── images/ # 图片资源 └── documentation/ # 官方文档（模板说明） ``` ## 核心文件说明 - `powerx/index.html` — 模板主首页，定义整体布局结构与导航 - `powerx/assets/styles/style.css` — 主样式表，集中管理全站外观 - `powerx/assets/css/bootstrap.min.css` — Bootstrap 核心样式 - `powerx/mail-contact.php` — 联系表单后端，处理邮件发送逻辑 - `powerx/assets/js/script.js` — 业务交互脚本（菜单、滚动等） - `powerx/contact.html` — 联系页面，内嵌表单提交入口 ## 快速开始 1. 将 `powerx` 文件夹部署到 Web 服务器（如 Apache/Nginx） 2. 直接访问 `index.html` 即可在浏览器中预览 3. 联系表单需服务器支持 PHP，部署后修改 `mail-contact.php` 中的 `$to` 邮箱地址 ## 使用建议 模板提供 3 种首页风格和多种内页布局，直接复制对应 HTML 文件即可快速搭建页面。注意部署联系表单时需配置有效的 PHP 邮件环境（建议使用 PHPMailer 替代原生 `mail()` 函数以提高送达率）。