Project Overviewlink

Qlinest is a static HTML website template designed for home cleaning services, built with the Bootstrap framework and featuring responsive layout. The template includes complete pages such as Home, About Us, Service Details, Blog, and Contact Form, making it suitable for cleaning service companies or individual studios to quickly build a website.

Tech Stacklink

• Bootstrap 5 (responsive layout framework)
• jQuery 3.x (DOM manipulation and interaction logic)
• Font Awesome 6 (icon library)
• Slick Slider (carousel component)
• AOS (scroll animation library)
• Odometer (number scrolling animation)
• Tom Select (dropdown select box)
• Google Fonts (Inter + Plus Jakarta Sans fonts)

Project Structurelink

qlinesthtml-10/
├── Qlinest - Documentation/      # Template usage documentation
│   ├── index.html
│   └── assets/css/style.css
└── Qlinest - Template/           # Official template files
    ├── index.html                # Home page
    ├── about-us.html
    ├── blog.html
    ├── blog-details.html
    ├── contact-us.html
    ├── services.html
    ├── service-details.html
    └── assets/
        ├── css/                  # All style files
        ├── fonts/                # Font files
        └── img/                  # Image assets

Core File Descriptionlink

• Qlinest - Template/index.html — Home page entry, integrates all block components
• assets/css/style.css — Main stylesheet, defines colors, layout, typography
• assets/js/main.js — Interaction logic (navigation, carousel, number animations, forms, etc.)
• assets/css/bootstrap.min.css — Bootstrap base styles
• assets/css/fontawesome.min.css — Font Awesome icons
• assets/css/slick.min.css — Slick carousel component styles

Quick Startlink

1. Download and extract the template files
2. Navigate to the Qlinest - Template folder
3. Open index.html directly in a browser to preview
4. For a local server, run:

# Using Python
python -m http.server 8000

# Or using npx
npx serve .

Usage Suggestionslink

• Replace placeholder images in assets/img/ with actual business images
• Modify CSS variables in style.css (--primary-color, --accent-color, etc.) according to brand requirements
• The contact form requires backend support for sending/receiving emails; you can integrate with third-party form services