
Green Village - 花园和景观美化响应式 HTML5 模板
category移动应用
# 项目简介
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` 中的邮件地址需替换为实际收件方,否则表单提交无法正常推送。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML