Project Overviewlink

WebFlux is a multi-page business website template based on Bootstrap, offering three homepage variants (index / index2 / index3). It includes complete pages such as About Us, Blog, Shop, Product Details, Team, Case Studies, and Pricing, making it suitable for quickly building corporate websites or e-commerce showcase sites.

Tech Stacklink

• Bootstrap 5 (CSS framework)
• Owl Carousel 2 (carousel component)
• jQuery UI Slider (price range slider)
• Font Awesome 6 (icon library)
• PHP (contact form backend processing)

Project Structurelink

webfluxhtml-10/
  documentation/
  webflux/
    index.html        # Homepage variant one
    index2.html       # Homepage variant two
    index3.html       # Homepage variant three
    about.html        # About Us
    blog.html         # Blog list
    shop.html         # Shop
    product-detail.html
    cart.html
    checkout.html
    contact.html      # Contact page
    contact-form.php  # Form backend
    team.html
    testimonial.html
    pricing.html
    project.html
    services.html
    assets/
      bootstrap/
        bootstrap.min.css
      css/
        custom.css, responsive.css
        owl.carousel.min.css
        priceslider.css
      images/

Core File Descriptionlink

• index.html — Main entry page, includes Banner, service features, case studies, and other sections
• contact-form.php — Processes data submitted from contact.html, sends email to specified address
• assets/css/priceslider.css — jQuery UI price slider styles, used for shop filtering
• assets/bootstrap/bootstrap.min.css — Bootstrap core stylesheet
• assets/css/owl.carousel.min.css + owl.theme.default.min.css — Carousel component styles
• shop.html — Shop list page, includes category filtering and price slider

Quick Startlink

1. Open webflux/index.html directly in a browser to preview the full effect
2. To use the contact form, deploy the entire webflux folder to a PHP-supported web server
3. Modify $to_email in contact-form.php to the actual recipient email address

Usage Suggestionslink

• This template consists of pure static pages, suitable for directly modifying HTML/CSS content and deploying to any static hosting service
• The contact form relies on PHP's mail() function; for production environments, consider replacing it with more reliable email solutions like SendGrid or PHPMailer
• The pages extensively use absolute positioning and fixed heights; mobile responsiveness requires extra attention to breakpoint styles in responsive.css