Project Overview
Barab is a set of static HTML templates designed for fast food restaurants and dining scenarios. It includes 20+ complete pages such as homepage, menu display, shopping cart, blog, reservations, and more — all viewable locally without a backend. Ideal for quickly building a restaurant brand website or food delivery landing page.
Tech Stack
- Bootstrap 5 (grid and base components)
- jQuery (DOM manipulation and interactions)
- GSAP (animations)
- Swiper (carousels)
- Isotope (filtering layouts)
- Font Awesome 6 Pro (icons)
- Google Fonts (Barlow Condensed / Inter / Bangers)
Project Structure
barabhtml-10/
├── documentation/ # Official documentation entry
│ ├── index.html
│ └── assets/
├── download-version/ # Production-ready version
│ ├── index.html # Homepage
│ ├── about.html # About
│ ├── menu-list.html # Menu list
│ ├── shop.html # Shop page
│ ├── cart.html # Shopping cart
│ ├── contact.html # Contact / Reservation
│ ├── blog.html # Blog list
│ ├── reservation.html # Table booking
│ └── assets/
│ ├── css/style.css # Theme styles
│ ├── js/main.js # Interaction logic
│ └── sass/ # SCSS source files
Key Files
download-version/index.html— Homepage entry with complete sections: banner, menu items, reviews, etc.download-version/assets/css/style.css— All theme styles (includes CSS variables and component styles)download-version/assets/js/main.js— Mobile menu, sticky scroll, back-to-top, carousel, and other interactionsdownload-version/assets/sass/style.scss— SCSS source for easy theme variable customizationdownload-version/mail.php— Backend script for contact/reservation forms
Quick Start
No dependencies required — simply open download-version/index.html in your browser to preview. For deployment, upload the contents of the download-version directory to your server.
To customize styles, we recommend using VS Code with the Live Sass Compiler extension to edit sass/style.scss and output to css/style.css.
Usage Tips
This template comes with complete e-commerce and restaurant business modules. Simply replace images, text, and contact information to use — no additional development needed. Form functionality relies on mail.php, so ensure your server supports PHP when deploying.
