Project Overviewlink

Elecfix is a static HTML website template designed for electrical service companies. It includes complete pages such as Home, About, Services, Projects, Team, Pricing, Blog, FAQ, and Contact. The template is fully responsive for desktop and mobile devices and can be directly used as a corporate website for electrical engineering, installation, and maintenance businesses.

Tech Stacklink

• Bootstrap 5.x (responsive layout framework)
• jQuery 3.7.1 (DOM manipulation and interactions)
• Font Awesome 6 Pro (icon library)
• Google Fonts — Jost (English font)
• WOW.js (scroll animations)
• Swiper (carousel/slideshow)
• MeanMenu (mobile hamburger menu)
• Magnific Popup (image/video lightbox)

Project Structurelink

elecfixhtml-10/
├── Documentation/          # Template usage documentation
│   ├── index.html
│   └── assets/css/js/images/
└── Main File/              # Website source files
    ├── index.html          # Homepage (version one)
    ├── index2.html         # Homepage (version two)
    ├── about.html
    ├── services.html
    ├── service-details.html
    ├── projects.html
    ├── project-details.html
    ├── blog.html
    ├── blog-details.html
    ├── team.html
    ├── pricing.html
    ├── faq.html
    ├── contact.html
    ├── 404.html
    └── assets/
        ├── css/main.css    # Main stylesheet (includes all page styles)
        └── js/main.js      # Main script (mobile menu, animations, lightbox, etc.)

Key File Descriptionslink

• Main File/index.html — Homepage entry point, includes Banner, service overview, project showcase, and full above-the-fold content
• Main File/index2.html — Alternative homepage variant, choose based on brand style
• Main File/assets/css/main.css — All page styles covering Header, Footer, Components and other modules
• Main File/assets/js/main.js — Interaction logic including mobile menu (etmobilemenu), sidebar popup, WOW initialization, number counter, etc.
• Documentation/index.html — Official documentation with template structure, customization guide, and support contact

Quick Startlink

Open Main File/index.html directly in a browser to preview all pages. For a local server (recommended), run:

npx serve elecfixhtml-10/Main\ File

Or use VS Code's Live Server extension to open index.html.

Usage Tipslink

• Before going live, replace the "Shared on THEMELOCK.COM" watermark and any placeholder content in index.html with your actual content
• All text and image paths are hardcoded in main.css and index.html — simply search and replace when customizing
• For SCSS compilation, assets/scss/main.scss is provided and can be integrated with build tools (e.g., Gulp) for style development