Ecoly - Ecology and Solar Renewable Energy HTML Template

# 项目简介 Ecoly 是一款专注于风能与太阳能生态能源行业的 HTML 模板，适合用于能源公司、可再生能源服务商、环保组织的官网。模板内置 7 种首页变体，涵盖关于、服务、案例、博客、定价等多个业务页面，全站采用响应式设计，适配 PC 与移动端。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 5（栅格与基础组件） - jQuery（DOM 操作与交互） - Swiper.js（轮播与滑动组件） - MeanMenu（移动端导航） - Magnific Popup（图片/视频弹窗） - Wow.js + Animate.css（入场动画） - Nice Select（自定义下拉选择） ## 项目结构 ``` ecolyhtml-10/ ├── documentation/ # 官方说明文档 │ ├── index.html │ ├── css/ │ └── images/ └── ecoly-buyer-file/ # 模板主体文件 ├── index.html # 首页（第1套） ├── index-2~7.html # 首页变体（共7套） ├── about.html # 关于我们 ├── service.html # 服务列表 ├── service-details.html # 服务详情 ├── project.html # 项目案例 ├── project-details.html # 案例详情 ├── news.html # 博客列表 ├── news-details.html # 博客详情 ├── pricing.html # 定价页 ├── faq.html # 常见问题 ├── contact.html # 联系页面（含表单） ├── checkout.html # 结账页 ├── shop-cart.html # 购物车 └── assets/ # 静态资源 ├── css/main.css # 全部样式 └── js/main.js # 全部脚本 ``` ## 核心文件说明 - `ecoly-buyer-file/index.html` — 首页入口，整合 Banner、Services、Projects、Team 等模块 - `ecoly-buyer-file/assets/css/main.css` — 全部 CSS 变量、组件样式、响应式断点 - `ecoly-buyer-file/assets/js/main.js` — 轮播初始化、导航交互、动画与弹窗等全部前端逻辑 - `ecoly-buyer-file/contact.html` — 附带联系表单页面（需配合后端处理数据） - `ecoly-buyer-file/index-2~7.html` — 替代首页布局，适合不同业务风格切换 - `documentation/index.html` — 模板使用手册，含 HTML 结构、CSS 架构、常见配置说明 ## 快速开始 该模板为纯静态项目，无需构建步骤： 1. 直接用浏览器打开 `ecolyhtml-10/ecoly-buyer-file/index.html` 预览 2. 或将 `ecoly-buyer-file` 目录部署到任意 Web 服务器（Nginx / Apache / VS Code Live Server） 3. 修改 `assets/css/main.css` 中的 CSS 变量即可快速换色 ## 使用建议 - 移动端菜单依赖 `MeanMenu` 插件，请确保 `jquery.meanmenu.css` 已正确引入 - `contact.html` 中的表单需自行接入后端或使用 Formspree 等服务处理提交 - 首页变体（index-2~7）共用同一套 assets，建议按需只保留一种首页以减少冗余