Project Overview
xHosting (Hostinkar) is a set of static HTML website templates designed for hosting service providers, built on Bootstrap 5.3.2. It provides pages for domains, hosting, pricing, blogs, and more, making it suitable for quickly building a hosting provider's official website. The template includes 4 homepage variations and a complete set of functional pages.
Tech Stack
- HTML5 + Static Templates
- Bootstrap v5.3.2 (Responsive Layout)
- jQuery 3.6.0 (Interaction Logic)
- Third-party CSS/JS Libraries: Swiper, Magnific Popup, FontAwesome, AOS, Odometer, Slick, etc.
- PHP mail() (Contact Form Backend)
Project Structure
hostinkar-html/
├── Documentation/
│ └── index.html # Template documentation page
└── xhosting-html/
├── index.html # Homepage (4 homepage variations)
├── hosting.html # Hosting plans page
├── domain.html # Domain search page
├── pricing.html # Pricing page
├── blog.html # Blog list
├── contact.html # Contact page
├── login.html # Login page
├── register.html # Registration page
└── assets/
├── css/ # Stylesheets
├── js/ # Script files
├── img/ # Image assets
└── mail.php # Form email processing
Key File Descriptions
xhosting-html/index.html— Homepage entry, includes top navigation and multi-homepage switchingxhosting-html/hosting.html— Hosting plan display pagexhosting-html/pricing.html— Pricing packages pagexhosting-html/assets/css/main.css— Main stylesheet, controls global appearancexhosting-html/assets/js/main.js— Main script file, initializes plugins and interactionsxhosting-html/assets/mail.php— Contact form email sending backend script
Quick Start
- Extract the downloaded package and navigate to the
hostinkar-html/xhosting-html/directory - Upload the directory contents to a web server (or a local development server like Live Server)
- Open
index.htmldirectly in a browser or access it via the server - For the contact form functionality, the server must support PHP and have the
mail()function enabled
Usage Suggestions
The template includes numerous page variations. You can modify color variables and the logo in assets/css/main.css according to your brand needs. Note that the contact form relies on a server-side PHP environment; if using static hosting, you'll need to replace it with a third-party form service.
