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.