Auron - Solar & Green Renewable Energy HTML Bootstrap 5 Template preview 1

Auron - Solar & Green Renewable Energy HTML Bootstrap 5 Template

bookmark

Auron is a static single-page/multi-page HTML template built on Bootstrap 5, designed specifically for solar and green energy companies. The template includes complete pages such as Home, About Us, Projects, Blog, and Service Details, wi...

HTMLclean energyeco friendlyenergy solutionsgreen energygreen technologyoff-grid solarrenewable energy

Project Overview

Auron is a static single-page/multi-page HTML template built on Bootstrap 5, designed specifically for solar and green energy companies. The template includes complete pages such as Home, About Us, Projects, Blog, and Service Details, with form submission support (requires PHP environment). Ideal for quickly building energy and environmental corporate showcase websites.

Tech Stack

  • Bootstrap 5 (CSS Framework)
  • jQuery (interaction logic, counter animations)
  • Outfit (Google Fonts)
  • AOS (scroll animations), Slick (carousel), Fancybox (image lightbox), Bootstrap Icons

Project Structure

text
auronhtml-10/
└── Auron Solar & Green Renewable Energy HTML Bootstrap 5 Template/
    ├── documentation/          # Template documentation
    │   ├── index.html
    │   └── assets/
    └── html_template/          # Actual template files
        ├── index.html          # Homepage entry
        ├── about-us.html
        ├── projects.html
        ├── services.html
        ├── pricing-plan.html
        ├── blog.html
        ├── contact-us.html
        ├── css/
        │   └── style.css       # Main stylesheet (includes CSS variable definitions)
        ├── js/
        │   ├── script.js
        │   ├── script-counter.js  # Number increment animation
        │   └── submit-form.js
        └── images/             # Sample image assets

Core File Description

  • html_template/index.html — Template homepage entry file
  • html_template/css/style.css — Main stylesheet defining global variables for colors, spacing, typography, etc.
  • html_template/js/script-counter.js — Number increment animation logic (triggered via IntersectionObserver)
  • html_template/js/submit-form.js — Form submission handling
  • html_template/php/form_process.php — Backend form processing script
  • html_template/css/vendor/ — Third-party library CSS (AOS, Slick, Fancybox, etc.)

Quick Start

  1. Navigate to the html_template directory
  2. Open index.html directly in your browser to preview
  3. For form functionality, deploy the php folder to a server with PHP support

Usage Recommendations

  • Before production deployment, replace CDN resources referenced in index.html (Bootstrap Icons, jQuery, etc.) with local files or reliable CDNs to ensure offline availability
  • The template's default color scheme uses green (#99F36C) as the primary color. You can adjust it to your corporate VI colors directly in the :root variables within css/style.css
help_outline

FAQ