Project Overviewlink

BitSense is a business consulting HTML template built on Bootstrap 5, including complete page templates such as Home, About, Services, Case Studies, News, Events, and Contact. It features GSAP animations, Lenis smooth scrolling, supports SCSS development and RTL (right-to-left) layout, making it suitable for quickly building multilingual corporate websites.

Tech Stacklink

• HTML5 / CSS3
• Bootstrap 5.3.5
• GSAP 3.12.5 (interactive animations)
• @studio-freight/lenis (smooth scrolling)
• Webpack 5 (Bundler, includes Babel, SCSS, PostCSS)
• Prettier + Husky (code formatting and Git Hooks)

Project Structurelink

BitSense-HTML-v1.0.0/
├── index.html                    # Homepage entry
├── index-rtl.html                # Homepage RTL version
├── package.json                  # Dependency configuration
├── webpack.config.js             # Webpack build configuration
├── demo_1/                       # Demo version one
│   ├── about-1.html
│   ├── services-1.html
│   ├── case-studies.html
│   ├── news-1.html
│   ├── contact.html
│   └── ...(RTL versions of each page)
├── demo_2/                       # Demo version two
└── demo_3/                       # Demo version three
    └── ...(same as above)

Core File Descriptionlink

• index.html — Homepage entry file
• package.json — Project dependencies and script definitions
• webpack.config.js — Build configuration, includes SCSS compilation and automatic RTL generation
• inc/assets/scss/style.scss — Main style entry (located in source code)
• inc/assets/dist/style.css — Compiled output, directly referenced by HTML
• demo_*/ — Three sets of demo pages with different layouts

Quick Startlink

# Install dependencies
npm install

# Development mode (watch file changes with hot reload)
npm run build

# Production build (minified, watch disabled)
npm run build-prod

After building, open the generated index.html directly in your browser to preview.

Usage Recommendationslink

• For production projects, modify style source files under inc/assets/scss/ and recompile using npm run build.
• RTL versions are automatically generated by rtlcss-webpack-plugin as corresponding -rtl.css files. You can copy index.html as index-rtl.html and replace the style reference paths.