Project Overview
Tejarat is a multipurpose business enterprise HTML template built on Bootstrap 4, offering over 11 homepage variations covering business, consulting, agency, and other scenarios. The template uses SCSS for style management, supports RTL layout, and comes with a complete Gulp automation build workflow.
Tech Stack
- HTML5 / CSS3
- Bootstrap 4
- Sass / SCSS
- Gulp (Task Automation)
- jQuery
- Google Fonts (Poppins, Mirza, Allura)
Project Structure
text
tejarat/
├── src/ # Template source code
│ ├── index.html # Homepage entry
│ ├── style.css # Compiled main stylesheet
│ └── ...
├── build-config/ # Build configuration
├── gulpfile.js # Gulp task definitions
└── package.json # Dependency management
documentation/
├── index.html # Official documentation page
├── css/style.css # Documentation styles
└── js/ # Documentation scripts
Core File Descriptions
tejarat/src/index.html— Template homepage entry, includes complete page structure with navigation, footer, etc.tejarat/src/style.css— Theme main stylesheet, defines visual styles for all page elementstejarat/src/vendor_assets/css/config.bs.scss— Bootstrap 4 theme color and variable configuration filetejarat/gulpfile.js— Gulp automation task configuration for compilation, minification, synchronization, etc.tejarat/package.json— Project dependency declarations (gulp-sass, browser-sync, etc.)documentation/index.html— Template official usage documentation page
Quick Start
- Navigate to the
tejaratdirectory and install dependencies:bashnpm install - Run the Gulp development server:
bash
gulp - The browser will automatically open http://localhost:3000
Usage Recommendations
- To customize theme colors and layout, first modify the
src/vendor_assets/css/config.bs.scssconfiguration file, then recompile via SCSS. - The template includes numerous preset component pages (such as blog, portfolio, jobs, forum, etc.). It is recommended to directly copy HTML files from the
srcdirectory for further development.
