项目简介link

Ecoly 是一款专注于风能与太阳能生态能源行业的 HTML 模板，适合用于能源公司、可再生能源服务商、环保组织的官网。模板内置 7 种首页变体，涵盖关于、服务、案例、博客、定价等多个业务页面，全站采用响应式设计，适配 PC 与移动端。

技术栈link

• HTML5 + CSS3（静态页面）
• Bootstrap 5（栅格与基础组件）
• jQuery（DOM 操作与交互）
• Swiper.js（轮播与滑动组件）
• MeanMenu（移动端导航）
• Magnific Popup（图片/视频弹窗）
• Wow.js + Animate.css（入场动画）
• Nice Select（自定义下拉选择）

项目结构link

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       # 全部脚本

核心文件说明link

• 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 架构、常见配置说明

快速开始link

该模板为纯静态项目，无需构建步骤：

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 变量即可快速换色

使用建议link

• 移动端菜单依赖 MeanMenu 插件，请确保 jquery.meanmenu.css 已正确引入
• contact.html 中的表单需自行接入后端或使用 Formspree 等服务处理提交
• 首页变体（index-2~7）共用同一套 assets，建议按需只保留一种首页以减少冗余