VoltEdge – Electrical Services HTML Template Documentation

Thank you for purchasing VoltEdge – Electrical Services & Electrician HTML Template. This documentation will help you install, customize, and deploy the template easily.

---

📁 1. Folder Structure

VoltEdge/
│── index.html
│── blog.html
│── blog-detail.html
│── faq.html
│── privacy-policy.html
│── terms-conditions.html
│
├── assets/
│   ├── css/
│   │   ├── style.css
│   │   ├── aos.css
│   │   └── bootstrap.min.css
│   │
│   ├── js/
│   │   ├── script.js
│   │   ├── aos.js
│   │   └── bootstrap.bundle.min.js
│   │
│   ├── images/
│   └── fonts/

---

🎨 2. Editing Theme Colors

Theme colors are defined using CSS variables inside:

assets/css/style.css

Example:

:root{
--yellow:#f4b400;
--navy:#0d1b2a;
--bg:#f4f7fa;
--white:#ffffff;
}

Change the value of --yellow to update the primary theme color globally.

---

🖼 3. Changing the Logo

Open index.html and find:

<a class="navbar-brand" href="#">
<i class="fas fa-bolt"></i>VoltEdge
</a>

To use an image logo:

<a class="navbar-brand" href="#">
<img src="assets/images/logo.png" height="50" alt="Logo">
</a>

---

🏠 4. Sections Overview

Section	Location in HTML	Editable Content
Hero Section	#hero	Title, subtitle, buttons
About Section	#about	Text and images
Services	#services	Service cards, icons, descriptions
Projects / Portfolio	#projects	Project images and titles
Working Process	#process	Steps and descriptions
Testimonials	#testimonials	Customer feedback
Team Members	#team	Images, names, roles
Contact Form	#contact	Form fields and contact info
Footer	Footer element	Links, social icons

---

🖼 5. Changing Images

Replace images inside:

assets/images/

Example: