Project Overview
Nexhost is a multi-page HTML template designed for hosting service providers. It includes 5 homepage styles and covers multiple business pages such as shared hosting, cloud hosting, WordPress hosting, domain registration/transfer, SSL certificates, and email hosting. The template is built on Bootstrap, fully static, and requires no backend to deploy.
Tech Stack
- HTML5 + CSS3 (static pages)
- Bootstrap 5 (responsive layout framework)
- jQuery (interactive scripts)
- Slick Slider / Swiper (carousel components)
- Font Awesome (icon font)
- Google Fonts (Manrope, Plus Jakarta Sans, Roboto)
- meanmenu.js (mobile navigation)
Project Structure
text
nexthost/
├── index.html # Homepage (Style 1)
├── index-2.html ~ index-5.html # Other 4 homepage styles
├── hosting.html # Hosting plans list
├── hosting-details.html # Hosting details page
├── shared-hosting.html # Shared hosting
├── cloud-hosting.html # Cloud hosting
├── wordpress-hosting.html # WordPress hosting
├── email-hosting.html # Email hosting
├── domain-checker.html # Domain checker
├── domain-register.html # Domain registration
├── domain-transfer.html # Domain transfer
├── ssl-certificate.html # SSL certificate
├── price.html # Pricing table
├── about.html / team.html # About / Team
├── blog*.html # Blog list / details
├── portfolio*.html # Portfolio
├── contact.html / faq.html # Contact / FAQ
├── support.html # Technical support
├── whois.html # WHOIS lookup
├── 404.html # Error page
└── assets/
├── css/ # All stylesheets (including main.css)
├── fonts/ # Font files (Clash Display, Font Awesome)
└── images/ # Page images
docs/
├── index.html # Template documentation (Bootstrap Tab navigation)
├── css/style.css # Documentation page styles
└── img/ # Documentation images
Key Files
nexthost/index.html— Main entry page, includes all core CSS and JSnexthost/assets/css/main.css— Main template stylesheet (defines colors, animations, typography)nexthost/assets/css/bootstrap.min.css— Bootstrap framework stylesnexthost/assets/js/bootstrap.bundle.min.js— Bootstrap JS (includes Popper)docs/index.html— Official documentation page, includes file structure, SCSS structure, third-party referencesnexthost/assets/css/slick.css— Slick carousel plugin styles
Quick Start
- Extract the archive and navigate to the
nexthost/directory - Open
index.htmldirectly in a browser to preview - For a local development server, run:
Or use the VS Code Live Server extensionbash
npx serve nexthost
Usage Tips
- The template is pure static HTML. To deploy, simply upload the
nexthost/directory to any web server or static hosting platform (e.g., Vercel, Netlify) - Pages are linked via hyperlinks. When modifying navigation links, update them across all pages
- The template includes 5 homepage styles. To switch, simply replace the
<body>content block — no CSS changes needed
