项目简介link

Green Village 是一个响应式 HTML5 网站模板，专为园林设计、绿化公司或农业相关企业打造。模板包含首页、关于页、服务详情、项目展示、博客、团队等多个完整页面，支持移动端自适应，并内置联系表单和图库功能。

技术栈link

• Bootstrap 4.6.2（响应式布局框架）
• jQuery（交互功能）
• Swiper 11（轮播滑块，CDN 引入）
• Font Awesome 4.7（图标库）
• Google Fonts：Roboto + Open Sans（字体方案）
• PHP（联系表单后端）

项目结构link

greenvillagehtml-10/
  Green-village pack/
    Documentation/          ← 开发文档
      index.html
      css/, js/, fonts/, images/
    Green-village/           ← 模板主目录
      index.html             ← 首页入口
      about.html, contact.html, team.html...
      service.html, service-single.html
      projects.html, single-project.html
      gallery.html, gallery-two.html
      blog-grid.html, blog-with-sidebar.html, blog-details.html
      error.html
      css/
        style.css            ← 主样式表
        responsive.css       ← 响应式适配
        bootstrap.min.css, font-awesome.css...
      js/
        bootstrap.min.js, jquery.js...
      sendmail.php           ← 表单后端

核心文件说明link

• Green-village/index.html — 首页，包含 Banner 轮播、导航、案例展示等模块
• Green-village/css/style.css — 主样式表，定义全局排版、颜色（主色 #75b519）、按钮等
• Green-village/css/responsive.css — 移动端响应式适配样式
• Green-village/sendmail.php — 联系表单邮件发送逻辑（需 PHP 环境）
• Green-village/contact.html — 联系页面，内置表单
• Documentation/index.html — 模板使用说明文档

快速开始link

纯静态页面可直接用浏览器打开 Green-village/index.html；如需使用联系表单功能，需将整个 Green-village 目录部署至支持 PHP 的本地服务器（如 XAMPP、phpStudy），或上传至支持 PHP 的 Web 托管空间。

使用建议link

替换 images/ 目录下的 logo 和 Banner 图片即可快速定制品牌风格；sendmail.php 中的邮件地址需替换为实际收件方，否则表单提交无法正常推送。