Project Introductionlink

SiteWarden is a multi-page hosting service website template based on Bootstrap, featuring three homepage style variants, blog, shop, shopping cart, checkout, VPS/Dedicated/Reseller/Shared hosting introduction pages, domain lookup, pricing, FAQ, and other complete business pages. It is suitable for quickly building hosting/domain company websites.

Tech Stacklink

• HTML5 + CSS3 (static pages)
• Bootstrap 4 (responsive layout, navigation, carousel components)
• Owl Carousel 2 (homepage carousel / customer testimonials carousel)
• jQuery UI Slider (pricing slider)
• Font Awesome 6 (icon library)
• PHP (only contact-form.php, handles contact form email sending)

Project Structurelink

sitewardenhtml-10/
├── documentation/
│   └── doc.html
└── sitewarden/
    ├── index.html          # Homepage 01
    ├── index2.html          # Homepage 02
    ├── index3.html          # Homepage 03
    ├── about.html
    ├── blog.html / single-blog.html
    ├── shop.html / product-detail.html
    ├── cart.html / checkout.html
    ├── pricing.html
    ├── services: dedicated.html / vps.html / shared.html / reseller.html / domain.html
    ├── contact.html + contact-form.php
    ├── faq.html / testimonial.html / coming-soon.html
    ├── 404.html
    └── assets/
        ├── bootstrap/bootstrap.min.css
        ├── css/ (custom.css / responsive.css / owl.carousel.min.css etc.)
        └── images/

Core File Descriptionlink

• sitewarden/index.html — Homepage 01, includes top navigation, Banner, service introduction, customer testimonials and other sections
• sitewarden/assets/css/custom.css — Custom global styles, overrides Bootstrap default appearance
• sitewarden/assets/css/owl.carousel.min.css — Carousel component styles, handles Banner and customer testimonials sliding effects
• sitewarden/assets/css/priceslider.css — jQuery UI Slider styles, used for pricing page price range slider
• sitewarden/contact-form.php — PHP form handler, receives POST data and sends email (recipient inbox hardcoded on line 9)
• sitewarden/services/vps.html — VPS hosting introduction page, includes configuration display and price slider

Quick Startlink

This project is a pure static website, no npm or build tools required:

1. Deploy the sitewarden/ directory to any web server (e.g., Apache/Nginx), or preview directly with VS Code Live Server
2. Open index.html in a browser to view the homepage
3. The contact form requires a PHP environment to run; ensure the server has sendmail or SMTP configured

Usage Suggestionslink

• Template image placeholders are static resources; it is recommended to replace them with actual product screenshots. The contact form's recipient email should be changed to the actual business address
• All pages share stylesheets under assets/css/; modifying custom.css can globally adjust brand colors and typography