Restaurant & Café Website Template
From $24.00
A warm, elegant bilingual (English + Arabic RTL) website template for restaurants and cafés, with a tabbed menu, gallery lightbox, table reservation form and a live "Open now" status. Plain HTML, CSS and JavaScript, no build step.
- Secure payment via PayPal
- Instant digital delivery
- Clear licensing
- Support available
Overview
A ready-to-launch website for a restaurant, café or bakery, delivered in two complete language versions: English and Arabic. The Arabic pages are truly right-to-left: navigation, spacing, icons, forms and cards mirror, not just the text.
The template comes with full demo content for a fictional restaurant, Olive & Ember, so you can see every page finished before you add your own name, menu and pictures.
Pages (in each language): Home, Menu, Gallery, Reservations, Location, Contact and 404, plus a language chooser.
Look and feel: cream, terracotta and olive; Playfair Display headings with Jost text in English, El Messiri and Tajawal in Arabic; rounded arches repeated across images, cards and buttons; a centered navigation with the logo in the middle. All illustrations are original SVG artwork.
Good to know: the forms work in the browser (validation and confirmation) and send nothing until you connect them to a form service or your own backend with one setting.
What's included
- Complete product files (ZIP)
Languages
The product description and details are provided in these languages.
Features
- Complete English (LTR) and Arabic (RTL) versions with a language switch on every page
- 7 pages per language: Home, Menu, Gallery, Reservations, Location, Contact, 404
- Live "Open now / Closing soon / Closed" status in the restaurant's own time zone
- Opening-hours tables that highlight today and support closing after midnight
- Keyboard-accessible menu tabs with deep links to each section
- Vegetarian, vegan and gluten-free filters plus allergen tags on every dish
- Filterable gallery with an accessible lightbox (keyboard and swipe)
- Reservation form that offers only valid time slots for the chosen date
- Booking confirmation screen with reference code and summary, shown in the browser until you connect a form service
- Contact form with clear inline and summary error messages in both languages
- Illustrated SVG map plus instructions for embedding a live map
- 13 original SVG illustrations of dishes, the dining room and the terrace
- Self-hosted fonts and no external requests: works offline
- Plain HTML, CSS and vanilla JavaScript; opens with a double-click, no build step
- Responsive from 390 px phones to 1440 px desktops
- Accessibility basics: AA contrast, visible focus, alt text, reduced-motion support
- Colors controlled from a few CSS variables in one place
Requirements
No server-side language or database. You need a modern browser, a text editor, and any static web host to publish.
Compatibility
Current versions of Chrome, Edge, Firefox and Safari on desktop and mobile. Works when opened directly from disk or from any static file server.
Installation
- Unzip
restaurant-cafe-website-template-1.0.0.zip. - Open the
restaurant-cafe-website-templatefolder and double-clickindex.html, then choose a language. - Optional local preview: inside the folder run
python3 -m http.server 8080and openhttp://localhost:8080. - To publish, upload the folder contents to Netlify, GitHub Pages, Cloudflare Pages or any web host. No build command is needed.
User guide
- Name, address, phone: use Find and Replace across all files to change "Olive & Ember", «زيتون وجمر» and the contact details.
- Opening hours and time zone: edit the
CONFIGblock at the top ofassets/js/main.js; the "Open now" status, hours tables and reservation slots update automatically. - Menu: edit
en/menu.htmlandar/menu.html; copy a dish to add one and usedata-tagsfor the dietary filters. - Colors and fonts: CSS variables at the top of
assets/css/style.css. - Images: replace the SVGs in
assets/img/art/with your photos and update the alt text in both languages. - Forms: add your form-service URL in
CONFIG.endpointsto receive bookings and messages. - Map: swap the illustrated map for a Google Maps or OpenStreetMap embed as explained in README.md.
License
| Personal$24.00 | Commercial$35.00 | Extended$119.00 | |
|---|---|---|---|
| Projects | 1 | 5 | Unlimited |
| Users or sites | 1 | 1 | 5 |
| Commercial use | Not allowed | Allowed | Allowed |
| Modification | Allowed | Allowed | Allowed |
| Resale | Not allowed | Not allowed | Not allowed |
| Redistribution | Not allowed | Not allowed | Not allowed |
| Updates | 12 months | 12 months | Lifetime |
| Support period | 6 months | 12 months | 12 months |
| License key | Yes | Yes | Yes |
Pay with PayPal or a debit or credit card. We send your product once the payment is confirmed.
Support & Updates
For help, contact TowerCaty support through the store with your order number and the template name. The download includes a detailed README.
Changelog
1.0.0
- Version 1.0.0: first release in the store.
Last Updated
- Last update
- Oct 7, 2026
- Version
- 1.0.0
