Project Overviewlink

NetNova is a multi-page HTML static website template designed for the hosting/ISP industry. The homepage offers 3 style variants (index.html / index1.html / index2.html) and includes product display pages for domains, VPS, Reseller, Shared, and Dedicated hosting. Built on Bootstrap, the template natively supports responsive layouts, making it ideal for quickly building a hosting provider's official website.

Tech Stacklink

• Bootstrap 5 (CSS framework)
• Native HTML5 + CSS3
• JavaScript / jQuery (Owl Carousel, AOS animations, jQuery UI Slider)
• PHP (only contact-form.php handles contact form email sending)

Project Structurelink

netnovahtml-10/
  netnova/
    index.html          # Homepage variant one
    index1.html         # Homepage variant two
    index2.html         # Homepage variant three
    about.html
    blog.html / single-blog.html
    shop.html / cart.html / checkout.html / product-detail.html
    pricing.html
    domain.html / vps.html / reseller.html / shared.html / dedicated.html
    contact.html
    contact-form.php    # Contact form backend
    404.html / coming-soon.html
    assets/
      css/              # Stylesheets (includes responsive, shop, priceslider, etc.)
      bootstrap/        # Bootstrap core CSS
      images/           # Icons and illustrations

Key File Descriptionslink

• netnova/index.html — Main template entry point, includes complete page structure and navigation
• netnova/assets/css/style.css — Global stylesheet defining color variables (--e-global-color-*), fonts, and base component styles
• netnova/assets/css/responsive.css — Responsive breakpoint styles
• netnova/contact-form.php — Contact form backend, receives POST data and sends emails via PHP mail()
• netnova/assets/css/priceslider.css — VPS plan price slider styles, depends on jQuery UI Slider
• netnova/assets/js/ — Requires Owl Carousel, AOS, and other JS libraries (located in the assets/js directory)

Quick Startlink

1. Deploy the netnova folder to any web server (e.g., Nginx / Apache) or open it using VS Code Live Server
2. Visit index.html in your browser to preview the full effect
3. For the contact form functionality, deploy contact-form.php to a PHP-enabled server and ensure the server has sendmail configured

Usage Recommendationslink

• When modifying only the index.html series of homepages, you can directly copy the existing structure for quick skinning
• For production, be sure to replace the target email address in contact-form.php and consider using a more secure email sending solution like PHPMailer
• Image assets are located in assets/images/; it is recommended to compress them before use to improve loading speed