Project Overview
Green Village is a responsive HTML5 website template designed for landscaping companies, gardening businesses, or agriculture-related enterprises. The template includes multiple complete pages such as homepage, about page, service details, project showcase, blog, team, etc. It supports mobile responsiveness and comes with built-in contact form and gallery functionality.
Tech Stack
- Bootstrap 4.6.2 (responsive layout framework)
- jQuery (interactive functionality)
- Swiper 11 (carousel slider, loaded via CDN)
- Font Awesome 4.7 (icon library)
- Google Fonts: Roboto + Open Sans (font scheme)
- PHP (contact form backend)
Project Structure
greenvillagehtml-10/
Green-village pack/
Documentation/ ← Development documentation
index.html
css/, js/, fonts/, images/
Green-village/ ← Template main directory
index.html ← Homepage entry
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 ← Main stylesheet
responsive.css ← Responsive adaptation
bootstrap.min.css, font-awesome.css...
js/
bootstrap.min.js, jquery.js...
sendmail.php ← Form backend
Core File Description
Green-village/index.html— Homepage, includes Banner carousel, navigation, case showcase and other modulesGreen-village/css/style.css— Main stylesheet, defines global typography, colors (primary color #75b519), buttons, etc.Green-village/css/responsive.css— Mobile responsive adaptation stylesGreen-village/sendmail.php— Contact form email sending logic (requires PHP environment)Green-village/contact.html— Contact page with built-in formDocumentation/index.html— Template usage documentation
Quick Start
Static pages can be opened directly in a browser via Green-village/index.html; to use the contact form functionality, deploy the entire Green-village directory to a local server that supports PHP (such as XAMPP, phpStudy), or upload it to a web hosting space that supports PHP.
Usage Suggestions
Replace the logo and Banner images in the images/ directory to quickly customize the brand style; the email address in sendmail.php needs to be replaced with the actual recipient, otherwise form submissions will not be sent properly.
