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 filehtml_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 handlinghtml_template/php/form_process.php— Backend form processing scripthtml_template/css/vendor/— Third-party library CSS (AOS, Slick, Fancybox, etc.)
Quick Start
- Navigate to the
html_templatedirectory - Open
index.htmldirectly in your browser to preview - For form functionality, deploy the
phpfolder 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:rootvariables withincss/style.css
