1. Home
  2. Marco HTML
  3. Getting started
  4. Structure

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.
 

Was this article helpful to you? Yes No