Project Overviewlink

Quiety is a Bootstrap 5-based HTML template for SaaS, software technology, and IT solutions, ideal for IT companies, software firms, and tech startups to quickly build their official websites. It includes both LTR and RTL versions, uses a Gulp build workflow, and supports Sass/SCSS for styling.

Tech Stacklink

• Bootstrap 5.2.0
• jQuery 3.6.0
• Sass / SCSS
• Gulp 4.0.2
• Babel
• Bourbon (Sass library)
• BrowserSync

Project Structurelink

quietyhtml-760/
├── Documentation/          # Template usage documentation
│   ├── index.html
│   └── assets/css/
├── Quiety/                  # LTR main version
│   ├── gulpfile.js
│   ├── package.json
│   └── src/assets/          # Source directory
│       ├── scss/
│       └── js/
└── Quiety-rtl/              # RTL Arabic version
    ├── gulpfile.js
    └── package.json

Key File Descriptionslink

• Quiety/gulpfile.js — Gulp build task configuration, defining development compilation and production packaging workflows
• Quiety/package.json — Project dependency declarations, including Bootstrap, jQuery, Sass, etc.
• Quiety/src/assets/scss/ — SCSS style source files, compiled to dist
• Quiety/src/assets/js/app.js — Custom JavaScript entry file
• Quiety/dist/ — Production file directory output by Gulp compilation
• Documentation/index.html — Template customization guide documentation

Quick Startlink

# Navigate to Quiety or Quiety-rtl directory
cd quietyhtml-760/Quiety

# Install dependencies
npm install

# Development mode (launch BrowserSync with hot reload)
npm start

# Production build (minify CSS/JS, replace asset paths)
npm run build

Usage Recommendationslink

• Use npm start for daily development to leverage BrowserSync's auto-refresh preview
• Always run npm run build before production deployment — Gulp will merge and minify assets and update HTML reference paths
• The RTL version (Quiety-rtl) targets right-to-left reading markets such as Arabic and Hebrew