项目简介link

Tejarat 是一款多用途商业企业 HTML 模板，基于 Bootstrap 4 构建，提供 11 种以上的首页变体，涵盖商业、咨询、代理等多种场景。模板使用 SCSS 进行样式管理，支持 RTL 布局，并配备完整的 Gulp 自动化构建流程。

技术栈link

• HTML5 / CSS3
• Bootstrap 4
• Sass / SCSS
• Gulp（任务自动化）
• jQuery
• Google Fonts（Poppins、Mirza、Allura）

项目结构link

tejarat/
├── src/                    # 模板源码
│   ├── index.html          # 首页入口
│   ├── style.css           # 编译后的主样式
│   └── ...
├── build-config/           # 构建配置
├── gulpfile.js             # Gulp 任务定义
└── package.json            # 依赖管理

documentation/
├── index.html              # 官方文档页面
├── css/style.css           # 文档样式
└── js/                     # 文档脚本

核心文件说明link

• tejarat/src/index.html — 模板首页入口，包含导航、页脚等完整页面结构
• tejarat/src/style.css — 主题主样式文件，定义所有页面元素的视觉样式
• tejarat/src/vendor_assets/css/config.bs.scss — Bootstrap 4 主题配色与变量的配置文件
• tejarat/gulpfile.js — Gulp 自动化任务配置，负责编译、压缩、同步等
• tejarat/package.json — 项目依赖声明（gulp-sass、browser-sync 等）
• documentation/index.html — 模板官方使用文档页面

快速开始link

1. 进入 tejarat 目录，安装依赖：
   bashcontent_copyCopy

   npm install
   

2. 运行 Gulp 开发服务器：
   bashcontent_copyCopy

   gulp
   

3. 浏览器自动打开 http://localhost:3000

使用建议link

• 若需自定义主题颜色与布局，优先修改 src/vendor_assets/css/config.bs.scss 配置文件，再通过 SCSS 重新编译。
• 该模板包含大量预设组件页面（如博客、作品集、招聘、论坛等），建议直接复制 src 目录下的 HTML 文件进行二次开发。