Green Village - Garden and Landscaping Responsive HTML5 Template preview 1

Green Village - Garden and Landscaping Responsive HTML5 Template

bookmark

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 detail...

HTML

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

text
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 modules
  • Green-village/css/style.css — Main stylesheet, defines global typography, colors (primary color #75b519), buttons, etc.
  • Green-village/css/responsive.css — Mobile responsive adaptation styles
  • Green-village/sendmail.php — Contact form email sending logic (requires PHP environment)
  • Green-village/contact.html — Contact page with built-in form
  • Documentation/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.

help_outline

FAQ