Project Overviewlink

Karx is a responsive HTML5 website template designed for the cleaning service industry, featuring complete pages including Home, About, Services, Cases, Portfolio, Shop, Blog, and Contact. It supports multi-device adaptation and basic e-commerce functionality (shopping cart, checkout). Built on the Bootstrap framework, pages can run independently without a backend, making it ideal for quickly building cleaning company or家政 service websites.

Tech Stacklink

• HTML5 / CSS3 (Static Pages)
• Bootstrap 5 (Layout & Grid)
• jQuery (DOM Manipulation & Interactions)
• Swiper (Carousel & Slideshow Components)
• MeanMenu (Mobile Side Navigation)
• Font Awesome 6 (Icon Library)
• Google Fonts (Open Sans, Poppins)

Project Structurelink

karkshtml-10/
├── documentation/          # Official documentation (can be ignored)
│   └── index.html
└── karx/                   # Template main directory
    ├── index.html          # Homepage (Version 1)
    ├── index-2.html        # Homepage (Version 2)
    ├── index-3.html        # Homepage (Version 3)
    ├── about.html          # About Us
    ├── service.html        # Services List
    ├── portfolio.html      # Case Studies
    ├── shop.html           # Product List
    ├── cart.html           # Shopping Cart
    ├── checkout.html       # Checkout Page
    ├── blog.html           # Blog List
    ├── contact.html        # Contact Information
    └── assets/
        ├── css/            # Stylesheets (includes main.css, Bootstrap, etc.)
        ├── js/             # Scripts (includes main.js, Swiper, etc.)
        └── img/            # Image Assets

Key Files Descriptionlink

• karx/index.html — Homepage entry, integrates Swiper slideshow and animations
• karx/assets/css/main.css — Main stylesheet, includes global typography, components, and responsive breakpoints
• karx/assets/js/main.js — Interaction logic, includes Swiper initialization, mobile menu, scroll-to-top, etc.
• karx/assets/css/bootstrap.min.css — Bootstrap core styles
• karx/cart.html — Shopping cart page
• karx/checkout.html — Checkout process page

Quick Startlink

This project is a pure static template with no dependencies to install. Simply open it in a browser to preview:

# Open the homepage directly in browser
open karx/index.html

# Or use a local HTTP server (to avoid cross-origin restrictions in some browsers)
python3 -m http.server 8080
# Then visit http://localhost:8080/karx/

Usage Recommendationslink

• For production use, deploy the karx/ directory to the server root via FTP to ensure all resource paths are correct.
• The template comes with three homepage variants by default; choose or mix layouts based on brand style.
• To integrate real products and order systems, implement API connections on the server side. The template only provides the frontend static structure.