项目简介
EVdriveX 是一套电动汽车充电站 HTML 模板，采用 Bootstrap 5 构建，适合新能源充电服务、电动车供应商或相关企业展示业务。模板包含首页变体、服务详情、团队、博客、商城、项目展示等多个页面，开箱即用。
技术栈
- Bootstrap 5.3.3（响应式框架）
- HTML5 + CSS3
- jQuery 3.7+
- Slick Slider（轮播组件）
- Light Gallery（图片画廊）
- FontAwesome（图标）
- Google Fonts（Poppins 字体）
项目结构
text
mainfile/
├── index.html # 首页
├── index-2.html # 首页变体
├── about.html # 关于我们
├── service-list.html # 服务列表
├── service-detail.html # 服务详情
├── team.html # 团队
├── team-detail.html # 团队成员详情
├── blog-list.html # 博客列表
├── blog-detail.html # 博客详情
├── product-list.html # 商品列表（商城）
├── product-detail.html # 商品详情
├── cart.html # 购物车
├── checkout.html # 结账
├── project-list.html # 项目列表
├── project-detail.html # 项目详情
├── contact.html # 联系我们
├── testimonial.html # 用户评价
├── css/
│ ├── styles.css # 主样式文件
│ ├── plugin.css # 插件样式
│ ├── bootstrap.min.css # Bootstrap CSS
│ └── default.css # 默认样式
├── js/
│ ├── main.js # 核心交互逻辑
│ └── custom-lightbox.js # 图片灯箱
└── icons/ # FontAwesome 图标文件
核心文件说明
index.html— 首页入口，含轮播横幅、计数器动画、合作伙伴展示css/styles.css— 主样式表，定义整体视觉风格js/main.js— 主导航菜单、轮播初始化、数字递增动画等交互逻辑contact.html— 包含可用的联系表单页面product-list.html— 商城商品展示页，含筛选功能js/custom-lightbox.js— 图片画廊灯箱效果配置
快速开始
无需安装依赖，直接在浏览器中打开 mainfile/index.html 即可预览全部页面。如需本地开发，推荐使用 VS Code + Live Server 插件打开项目根目录。
使用建议
页面内容为静态占位符，正式使用时需替换为真实数据；联系表单默认可直接使用，部署前请确保服务器端具备邮件发送能力。
