FoodTown is a complete, ready-to-use admin dashboard HTML template for restaurants, cafes and food businesses. It covers the whole day-to-day workflow in one clean design: taking orders at the counter, running the kitchen, managing tables and reservations, tracking stock and suppliers, recording payments and expenses, and reading sales reports.

It is built with HTML5, CSS3, Bootstrap 5 and vanilla JavaScript. There is no jQuery, no framework and no build step. Just open the files and start working.

Demo Login Details

Use the demo account below on the login page. You can also press the Use demo credentials button to fill the fields automatically.

• Email: admin@foodtown.com
• Password: Admin@123

The login is a front-end demo only. Replace it with your own server-side authentication before going live.

Top Features

• 47 ready-to-use HTML pages that share one consistent design
• Full RTL support (Arabic, Hebrew, Urdu, Persian) with a one-click LTR / RTL switch
• Light and Dark mode
• Live Template Customizer with instant preview, saved in the browser
• Fully responsive from small phones to large desktops, with a slide-in sidebar drawer on mobile
• Point of Sale (POS) with menu search, categories, cart, discount and tax
• Kitchen Orders board and a big-screen Kitchen Display with live timers
• Reservations list and a month calendar view
• Table management with live status (Available, Occupied, Reserved, Cleaning)
• Inventory, Suppliers, Purchases and Recipes with stock levels and recipe costing
• Payments and Expenses with status filters and approval flow
• 6 report pages with Chart.js charts, Export CSV and Print buttons
• Interactive front-end: filter tabs with live counts, search, add-item modals, confirmation messages and form previews
• Sample PDF documents (invoice, purchase order and receipt) with download buttons
• Clean, readable and commented code. One CSS file and one JavaScript file, nothing minified
• Detailed documentation in HTML and PDF, with screenshots and step-by-step guides

Template Customizer

Change the look of the whole dashboard without touching the code. Every choice applies instantly and is remembered in the browser. The customizer includes:

• Template mode: Light or Dark
• Direction: LTR or RTL
• Template colour: 6 presets (Orange, Red, Green, Blue, Purple, Teal) plus a custom colour picker
• Sidebar: Dark, Light or a custom colour
• Topbar: Light, Dark or Transparent
• Layout: Full width or Boxed
• Sidebar style: Expanded or Collapsed (icons only)
• Border radius: Sharp, Medium or Rounded
• Font family: Inter, Poppins, Roboto, Nunito, Open Sans, Lato or System Default
• Reset to Default button

RTL Support

RTL is built in from the start, not added at the end. When you switch to RTL, the sidebar, mobile drawer, customizer panel, dropdowns, breadcrumbs, tables, forms and charts all mirror correctly. The custom CSS uses logical properties, so no separate RTL stylesheet is needed.

What Is Inside the Download

• 47 HTML pages
• assets/css/style.css – all custom styles, built on CSS variables
• assets/js/app.js – all custom JavaScript (Template engine, RTL, charts and page features)
• assets/documents – 3 sample PDF files
• documentation folder – full guide in HTML and PDF, with screenshots
• README.md – quick start notes

All Pages Included

Main

• Dashboard (Restaurant Overview)
• POS / Order Taking
• Orders
• Order Details
• Reservations
• Reservation Calendar
• Tables

Restaurant

• Menu Items
• Menu Categories
• Add Menu Item
• Kitchen Orders
• Kitchen Display
• Customers
• Customer Details
• Staff & Employees
• Employee Details

Inventory

• Inventory
• Inventory Details
• Suppliers
• Supplier Details
• Purchases
• Purchase Details
• Recipes
• Recipe Details

Finance

• Payments
• Expenses
• Expense Details
• Reports Overview
• Sales Report
• Orders Report
• Inventory Report
• Customer Report
• Staff Report

Marketing

• Offers
• Coupons

System

• Settings
• User Management
• User Details (with permissions)
• My Profile
• Activity Log
• Notifications
• Messages

Other Pages

• Login
• Documentation
• Support
• Privacy Policy
• Terms of Service

Built With

• HTML5 and CSS3
• Bootstrap 5.3
• Bootstrap Icons
• Chart.js 4
• Vanilla JavaScript (no jQuery)
• Google Fonts

Browser Support

Works in the current versions of Chrome, Edge, Firefox, Safari and Opera. Internet Explorer is not supported.

Important Notes

• Front-end template: all names, prices, orders and other data are sample data. Nothing is saved to a server. The documentation shows exactly where each sample lives and how to connect your own backend.
• Libraries load from a CDN: Bootstrap, Bootstrap Icons, Chart.js and Google Fonts need an internet connection. The documentation explains how to self-host them for offline use.
• Images: the preview uses icons and emoji for food items. No stock photos are included.
• Demo login: it is for preview only and is not real security.

Documentation

A detailed guide is included in HTML and PDF. It explains in simple steps how to:

• Get started and understand the folder structure
• Create a new page and edit the sidebar menu
• Change colours, fonts, layout and the default Template
• Use RTL and write RTL-friendly code
• Use the built-in components: tables, filters, modals, forms and charts
• Connect your own data and backend
• Self-host the libraries and deploy the template

Sources and Credits

• Bootstrap and Bootstrap Icons (MIT licence)
• Chart.js (MIT licence)
• Google Fonts (SIL Open Font Licence and Apache 2.0)

Changelog

• Version 1.0.0 – Initial release

Support

If you have a question or find a problem, please contact me through the item profile page on ThemeForest. Please include the page name, your browser and a screenshot so I can help you faster. If you like the template, a rating would be much appreciated. Thank you!