Grecko

Overview

Grecko is a restaurant website template that is built with Bootstrap 4. It offers a variety of features such as a full-screen slider, album and gallery pages with Lightbox implementation, scroll animations, valid HTML and CSS, Google Fonts integration, custom Google map, lazy loader for images and iframes, high scores on PageSpeed Insights and Lighthouse, menu pages with restaurant specific icons, and more.

Features

• Full-screen slider
• Album page
• Gallery pages with Lightbox implementation
• Scroll animations using Animate.css and Intersection Observer API
• Semantic and valid HTML
• Valid CSS
• Google Fonts integration
• Custom Google map
• Lazy loader for images and iframes (lazysizes)
• High scores on PageSpeed Insights and Lighthouse
• Menu pages with restaurant specific icons
• Automatically generate breakpoints programmatically using Cloudinary’s API
• Fetching images via Cloudinary’s public URLs, manipulating these on-the-fly, and delivering the resulting images optimized
• Grunt-ready (remove unused CSS, perform minification, and inline critical CSS)
• Use shell scripting to automate optimization tasks

Installation

To install the Grecko restaurant website template, follow these steps:

1. Download the template files.
2. Open the downloaded files in your favorite text editor.
3. Edit the HTML and CSS files to make any desired changes.
4. To preview the changes, open the index.html file in your web browser.

Summary

Grecko is a fully-responsive and fast-loading restaurant website template built with Bootstrap 4. It offers a wide range of features including a full-screen slider, album and gallery pages, scroll animations, valid HTML and CSS, Google Fonts integration, custom Google map, lazy loader for images and iframes, and more. The template is easy to install and customize, making it a great choice for restaurant owners looking to create a visually appealing and user-friendly website.