Citreat – HTMl5 Restaurant Website Layout Template

  • 🗓 Released Feb 2018
  • v2.0Updated Sep 2026
  • 👁 4,406 views
  • HTMLCSSJSBootstrap 5

Citreat is a food category website is a highly suitable for restaurant, café, fast food etc. All files are well arranged in groups and can be easily identify. It comes with two layout of one page and multipage. You can increase the revenue and build your online precense strong with this restaurant web layout and make your visitors visit again. One page layout of this food template includes different sections like full width banner with contact info, restaurant services, food menu with pricing, online reservation form to book a table, delicious dishes display with catchy hover effects, food image gallery with magnific popup, latest news and events block. While multipage layout option for this restaurant layout includes pages like about us, chef intro page, promotion page to give best and latest offers/discounts to the users, a menu card for your dishes with price list, contact page with google map and contact details with opening hours information. It also includes various web elements accordian, block quote, button, dropcap, message boxes etc which will make your website design very easy. This restaurant website layout template is entirely designed using HTML5, CSS3, JavaScript and Bootstrap framework. View demo for better understanding!

 

Version 2.0 adds a full blog article page (blog-post.html) behind the home page's existing blog teasers, a 404 page and a ready-to-send HTML reservation-confirmation email (email-reservation.html), removes a hardcoded Google Maps API key the original package exposed on its contact page, replaces four team photos that turned out to be real MasterChef (UK) contestant promotional shots with verified unbranded chef photos, and modernises the design in the template's own orange, white and charcoal — card hover treatments and a touch of button radius on top of the original layout.

Features

Template Type:

Free

Compatible Browsers:

Opera, Firefox, Google Chrome

Banner Slider:

Owl Slider

Link hover effetcs:

Yes

Coding:

HTML 5, CSS 3, 1170 Grid System, Bootstrap 5

Forms:

Reservation Form, Contact Form

Additional Features:

Masonry Image Grid, Google Map, Accordian, Light box, Zoom Image Effect, Counter, Gallery, Favicon, Stick To Top, Responsive Design, Social Links, Back To Top Button

Image Sources:

Flaticon, Pexels

Pages:

About Page, Blog, 404 Page, Team Page

What’s new

  1. v2.0Sep 2026
    • blog-post.html — a full article page behind the home page's existing blog teaser cards, which never linked anywhere in the original package.
    • 404.html — not present in the original package.
    • email-reservation.html — a standing HTML confirmation email for the reservation form, inline-styled and table-based for Gmail, Outlook and Apple Mail.
    • Removed a hardcoded, exposed Google Maps API key shipped in the original package's contact page, along with the map embed it powered.
    • The original package's four "chef" stock photos were actual MasterChef (UK) contestant promotional photos, with the show's logo visible on the aprons and set. Replaced with verified, unbranded chef photos already in use elsewhere in the ThemeVault catalogue; the team page now introduces three chefs instead of four to match.
    • Bootstrap 3 + jQuery -> Bootstrap 5, vanilla JS. Owl Carousel and the original page's lightbox both reproduced without jQuery. Self-hosted fonts (Kaushan Script, Muli). FontAwesome 4 -> 6.
    • Every dead "#" link either wired to a real destination or made a clearly labelled placeholder; the reservation and contact forms validate and confirm submission.
    • Icons across the site restored — the original package's Font Awesome 4 class names (chef social links, nav carets) render as intended under Font Awesome 6.
    • Assorted icon-visibility and tab/active-state fixes carried over from a Bootstrap 3 -> 5 markup change that the original CSS didn't anticipate: service and gallery tab highlighting, the sticky navbar's text contrast once scrolled, the mobile menu icon's colour and position.
    • Real, on-brand copy in place of lorem-ipsum placeholder text throughout.
    • One-page nav ("Citreat One Page") scroll-highlighting reproduced without jQuery.
    • Tablet and mobile spacing pass across every page — sidebar-to-content gaps, stacked accordion columns, and the chef team layout all tightened for tablet width specifically.
    • An additive `_modern.css` layer: card hover treatments, a touch of border-radius on buttons — the original layout and positions are unchanged; this sits on top of a structural match to the original design.

Already downloaded this template? Your My Downloads page always serves the latest version — re-download free.


Reviews

No reviews yet — be the first to review this template.


View Similar Templates

Premium
Bistrofeast Elementor

Food & Restaurant

Premium
Bistrofeast

Food & Restaurant

Premium
Bistrofeast Next.js

Food & Restaurant

Premium
FoodFries Astro

Food & Restaurant

Premium
FoodFries Elementor

Food & Restaurant

Premium
Bistrofeast Astro

Food & Restaurant

Free
Bistrofeast

Food & Restaurant

Premium
Foodfries Next.js

Blog, Food & Restaurant, Landing Page, One page

Premium
Foodfries WordPress

Blog, Business & Services, Food & Restaurant, Landing Page, One page

Free
Foodaholic

Food & Restaurant, Newsletter

Free
Eatry

Eatry

$0.00

Food & Restaurant

Free
Foodfries

Food & Restaurant


View Blog

Citreat

Free+ footer credit link

⬇ Free Download

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.