Grecko is a restaurant website template built with Bootstrap 4. It is fully responsive, fast, accessible and search engine optimized.

• 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

After downloading, simply edit the HTML and CSS files included with the template in your favorite text editor to make changes. To preview the changes you make to the code, you can open the index.html file in your web browser.

• Bootstrap - CSS framework
• jQuery - JavaScript library
• Google Fonts - Library of libre licensed fonts
• Font Awesome Free - The iconic SVG, font, and CSS toolkit
• Animate.css - A cross-browser library of CSS animations
• lazysizes - Lazy loader for images, iframes and more

Marios Sofokleous (PictureElement)

1. Add information regarding the usage of script.sh and the responsive breakpoint generator program in node.js
2. Improve delivery of background images

© 2019 Marios Sofokleous (PictureElement). Code released under the MIT license.