Project Overviewlink

Radianz is a set of static HTML website templates designed for solar and green energy companies, including complete pages such as Home, About, Services, Projects, Pricing, Team, Careers, Blog, and more. It uses Swiper for carousels, Flatpickr for date selection, and SlimSelect for styled dropdowns, making it ideal for quickly building a clean energy company website.

Tech Stacklink

• Bootstrap 5 (navigation, forms, grid system)
• Swiper.js (partner, testimonial, and project carousels)
• Flatpickr (installation appointment date/time picker)
• SlimSelect (styled dropdowns)
• IntersectionObserver (scroll animations, counter triggers)
• Static HTML/CSS/JS (no build tools)

Project Structurelink

radianzhtml-10/
├── HTML_Template/
│   ├── index.html              # Home page
│   ├── about.html
│   ├── services.html / services-detail.html
│   ├── project.html / project-detail.html
│   ├── installation.html       # Installation appointment form
│   ├── pricing.html
│   ├── team.html / testimonials.html
│   ├── contact.html / faqs.html
│   ├── career.html
│   ├── blog-post.html / single-post.html
│   ├── 404-page.html
│   ├── css/
│   │   ├── style.css           # Global styles (CSS variables, buttons, responsive)
│   │   └── swiper.css          # Custom Swiper styles
│   ├── img/                    # Brand images, case studies, backgrounds
│   ├── font/                   # WorkSans, Urbanist fonts
│   ├── lib/css/                # Bootstrap, Flatpickr, SlimSelect
│   └── lib/js/                 # Bootstrap, Swiper, Flatpickr, SlimSelect
└── Documentation/

Key File Descriptionslink

• HTML_Template/index.html — Home page entry, includes Hero, counters, partners, testimonials sections
• HTML_Template/css/style.css — Main stylesheet, defines color variables (--color-main primary color #215343)
• HTML_Template/css/swiper.css — Swiper pagination and button style overrides
• HTML_Template/js/index.js — Carousel initialization, counters, FAQ accordion, form submission modal, video modal
• HTML_Template/installation.html — Installation appointment form page, relies on Flatpickr and SlimSelect

Quick Startlink

Open HTML_Template/index.html directly in a browser, or run it using any local server (e.g., VS Code Live Server).

Usage Tipslink

The template uses #215343 dark green as the primary color and #efe51c yellow as the accent color, with a style suited for industrial/commercial energy scenarios. To replace the logo, brand colors, or images, simply replace the corresponding files in the img/ directory with the same filenames — no code path changes needed.