Project Overview
Repairix is a responsive HTML5 website template for automotive repair service providers. It includes multiple pages such as homepage, service details, blog, team, etc., and supports multi-theme color switching. Suitable for auto repair shops, 4S dealerships, quick-service garages, and similar scenarios.
Tech Stack
- Bootstrap 5 (responsive framework)
- Font Awesome (icon font)
- IcoMoon (custom icon font)
- jQuery (interactive functionality)
- Static HTML5/CSS3
Project Structure
repairix pack/
├── 1_html_file/ # Main template files directory
│ ├── index.html # Homepage
│ ├── about.html # About Us
│ ├── contact.html # Contact
│ ├── services.html # Services list page
│ ├── ser-*.html # Individual service detail pages
│ ├── team.html # Team page
│ ├── blog.html # Blog list
│ ├── blog-single.html # Blog detail
│ └── assets/ # CSS/JS/Image resources
├── 2_doc_file/ # Documentation and style resources
│ ├── css/ # Bootstrap/stylesheet files
│ ├── js/ # jQuery scripts
│ └── images/ # Documentation images
└── 3_icon_file/ # IcoMoon icon font
├── style.css # Icon styles
├── demo.html # Icon preview
└── fonts/ # Font files
Key File Descriptions
1_html_file/index.html— Homepage template entry1_html_file/services.html— Repair services list page1_html_file/assets/css/style.css— Main stylesheet (controls overall layout and color scheme)1_html_file/assets/css/color/theme-color.css— Theme color configuration (switchable blue/pink/purple tones)2_doc_file/css/bootstrap.css— Bootstrap framework styles3_icon_file/style.css— IcoMoon custom icon definitions
Quick Start
Open 1_html_file/index.html directly in your browser to preview. For local server testing, run:
# Python 3
python -m http.server 8080
# or Node.js
npx serve .
Usage Recommendations
When deploying, simply upload the contents of the 1_html_file directory to your server. In production, it is recommended to replace logo images, contact information, and service content. Theme colors can be changed by switching the CSS file in the color/ directory for skin customization.
