Burger & Street Food Restaurant Website Template
$35.00
A loud, mobile-first website template for a burger and street-food spot, in English, Arabic (right to left), French and Spanish. Menu with extras and spice levels, a demo cart and checkout step, live opening hours, locations and catering. Static HTML, CSS and JS.
- Secure payment via PayPal
- Instant digital delivery
- Clear licensing
- Support available
Overview
Burger & Street Food Restaurant Website Template is a bold, playful website for a casual burger and street-food restaurant that does dine-in, takeaway and delivery. Mustard yellow, ketchup red and charcoal, halftone textures, tilted sticker badges, thick outlines and original sticker-style food illustrations. It is built for phones first, with a sticky cart button on small screens.
Four complete languages: English, Arabic, French and Spanish, chosen from a menu in the header (or with ?lang= in the address). Arabic is a true right-to-left layout: navigation, cards, forms, the cart and the hours tables all mirror, with a bold Arabic display font.
Eight pages: home (hero, today's specials, combo deals, how ordering works, reviews, hours with an "open now" status), menu (category tabs, veggie filter, extras, spice level, diet tags and calories), order online, locations (three sample branches with hours and illustrated maps), catering, about, contact and a 404 page.
Please note what is a demo. The cart works in the visitor's browser only (localStorage): guests can add items with extras and spice, choose dine-in, takeaway or delivery, a branch and a time, and see the subtotal, delivery fee, tax and total. No order is sent, no payment is taken and there is no real ordering system. The checkout ends on a clearly labelled "demo only" step, and the README explains how to connect your ordering platform, payment link or POS. The catering and contact forms validate and show a confirmation, but they do not send anything; the README shows how to connect a form service.
It is plain HTML, CSS and JavaScript: double-click index.html and it works, offline, with no build step. The restaurant, branches, reviews and people in the sample content are fictional, and there are no stock photos.
What's included
- Complete product files (ZIP)
Languages
The product files and designs come in these languages.
Features
- Eight pages: home, menu, order online, locations, catering, about, contact and 404
- Four complete languages: English, Arabic, French and Spanish, with a language menu in the header and ?lang= links
- True right-to-left Arabic layout with mirrored navigation, cards, forms and tables, and a bold Arabic display font
- Home page with a bold hero, marquee band, today's specials that change by weekday, combo deals, how ordering works and reviews
- Live "open now" badge and weekly hours computed from the branch hours in one settings file, including after-midnight closing
- Menu with category tabs (keyboard arrows), a veggie-only switch, diet tags, spice levels and calories
- Add dialog with extras, spice level, quantity and a note for the kitchen
- Demo cart saved in the browser (localStorage) and kept in step across open tabs
- Order page with dine-in, takeaway or delivery, branch and time slots from opening hours, delivery minimum and free-delivery threshold
- Subtotal, delivery fee, tax and savings, then a clearly labelled demo checkout step: no payments and no real ordering
- Locations page with three sample branches, services, phone, weekly hours and illustrated street maps
- Catering page with three packages, FAQ and an enquiry form with validation (does not send)
- Contact page with a validated message form and confirmation state (does not send)
- Original sticker-style SVG food illustrations, food truck and maps; no stock photos
- Mobile-first layout with a sticky cart button on phones, tested from 390 px to 1440 px
- Accessible basics: landmarks, labelled fields with linked errors, keyboard-usable menus and dialog, visible focus, reduced motion
- Static HTML, CSS and vanilla JavaScript: opens by double-clicking index.html, works offline, no build step
- Fonts included (Anton, Cairo, Lalezar under the SIL Open Font License)
- README with steps to change the menu, prices, hours, colors and fonts, and to connect an ordering system and a form service
Requirements
Only a current browser: Chrome or Edge 111+, Firefox 121+ or Safari 16.4+. No server, database, Node.js or build step, and no internet connection needed. Hosting is optional, on any static file host. Going live with real orders or form messages needs an outside ordering, payment or form service of your choice.
Compatibility
Desktop, tablet and phone, responsive from 390 px wide. Works when opened straight from the folder or from a static server. Tested in Chromium; the other browsers listed support the same standard features. Fonts are included and cover English, Arabic, French and Spanish.
Installation
- Unzip
street-food-restaurant-website-template-1.0.0.zip. You get one folder,street-food-restaurant-website-template/. - Double-click
index.html. The site opens in your browser. No installation, server or internet connection is needed. - Optional: preview it over
http://with any static server, for examplepython3 -m http.server 4121inside the folder, then openhttp://localhost:4121/. - To publish it, upload the folder as it is to any static host (Netlify, Cloudflare Pages, GitHub Pages, shared hosting). There is no build command.
Before taking real orders or messages, connect your ordering system and a form service as described in the README.
User guide
Brand, hours and money: edit assets/js/config.js for the restaurant name, phone, email, currency, tax rate, delivery fee and minimum, time zone, and each branch's services and opening hours.
Menu: edit assets/js/menu-data.js for categories, dishes (price, calories, spice, diet tags, extras), today's specials per weekday and the reviews. Every text has English, Arabic, French and Spanish.
Texts: all page texts are in assets/js/i18n/en.js, ar.js, fr.js and es.js, with the same keys in each.
Look: colors, borders and the sticker shadow are tokens at the top of assets/css/style.css. Food pictures are SVG illustrations; the README shows how to use your own photos instead.
Ordering: the cart and checkout are a demo that stays in the browser. Nothing is ordered, paid or sent. To go live, connect the checkout to your online ordering platform, payment link or POS (see "Connect a real ordering system" in the README) and always recalculate prices on that side.
Forms: the catering and contact forms check the fields and show a confirmation, but they do not send anything. Connect them to a form service or your own endpoint (see "Connect a form service" in the README).
License
| Commercial$35.00 | |
|---|---|
| Projects | 5 |
| Users or sites | 1 |
| Commercial use | Allowed |
| Modification | Allowed |
| Resale | Not allowed |
| Redistribution | Not allowed |
| Updates | 12 months |
| Support period | 12 months |
| License key | Yes |
Pay with PayPal or a debit or credit card. We send your product once the payment is confirmed.
Support & Updates
TowerCaty provides support through the contact details in your order email or on the product page. Please include your order number, the product and version (Burger & Street Food Restaurant Website Template 1.0.0) and your browser. Support covers the template as delivered, not connecting it to your own ordering or form services.
Changelog
1.0.0
- Version 1.0.0: first release in the store.
Last Updated
- Last update
- Oct 17, 2026
- Version
- 1.0.0
