Project Overviewlink

Autozen is a dark-themed static HTML template built on Bootstrap 5 for car detailing and repair services. It includes complete pages such as homepage, service details, team introduction, and pricing plans, making it ideal for automotive aftermarket service providers to quickly build a corporate showcase website. All pages are purely static and require no backend to run.

Tech Stacklink

• HTML5 + CSS3 + JavaScript (Vanilla)
• Bootstrap 5 (Responsive Layout Framework)
• AOS (Scroll Animation Library)
• GLightbox (Image Lightbox)
• Slick (Carousel Component)
• Fancybox (Modal Preview)
• Bootstrap Icons (Icon Library)
• PHP (Form Submission Example Only)

Project Structurelink

html_template/
├── index.html               # Homepage
├── about-us.html            # About Us
├── services.html            # Services List
├── service-details.html     # Service Details
├── our-team.html            # Our Team
├── our-process.html         # Our Process
├── pricing-plan.html        # Pricing Plan
├── appointment.html         # Appointment Page
├── contact-us.html          # Contact Us
├── testimonials.html        # Testimonials
├── blog.html                # Blog List
├── single-post.html         # Blog Post
├── faq.html                 # FAQ
├── careers.html             # Careers
├── 404.html                 # 404 Page
├── css/
│   └── style.css            # All Styles
├── js/
│   ├── script.js            # Main Script
│   ├── script-counter.js    # Number Scroll Animation
│   ├── gallery-preview.js   # Gallery Preview
│   └── submit-form.js       # Form Submission
├── images/                  # Image Assets
├── videos/                  # Video Assets
└── php/
    └── form_process.php     # Form Processing Example

Key Fileslink

• html_template/index.html — Homepage showcasing core services and brand information
• html_template/css/style.css — Main theme stylesheet defining color variables and global layout
• html_template/js/script.js — Navigation, animation, and interaction logic
• html_template/js/gallery-preview.js — Image lightbox initialization (GLightbox)
• html_template/php/form_process.php — Form data processing example for contact/appointment pages
• documentation/index.html — Official development documentation with file structure and customization guide

Quick Startlink

1. Navigate to the html_template directory
2. Open index.html directly in a browser to preview all pages
3. To modify content, edit the corresponding HTML files using VS Code or any text editor
4. To enable form functionality, deploy php/form_process.php to a PHP-supported server

Usage Recommendationslink

This template is a pure frontend static page without CMS integration. To integrate with platforms like WordPress, you will need to rebuild accordingly. The dark theme color scheme (primary color #DF3B34) suits high-end service scenarios such as car modification and detailing. It is recommended to adjust the --primary-color and --font configurations in the CSS variables according to your brand VI.