Project Overviewlink

HostinGard is a static HTML website template designed for web hosting companies and hosting service providers, complete with a full WHMCS client portal theme and shopping cart order form templates. It supports both LTR (Left-to-Right) and RTL (Right-to-Left) text directions, making it suitable for quickly building a hosting provider's main website along with its billing system.

Tech Stacklink

• HTML5 / CSS3 (static templates)
• Bootstrap 4.5.3 (layout framework)
• jQuery 1.12.4 (interactive scripts)
• Font Awesome 5.10.1 (icon library)
• PHP (WHMCS hooks and configuration)
• SASS (style customization)
• WHMCS 8.x (client management and billing system)

Project Structurelink

hostingardhtml-160/
├── documentation/
│   ├── html-documentation/
│   └── whmcs-documentation/
├── html/
│   ├── HostinGard/
│   │   └── src/
│   └── HostinGard-rtl/
│       └── src/
└── whmcs/
    ├── hooks/
    │   ├── index.php
    │   └── config/
    ├── orderforms/
    │   └── themetags_cart/
    └── templates/
        └── hostingard/

Key File Descriptionslink

• html/HostinGard/src/ — Main website HTML templates (LTR version)
• html/HostinGard-rtl/src/ — RTL layout version, suitable for right-to-left languages like Arabic
• whmcs/templates/hostingard/ — WHMCS client area theme templates (interface after client login)
• whmcs/orderforms/themetags_cart/ — WHMCS shopping cart order form templates (product selection flow)
• whmcs/hooks/ — WHMCS custom hooks directory for extending functionality
• documentation/ — Two sets of documentation: HTML and WHMCS

Quick Startlink

Main Site Template

Open index.html in html/HostinGard/src/ directly in your browser, or use any local server (e.g., Live Server) for preview.

WHMCS Integration

1. Copy whmcs/templates/hostingard/ to your WHMCS templates/ directory
2. Copy whmcs/orderforms/themetags_cart/ to your WHMCS orderforms/ directory
3. Copy the files from whmcs/hooks/ into your WHMCS hooks/ directory
4. Set the default template and order form in the WHMCS admin panel

Usage Recommendationslink

This template relies on Bootstrap 4 and jQuery. When customizing page styles, it is recommended to modify SASS variables rather than directly overriding CSS. For production use, deploy all static assets to a CDN and enable HTTPS.