Project Overviewlink

Wastewise is a set of static HTML website templates focused on the waste management and recycling industry, including complete business pages such as Home, Services, Projects, Blog, and Contact. Suitable for environmental companies, renewable resource firms, or municipal waste treatment service providers to quickly build an official website. The template is built on Bootstrap and supports 4 homepage layout variants.

Tech Stacklink

• Bootstrap 5.x (CSS framework)
• Swiper.js (carousel component)
• jQuery + jQuery Marquee (scroll animation)
• Google Fonts (Plus Jakarta Sans, Inter)
• Font Awesome + icofont (icon libraries)

Project Structurelink

wastewisehtml-10/Wastewise/Wastewise HTML/
├── index.html
├── homepage-2.html / homepage-3.html / homepage-4.html
├── services.html / services-2.html / service-single.html
├── projects.html / project-single.html
├── about.html / team.html / gallery.html
├── blog.html / blog-single.html
├── contact.html / contact.php
├── booking.html / booking.php
├── faq.html / pricing-table.html
├── css/
│   ├── bootstrap.min.css / bootstrap.rtl.min.css
│   ├── style.css (main stylesheet)
│   ├── plugins.css / swiper.css / datepicker.css
├── js/
│   ├── custom-swiper-1.js
│   ├── custom-marquee.js
│   ├── plugins.js / swiper.js
│   ├── validation-booking.js / validation-contact.js
├── images/ / fonts/ / video/
└── documentation/DOCUMENTATION.html

Key File Descriptionslink

• index.html — Main homepage entry, includes navigation, carousel, service overview, and complete layout
• css/style.css — Theme global stylesheet, defines color variables, typography, spacing, etc.
• css/bootstrap.min.css — Bootstrap base framework, provides responsive grid and components
• js/custom-swiper-1.js — Homepage carousel configuration with autoplay and fade transition effects
• js/validation-contact.js — Contact form client-side validation logic
• contact.php / booking.php — Form backend processing examples (requires PHP environment)

Quick Startlink

This project is a pure static template with no build tools required. Simply open index.html in your browser to preview. To run with a local server, use:

# Python 3
python -m http.server 8000

# Node.js (npx)
npx serve .

Visit http://localhost:8000 to view the result.

Usage Suggestionslink

The project includes 4 homepage styles. You can directly copy index.html as a template for pages like contact.html for further customization. For form functionality, deploy to a web server that supports PHP.