Restoran is a free, open-source restaurant website template built with Bootstrap 5, HTML5, CSS3, and JavaScript that produces a fully responsive single-page site featuring menu, about, testimonials, gallery, and contact sections.
What is Restoran?
Restoran is a static HTML template for restaurant websites, created by Muhammad Shabbir and distributed under the MIT License. It takes raw content — menu items, testimonials, gallery images, and contact details — and presents them in a polished single-page layout. The template runs entirely in the browser with no build step or server-side dependencies; you open index.html and it works. Libraries are loaded via CDN, so there is no local vendor folder.
Key Features
- Fully responsive design — The layout adapts from desktop to mobile using Bootstrap 5's responsive grid, so the site is usable on any screen size.
- Slick Slider integration — A flexible carousel powers the menu and testimonial sections, letting multiple items rotate in a compact space.
- AOS (Animate On Scroll) — Elements fade and slide into view as the user scrolls, making the page feel more dynamic without heavy JavaScript.
- Cross-browser compatibility — The template uses standard HTML5, CSS3, and JavaScript that works across major browsers.
- Bootstrap 5 components — Buttons, navigation, forms, and grid layout come from Bootstrap 5, giving a consistent foundation for customization.
- Single-page structure — All sections (menu, about, testimonials, gallery, contact) live in one index.html file, simplifying navigation and deployment.
- CDN-loaded libraries — Slick Slider and AOS are included via CDN links inside the HTML, so there is no separate dependency folder to manage.
- MIT open-source license — The project is free to use, modify, and distribute; no attribution is required.
Who is it for?
Restoran suits restaurant owners who need a clean, professional web presence without hiring a developer. It also fits front-end developers who want a Bootstrap 5 starting point for client projects, and freelancers who build sites for cafés, bars, or food trucks. Because the template is a single HTML file with separate CSS and JavaScript, anyone comfortable editing basic HTML can customize it.
Use cases
- Independent restaurants: Publish your menu, share customer testimonials, and display a gallery of dishes to attract local diners.
- Cafés and bars: Use the contact section with address and hours to make it easy for customers to find you, and the slider to highlight daily specials.
- Front-end developers: Clone the repository, edit style.css and main.js, and repurpose the layout for other hospitality businesses.
How does it work?
To run the template, clone the GitHub repository, open the project folder, and double-click index.html to view it in a browser. There is no build process, package manager, or server required. For a demo with fonts loaded correctly, visit the Netlify link; fonts may not load properly in the GitHub-hosted version because of hosting constraints.
FAQ
Is Restoran free?
Yes, Restoran is open-source and released under the MIT License. You can use it for personal or commercial projects, modify the code, and redistribute it without paying fees.
What technologies does Restoran use?
The template is built with HTML5, CSS3, and JavaScript, and it integrates Bootstrap 5, Slick Slider, and AOS. These libraries are loaded from CDN links inside the HTML file.
Do I need to install dependencies?
No. Restoran has no package.json, npm dependencies, or build tools. You simply download or clone the repository and open index.html in a web browser.
Why are the fonts not loading on GitHub?
The README notes that fonts may not load properly when the project is hosted on GitHub due to hosting constraints. The Netlify demo at https://codewithshabbir-restoran.netlify.app/ loads all fonts correctly, and you can run the template locally for the same result.
