Project Overviewlink

Weblite is a single-page landing page HTML template designed for consulting and service-oriented businesses. Built with Bootstrap 5, it integrates GSAP animations and Swiper carousels, making it suitable for marketing campaigns, product promotions, or corporate branding. The template offers 4 homepage variations with built-in contact forms and subscription functionality.

Tech Stacklink

• Bootstrap 5 (CSS / JS)
• Swiper (carousel component)
• GSAP (scroll animations)
• Font Awesome 6 (icons)
• Google Fonts (Instrument Sans)
• PHP (form backend, contact.php / subs.php only)

Project Structurelink

weblitehtml-10/
├── Documentation/          # Template usage documentation
│   ├── index.html
│   ├── style.css
│   └── images/
└── main_files/             # Production template files
    ├── index.html          # Homepage (Layout 1)
    ├── index-2.html
    ├── index-3.html
    ├── index-4.html
    ├── contact.php         # Contact form handler
    ├── subs.php            # Subscription form handler
    └── assets/
        ├── css/            # Stylesheets (style.css, responsive.css, etc.)
        ├── fonts/          # Font Awesome font files
        └── js/             # Scripts (bootstrap, gsap, swiper, etc.)

Key Fileslink

• main_files/index.html — Main homepage file with complete sections including Hero, forms, ratings display
• main_files/assets/css/style.css — Main stylesheet defining visual styles for all page components
• main_files/assets/js/gsap-scroll-smoother.js — GSAP scroll animation script
• main_files/contact.php — Contact form backend processing logic
• Documentation/index.html — Official template usage documentation

Quick Startlink

# Local preview (recommend using any HTTP server)
cd weblitehtml-10/main_files
npx serve .
# Or use PHP built-in server
php -S localhost:8080

Form functionality requires deployment to a PHP-enabled web server.

Usage Recommendationslink

• Replace placeholder images (placehold.co) in assets/img/ with actual assets for production
• Update recipient email addresses in contact.php and subs.php when deploying PHP forms
• Theme color is controlled via CSS variable --theme-color (currently #CDDE4F), adjustable as needed