EVdriveX - 电动汽车和充电站 HTML 模板

# 项目简介 EVdriveX 是一套电动汽车充电站 HTML 模板，采用 Bootstrap 5 构建，适合新能源充电服务、电动车供应商或相关企业展示业务。模板包含首页变体、服务详情、团队、博客、商城、项目展示等多个页面，开箱即用。 ## 技术栈 - Bootstrap 5.3.3（响应式框架） - HTML5 + CSS3 - jQuery 3.7+ - Slick Slider（轮播组件） - Light Gallery（图片画廊） - FontAwesome（图标） - Google Fonts（Poppins 字体） ## 项目结构 ``` 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 插件打开项目根目录。 ## 使用建议 页面内容为静态占位符，正式使用时需替换为真实数据；联系表单默认可直接使用，部署前请确保服务器端具备邮件发送能力。