Structure

Included files

HTML files

home: home page with two different sliders (index.html/home2.html) and home page with video background (home3.html)
about: about page is built from featured elements (intro section, page header, gallery content and call to action)
blog: 2 views to choose: blog grid (blog.html) and blog rows (blog2.html)
contact: contact page with page header, form (c-send.php) and google map
elements: elements-….html – files with typography and featured elements for example: buttons, gallery, call to action
gallery: gallery page (gallery.html), after click of item open lightbox or load single gallery view (single-gallery.html)
menu: food menu page with many options. Files menu(1-4).html are examples of usage different configurations.
mosaic: page with mosaic and description on images
private dining: page is built from featured elements (intro section, page header, special list and gallery content)
reservation: page with reservation form
single gallery: page with images gallery and gallery description
single post: post view (single-post.html)
team: 3 views to choose: one active memeber (team1.html), rows (team2.html) and two columns (team3.html)

Base styles

app.css: compiled styles
app.scss: source stylesheet, include all less files and contains editable variables

Scripts

app.js: all scripts

Grid

Marco is a restaurant HTML template, built with the help of Foundation grid system. It’s fully responsive system gives much flexibility to build your website. You can create powerful multi-device layouts quickly and easily with the default 12-column. If you’re familiar with grid systems, you’ll feel right at home.

Example:

            				
		<div class="row">
			<div class="small-12 medium-6 large-4">...</div>
			<div class="small-12 medium-4 large-4">...</div>
			<div class="small-12 medium-2 large-4">...</div>
		</div>

For a more detailed explanation of the Foundation grid – see the documentation here.