What does our template contain

Designed html sections

Our template comes up with 5 main sections, so all of your needs should be covered up. In BarnelliTheme you'll find files:

• navbar.php - main navigation
• mobile_navigation.php - mobile navigation
• splash.php - full screen splash with navigation
• menu.php - section with recent menu (choice of three types)
• blog.php - blog section
• post.php - single post view with sample comments & comment form
• reservation.php - section with reservation form
• team.php - team section view
• restaurant.php - widgets with the most important informations about restaurant
• contact.php - contact section with form & embedded google maps

Contact Form

In our package you'll also find working php version of contact form. All you need to do is write your e-mail in contact.php

Predefined html elements

In our theme you'll find many predefined elements, designed to be as simple as possible when it comes to it's use.

We took care of:

h1-h6 headings

gallery markup

buttons

icon set

columns (grid)

Worth mentioning Whats worth mentioning - we've incorporated Twitter's Bootstrap grid system into our theme, so making some custom layouts or changing the appereance of the ones already defined comes with ease and is very fast to implement.

Pre-defined classes for content elements

When placing some elements in the content remember to use some of our pre-defined classes and markup snippets in order to obtain the best possible look. Below you'll find some guidelines on how to embed various content types.

Navbar

We included two different submenu styles. Try them by changing class in navbar.php.

<ul class="main-nav white-nav dotted-separator">
	(..);
</ul>
		  

Change white-nav to gray-nav for second submenu. Class dotted-separator can be removed for clean navbar without any separate lines or it can be replaced by classes:

• single-separator
• double-separator

Scrollbars

To customize scrollbars change variables in js/main.js

var scrollbarColor = '#111';
var scrollbarColorMenu = '#fff';
var scrollbarWidth = 4;

Colorbox

To disable Colorbox lightbox change variable in js/main.js to false

var enableMenuColorbox = true;

Google Maps

To change marker location on Google Map, provide your coordinates in js/main.js.

var locationLatitude = -33.890367; 
var locationLongitude = 151.19168;

Icons

We felt tired sseing everywhere bootstrap icons over and over again, so we thought it would be nice to bring some fresh blood into the game.

We're very proud to present you over 369 icons made by Font Awesome 4.0.3. Those pretty, sharp icons will bring some life into even most boring parts of your website.

In order to use icons on your website you have to specify an element with class="icon [fa-name]".

Below, we present you the complete icon list (class names):

Grids

Like said before, we've incorporated Twitter Bootstrap's grid system into our theme. To use it's capabilities simply type the container, row and appropiate grids. We support 12-column responsive (fluid) grid system. More informations you can find on the website http://getbootstrap.com/.

Defining grids

Below you can view a sample grid

<div class="container">
  <div class="row">
    <div class="col-md-6">first column</div>
    <div class="col-md-6">second column</div>
  </div>
</div>

Disclaimer & authoring info

Stock images used in our template

We do not owe any rights to sample images embedded in our theme. Those belong to it's authors and were used just for previewing purposes.

Third-party javascript plugins & solutions

Bootstrap v3.0 - During template development we used Twitter Bootstrap's grid system, the Apache License v2.0 http://www.apache.org/licenses/LICENSE-2.0.

HTML5 Boilerplate - combined with bootstrap's grid system, we've used html5boilerplate.

jQuery djax - v0.122 - http://beezee.github.com/djax.html, Copyright (c) 2012 Brian Zeligson; Released under the MIT license: http://www.opensource.org/licenses/mit-license.php.

Bootstrap transition.js v3.0.0 - http://twbs.github.com/bootstrap/javascript.html#transitions, Copyright (c) 2012 Twitter; Licensed under the Apache License: http://www.apache.org/licenses/LICENSE-2.0.

Bootstrap carousel.js v3.0.0 - http://twbs.github.com/bootstrap/javascript.html#transitions, Copyright (c) 2013 Twitter; Licensed under the Apache License: http://www.apache.org/licenses/LICENSE-2.0.

jQuery Transit - http://ricostacruz.com/jquery.transit, Copyright (c) 2011-2012 Rico Sta. Cruz; Licensed MIT.

jQuery Cycle Plugin - http://nicescroll.areaaperta.com/, Copyright (c) 2013 MIT http://jquery.malsup.com/license.html.

MaxImage - v2.0 - http://www.aaronvanderzwan.com/maximage/2.0/, Copyright (c) 2007-2012 Aaron Vanderzwan; Dual licensed under the MIT and GPL licenses.

jQuery custom scrollbars plugin - v2.8.2 - http://manos.malihu.gr/jquery-custom-content-scroller, Copyright (c) 2010-2013 Manos Malihutsakis; Dual licensed under the MIT and GPL licenses.

Colorbox - v1.4.32 - http://www.jacklmoore.com/colorbox, Copyright (c) 2013 Jack Moore; Licensed MIT: http://www.opensource.org/licenses/mit-license.php.

jQuery OwlCarousel - v1.31 - http://www.owlgraphic.com/owlcarousel/, Copyright (c) 2013 Bartosz Wojciechowski; Licensed under MIT.

Modernizr - v2.6.2 - http://modernizr.com/; Licensed MIT & BSD.