Project Overviewlink

Boostly is a multi-page HTML template designed for SaaS and tech startup companies, built on Bootstrap 5. It offers complete business pages including homepage variants, about, services, pricing, news, team, etc., suitable for quickly building SaaS product websites or marketing landing pages.

Tech Stacklink

• Bootstrap 5.3 (responsive layout framework)
• jQuery (DOM interaction and plugin drivers)
• Swiper (carousel and brand sliding components)
• MeanMenu (mobile responsive navigation)
• Magnific Popup (image/video lightbox)
• Nice Select (custom dropdown selection)
• Google Fonts (DM Sans, Sen, Manrope, etc.)

Project Structurelink

boostlyhtml-10/
├── buyer-file/               # Final deliverable template files
│   ├── index.html             # Homepage (main entry)
│   ├── about.html             # About Us
│   ├── service.html           # Services list
│   ├── pricing.html           # Pricing page
│   ├── news.html              # Blog/News list
│   ├── contact.html           # Contact page
│   ├── sign-in.html           # Sign In
│   ├── register.html          # Register
│   ├── team.html              # Team members
│   ├── assets/
│   │   ├── css/main.css       # Core theme styles
│   │   └── js/main.js         # Interaction logic (sticky header/carousel/lightbox, etc.)
│   └── contact.php            # Contact form backend processing
├── documentation/             # Official documentation (for developer reference)
└── assets/                    # Documentation static resources

Core File Descriptionlink

• buyer-file/index.html — Homepage entry, integrates all sections with multiple version switching
• buyer-file/assets/css/main.css — Main theme styles, includes CSS variables, button components, layout basics
• buyer-file/assets/js/main.js — Interaction scripts, handles mobile menu, Sticky Header, Swiper carousel, CounterUp, Wow animations, sidebar, etc.
• buyer-file/contact.php — Contact form PHP backend, can integrate with email services
• documentation/index.html — Template official documentation, includes HTML/CSS/JS structure explanations
• buyer-file/service-details.html — Service details page (template page example)

Quick Startlink

No installation required. Simply open buyer-file/index.html in your browser to preview the full effect. For a local server (recommended):

# Python 3
python -m http.server 8000

# Node.js (npx)
npx serve buyer-file

Then visit http://localhost:8000.

Usage Suggestionslink

• Replace images under assets/img/ and brand color variables (e.g., --gt-theme) in assets/css/main.css for basic customization
• contact.php needs to be deployed to a PHP environment with email sending logic configured (e.g., SendGrid / SMTP) for the contact form to work properly
• Mobile effects depend on jQuery; ensure jquery.min.js is loaded before main.js at the bottom of the page