Flatter

Flatter is a free Bootstrap 4 HTML5 responsive catering website template from ThemeWagon that provides restaurants, cafes, and takeaways with a multi-page site including a hero slider, image gallery, blog, and PHP/AJAX contact form.

What is Flatter?

Flatter is a free, multi-page catering and restaurant website template built on Bootstrap 4 by Colorlib and distributed through ThemeWagon. It takes a static HTML/CSS/JS structure and produces a complete business website with 9 HTML files, 1 PHP file, SCSS sources, and JavaScript assets. The template is fully responsive and cross-browser compatible, working on Chrome, Edge, Firefox, Opera, Safari, and mobile devices. Version 1.0.0 was released 7 years ago and was updated 2 months ago, with 5,675 downloads.

Key Features

• Bootstrap 4 framework — built on Bootstrap 4 with a clean, minimal layout and FontAwesome icons throughout.
• Hero header and full-width slider — the homepage opens with a full-width slider and hero header, plus a call-to-action button and sticky top navigation with a drop-down menu.
• Image gallery and YouTube video modal — both the gallery and a video player open in Magnific Pop-Up modal views.
• Testimonial carousel and blog section — Owl Carousel powers the testimonial carousel; the blog section includes pagination UI for multi-page browsing.
• Working PHP/AJAX contact form — the included contact.php file handles form submissions with AJAX, and a newsletter subscription form uses Ajax MailChimp.
• Google Maps embed — the template includes a Google Maps section for showing location.
• 10+ UI elements and hover effects — cards have on-hover effects, and the package comes with 10+ UI elements, Animate.css animations, and a Nice Select-enhanced dropdown.
• Extensive documentation — the download includes documentation, all demo images, CSS/SCSS, JavaScript source files, library, and plugin files.

Who is it for?

Flatter suits food-related businesses and developers who need a ready-made website. Restaurant owners can launch a multi-page site with menu, gallery, and contact sections. Catering companies can use the hero slider and call-to-action to promote services. Developers can customize the well-organized code and SCSS files to match branding.

Use cases

• Restaurants and cafes: build a multi-page website with a hero slider, image gallery, blog, and contact form without writing code from scratch.
• Catering businesses: use the call-to-action button and sticky navigation to highlight menus and booking information.
• Food bloggers: start a blog section with pagination to share recipes and food stories while maintaining a clean gallery.
• Developers: customize the Bootstrap 4 layout, SCSS variables, and JavaScript files to create a unique food brand site.

How does Flatter work?

Flatter is a static site template: download the ZIP, extract the files, edit the HTML, CSS/SCSS, and JavaScript, then upload to any web server. The PHP contact form requires a server that supports PHP (for example, Apache or Nginx with PHP) and the Ajax MailChimp form needs a MailChimp account.

Pricing

Flatter is free to download from ThemeWagon. It is open source, can be used in commercial projects, and comes with lifetime free updates.

FAQ

Is Flatter free?

Yes, Flatter is a free template from ThemeWagon. It can be used in open source and commercial projects, with no license fees, and includes life-time free updates.

What do I get in the download?

The download includes 9 HTML files, 1 PHP file, CSS and SCSS source files, JavaScript source files, FontAwesome icons, documentation, all demo images, and library/plugin files such as Bootstrap 4, Owl Carousel, Animate.css, Magnific Pop-Up, Ajax MailChimp, and Nice Select.

Does Flatter work on mobile devices?

Yes, Flatter is fully responsive and mobile-ready. It is compatible with Chrome, Edge, Firefox, Mobile, Opera, and Safari.

How do I set up the contact form?

The template includes a working PHP/AJAX contact form. To use it, place the files on a server that supports PHP and update the email settings in the PHP file. The newsletter subscription form relies on Ajax MailChimp, which requires a MailChimp account.

Who created Flatter?

Flatter is created by Colorlib, a well-known author of free HTML5 and Bootstrap templates, and is distributed through ThemeWagon.