Project Overviewlink

Sabi is a set of HTML responsive templates designed for digital/data science agencies, including complete documentation and ready-to-use page templates. Built on Bootstrap 3, the template provides over a dozen pages including homepage, about, services, blog, case studies, pricing, and contact — ideal for quickly building digital marketing, data analysis, and tech consulting websites.

Tech Stacklink

• Bootstrap 3 (CSS framework)
• jQuery (interactive scripts)
• Font Awesome (icon fonts)
• Highlight.js / Prism (code highlighting)
• Google Fonts (Open Sans, Poppins, etc.)
• Static HTML (no build required)

Project Structurelink

sabihtml-10/
└── sabi-package-files/
    ├── sabi-documentations/     # Template documentation
    │   ├── index.html          # Documentation homepage
    │   ├── css/                # Documentation styles (includes bootstrap.css, style.css)
    │   ├── fonts/              # Font files
    │   ├── images/             # Documentation images
    │   └── js/                 # Documentation scripts
    └── sabi-html-files/        # Actual template pages
        ├── index.html          # Homepage
        ├── index-2.html        # Homepage variant
        ├── about.html          # About us
        ├── services.html       # Services page
        ├── blog.html           # Blog list
        ├── blog-single.html    # Blog detail
        ├── blog-v2.html        # Blog list v2
        ├── cases.html          # Case studies list
        ├── cases-single.html   # Case study detail
        ├── contact.html        # Contact us
        ├── faq.html            # Frequently asked questions
        ├── leadership.html     # Team leadership
        ├── pricing.html        # Pricing plans
        └── assets/             # Static resources (images, icons, etc.)

Key File Descriptionslink

• sabi-html-files/index.html — Website homepage entry point, includes complete modules like navigation, carousel, and service introduction
• sabi-documentations/index.html — Official template documentation explaining HTML structure, CSS composition, JS functionality, and configuration methods
• sabi-documentations/css/style.css — Documentation page styles, defining left sidebar, color scheme, and typography specifications
• sabi-documentations/js/script.js — Documentation page interactive scripts, implementing single-page anchor navigation and scroll functionality
• sabi-html-files/assets/css/sabi.css — Main template core stylesheet (located in the assets directory under html-files)
• sabi-documentations/css/bootstrap.css — Bootstrap framework styles, the documentation page relies on this library for responsive layout

Quick Startlink

1. Open sabi-html-files/index.html directly in your browser to preview the full website
2. For a local server (recommended), run the following command in the sabi-html-files directory:
   bashcontent_copyCopy

   python -m http.server 8080
   

   Then visit http://localhost:8080
3. Refer to sabi-documentations/index.html to understand page structures, component usage, and custom configuration

Usage Suggestionslink

This template is suitable for data science and digital marketing company websites, with comprehensive page coverage but purely static implementation. For dynamic functionality (such as form submission, blog management), it is recommended to integrate a backend service or CMS. When modifying the template, be careful to maintain the Bootstrap grid structure to avoid breaking responsive layouts.