BarDojo - Epic Bar & Restaurant Website Template

BarDojo - Epic Bar & Restaurant Website Template

BarDojo – Epic Bar & Restaurant Website Template

We’ve put ourselves into the place of a bar / restaurant owner who wants a simple one page website that would look good, required no mainteinance, would be very informative and would make the visitor get in touch for a reservation.


So we have the first screen dedicated to a slider with some nice impressive images and awesomely designed typographic titles. After that – there’s the menu. 3 dedicated columns for some highlights and then a button which you can link to your whole menu in a .pdf format for example. All these combined with some of the Chef’s recommendations.

And them the About us section comes – with a block dedicated to who we are, chefs, history, the idea and the concept slider.

Events – earliest event comes first and it’s expanded. It has the image with the same ratio as a Facebook event cover. It has a countdown, title, start date and time, short description and a link to the facebook event page. Plus the entrance price and a call to action button. Enough to keep your audience informed and get them engaged.

A filterable photo gallery where you can mix photos from your events, food, your place’s interior, etc.

In the Reservations section we haven’t forgot about the good old phone contact method, plus a reservation form. Below that we have the Working Hours, current time and your bar’s status – is it closed for a private party?

And then the contact info with some social links, address, phone and a map.

Bar Dojo HTML/CSS Template Pages:

1. FrontPage – One-Page
  • Slider
  • The Menu
  • About Us
  • Events
  • Photo Gallery
  • Reservations
  • Working Hours
  • Contact Information
2. Blog – Category Page

3. Blog – Post Page

4. 404 Page

Features Overview

  • HTML5, CSS3 and jQuery
  • Valid and clean HTML code
  • Google Maps with color schemes from Snazzy Maps
  • Cross browser compatibility ( Internet Explorer 10+, Firefox, Safari, Opera, Chrome etc. )
  • Well documented
  • Fully responsive layout
  • Retina Ready
  • ET Line Icons
  • Reservation Form with validation
  • Blog Page
  • Blog Post Page
  • 404 Page

Sources & Credits

  • Images – www.unsplash.com
  • Icons – ET Line Icons
  • Fonts – Google Web Fonts (Montserrat and Old Standard TT)