Project Overviewlink

SaasoX is a static HTML template designed for SaaS and software products. It includes multiple homepage versions, services, team, pricing, blog, and other business pages, making it ideal for quickly building a software website or landing page.

Tech Stacklink

• Frontend Framework: Bootstrap 5 (responsive layout)
• Dynamic Interactions: jQuery (mobile menu, carousel, counter, pricing toggle, etc.)
• Animation Library: Animate.css + WOW.js (scroll-triggered animations)
• Carousel Component: Slick Slider
• Icons: FontAwesome 6.6.0
• Fonts: Sora (headings), DM Sans (body text)

Project Structurelink

saasoxhtml-10/
├── SaasoX - Documentation/
│   ├── index.html         # Usage documentation entry
│   └── assets/css/        # Documentation styles
└── SaasoX - Template/
    ├── index.html         # Main homepage
    ├── home-v2.html       # Homepage variant 2
    ├── home-v3.html       # Homepage variant 3
    ├── about-us.html
    ├── services.html
    ├── service-details.html
    ├── projects.html
    ├── project-details.html
    ├── team.html
    ├── team-details.html
    ├── pricing.html
    ├── integrations.html
    ├── faqs.html
    ├── error.html
    ├── blog.html
    ├── blog-standard.html
    ├── blog-details.html
    └── contact.html
    └── assets/
        ├── css/           # Stylesheets (main + third-party)
        ├── fonts/         # FontAwesome fonts
        ├── img/           # Icons and placeholder images
        └── js/            # jQuery plugins + main.js

Key File Descriptionslink

• SaasoX - Template/index.html — Main homepage with Hero, Features, Services, Pricing, and other sections
• assets/css/style.css — Main template stylesheet defining color variables, typography, spacing, and site-wide layout
• assets/js/main.js — Interaction logic: preloader, mobile menu, sticky navigation, carousel initialization, counter animation, pricing toggle, Isotope filtering, etc.
• assets/css/bootstrap.min.css — Bootstrap base styles and responsive grid system
• pricing.html — Pricing page with monthly/yearly toggle (controlled by pricingToggle function)
• blog.html / blog-standard.html — Blog listing pages with Isotope category filtering

Quick Startlink

1. Upload the SaasoX - Template folder to your server (Nginx/Apache recommended);
2. Open index.html directly in a browser to preview all pages;
3. To replace images: swap placeholder images in assets/img/ with your actual assets;
4. To modify colors: edit the CSS variables at the top of assets/css/style.css (e.g., --theme-color-2).

Usage Tipslink

• This template is purely static and requires no build tools to use;
• contact.html includes a placeholder contact form structure that can be connected to third-party form services (e.g., Formspree) for real submissions;
• The template includes multiple homepage variants. It's recommended to choose the version that best fits your business, then delete unnecessary HTML files to keep the project clean.