Green Village - Garden and Landscaping Responsive HTML5 Template

# 项目简介 Green Village 是一个响应式 HTML5 网站模板，专为园林设计、绿化公司或农业相关企业打造。模板包含首页、关于页、服务详情、项目展示、博客、团队等多个完整页面，支持移动端自适应，并内置联系表单和图库功能。 ## 技术栈 - Bootstrap 4.6.2（响应式布局框架） - jQuery（交互功能） - Swiper 11（轮播滑块，CDN 引入） - Font Awesome 4.7（图标库） - Google Fonts：Roboto + Open Sans（字体方案） - PHP（联系表单后端） ## 项目结构 ``` 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 ← 表单后端 ``` ## 核心文件说明 - `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` — 模板使用说明文档 ## 快速开始 纯静态页面可直接用浏览器打开 `Green-village/index.html`；如需使用联系表单功能，需将整个 `Green-village` 目录部署至支持 PHP 的本地服务器（如 XAMPP、phpStudy），或上传至支持 PHP 的 Web 托管空间。 ## 使用建议 替换 `images/` 目录下的 logo 和 Banner 图片即可快速定制品牌风格；`sendmail.php` 中的邮件地址需替换为实际收件方，否则表单提交无法正常推送。