Project Overviewlink

Handyfix is an HTML website template designed for repair workers and plumbers, featuring 30+ pages including homepage, blog, shop, and contact pages. It integrates custom icon fonts and the Bootstrap responsive framework, making it suitable for quickly building service-oriented business showcase websites.

Tech Stacklink

• Bootstrap (CSS + JS)
• jQuery
• Font Awesome
• Custom icon fonts (Flaticon)
• Google Fonts (Open Sans, Poppins, Rajdhani, Rubik)

Project Structurelink

handyfixhtml-10/
├── handyfix-html-documentations/    # Official documentation
│   ├── index.html
│   ├── css/
│   ├── js/
│   ├── images/
│   └── fonts/
├── handyfix-html-package/           # Main template package
│   ├── index.html                   # Homepage entry
│   ├── index-2.html                 # Homepage variant
│   ├── index-one-page.html          # One-page homepage
│   ├── about.html / contact.html
│   ├── blog-*.html                  # Blog layouts
│   ├── cart.html / checkout.html    # Shop pages
│   └── demo-landing.html
└── handyfix-icons/                  # Custom icon fonts
    ├── style.css
    └── demo.html

Core File Descriptionlink

• handyfix-html-documentations/index.html — Official documentation entry, includes HTML/CSS/JS structure explanations
• handyfix-html-package/index.html — Main template homepage
• handyfix-icons/style.css — Custom icon font definitions (includes plumber, wrench and other repair-related icons)
• handyfix-html-documentations/css/style.css — Documentation page styles
• handyfix-html-package/assets/vendors/handyfix-icons/style.css — Actual icon styles used by the template
• handyfix-html-package/handyfix-html-package/ — Contains all business pages (about, blog, shop, etc.)

Quick Startlink

Simply open handyfix-html-package/index.html in a browser to preview. To run with a local server:

# Python 3
python -m http.server 8080

# Or use VS Code Live Server extension

Usage Suggestionslink

The template includes multiple homepage variants (one-page, boxed, rtl). You can copy the corresponding HTML file as a development starting point based on your needs. Shop-related pages only contain frontend templates; backend form integration needs to be handled separately.