Project Overview
Sego is a Bootstrap admin dashboard template designed for the food and beverage industry, offering complete pages including dashboards, order management, product management, email systems, and chart statistics. Ideal for quickly building backend management systems for restaurants, cafes, and food delivery platforms.
Tech Stack
- Bootstrap 5
- jQuery
- SCSS (Source)
- Chartist / Chart.js (Charts)
- MetisMenu (Sidebar Menu)
- Perfect Scrollbar
Project Structure
segohtml-20/Sego-v2.0-18-October-2023/
├── xhtml/ # Production templates
│ ├── index.html # Dashboard homepage
│ ├── css/style.css # Compiled styles
│ ├── js/ # Scripts
│ ├── scss/ # SCSS source files
│ ├── vendor/ # Third-party plugins
│ └── *.html # Feature pages
├── documentation/ # Official documentation
└── theme/
Core Files Description
xhtml/index.html— Dashboard homepage with sales data, charts, and chat sidebarxhtml/css/style.css— Main stylesheet shared across all pagesxhtml/js/deznav-init.js— Sidebar navigation initialization with RTL/LTR toggle supportxhtml/scss/— SCSS source directory for customizable compilationxhtml/orders.html— Order list pagexhtml/ecom-product-grid.html— Product grid display page
Quick Start
Simply open xhtml/index.html in your browser to preview. For SCSS source files, compile them to the css/ directory using a Sass compiler (such as the VS Code Sass extension or the sass command line tool).
Usage Suggestions
The template includes built-in dark/light theme switching and LTR/RTL layout switching. Enable RTL via the URL parameter ?dir=rtl. It is recommended to replace brand colors and logos in style.css or the SCSS source files according to your actual business needs.
