Project Overviewlink

Solargen is a multi-page HTML5 responsive website template designed for solar/renewable energy companies. It includes a complete enterprise website structure with homepages (residential and commercial versions), about us, service details, project showcase, blog, and contact pages. Built on the Bootstrap framework, it's ideal for quickly setting up official websites for solar installation companies and photovoltaic product suppliers.

Tech Stacklink

• Bootstrap 5 (CSS framework)
• jQuery (interactive scripts)
• FontAwesome (icon library)
• Swiper (carousel/slideshow)
• Magnific Popup (lightbox)
• Animate.css (animation effects)
• NiceSelect (custom dropdown)
• Odometer (number counter)

Project Structurelink

solargen-html-package/
├── Documentation/          # Template usage documentation
│   ├── index.html
│   └── assets/
├── Solargen/               # Core template directory
│   ├── index.html          # Homepage (residential solar)
│   ├── commercial-solar.html
│   ├── about.html
│   ├── blog.html
│   ├── blog-details.html
│   ├── contact.html
│   ├── project.html
│   ├── project-details.html
│   ├── service-details.html
│   ├── terms.html
│   ├── privacy.html
│   └── assets/             # CSS/JS/Image resources
└── __MACOSX/               # macOS temporary files (can be deleted)

Core File Descriptionlink

• Solargen/index.html — Homepage (residential solar), includes slideshow, product showcase, service sections
• Solargen/commercial-solar.html — Commercial version of the homepage
• Solargen/about.html — Company introduction page
• Solargen/blog.html — Blog article list
• Solargen/contact.html — Contact form page
• Solargen/assets/css/main.css — Main stylesheet

Quick Startlink

After extracting, simply open Solargen/index.html in your browser to preview the full effect — no dependencies need to be installed. For deployment, upload the contents of the Solargen/ folder to your server's root directory.

Usage Suggestionslink

The template provides two homepage versions (residential and commercial) — choose the one that best fits your business type. All static resources (images, CSS, JS) are located in the assets/ directory, where you can replace the logo and product images as needed. The __MACOSX/ folder contains temporary files generated by macOS — it's recommended to delete it before deployment.