HTMLCorporate Website

grecko — HTML Business Template

By PictureElement

Grecko is a restaurant website HTML template built on Bootstrap 4, featuring a full-screen slider, album and gallery pages, a menu page, and Google Maps.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews

Desktop homepage1 / 3

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-01View source

What stands out

A quick read of the recorded project description.

Responsive restaurant website template based on Bootstrap 4

Includes a full-screen slider, an album page, and a gallery page with Lightbox

Menu page uses restaurant-specific icons

Scroll animations use Animate.css and the Intersection Observer API

Images and iframes are lazy-loaded via lazysizes

Provides a Grunt configuration and shell scripts for CSS optimization

Template Details

Grecko is a restaurant website template released by PictureElement, built with HTML and Bootstrap 4, with the repository under the MIT license. The template provides a full-screen slider, an album page, a gallery page with Lightbox, a menu page with restaurant-specific icons, and a custom Google Map. Scroll animations rely on Animate.css and the Intersection Observer API, lazy loading for images and iframes is handled by lazysizes, fonts come from Google Fonts, and icons come from Font Awesome Free. Images are fetched and processed on the fly via public Cloudinary URLs, and responsive breakpoints are generated programmatically through the Cloudinary API. The repository includes a Grunt configuration and shell scripts for optimization tasks such as removing unused CSS, minification, and inlining critical CSS. To use it, download and edit the HTML and CSS directly, then open index.html in a browser to preview. The README's Todo notes that usage instructions for the script.sh and the Node.js responsive breakpoint generator have not yet been added, and the delivery method for background images also needs improvement.

HTMLCorporate Website

Is it right for your project?

Use Cases

Building a static website for a restaurant to showcase dishes, menus, and ambiance
Using as a front-end starting point for a Bootstrap 4 project for further modification
Learning examples of image lazy loading, scroll animations, and Cloudinary image processing

Suitable For

Front-end developers who need a static template for a restaurant website
Users who want to quickly adjust page structure based on Bootstrap 4
Developers who need a reference for Cloudinary image processing and Grunt optimization workflows

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
After downloading, edit the HTML and CSS files directly and open index.html in a browser to preview
2
Images are fetched via public Cloudinary URLs; confirm the relevant account and configuration before use
3
The Google Map is a custom implementation; replace the map configuration according to actual needs
4
Usage instructions for script.sh and the Node.js responsive breakpoint generator in the repository are not yet documented in the README
5
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Responsive breakpoints depend on programmatic generation via the Cloudinary API; using this feature requires a Cloudinary account and corresponding API configuration.
Template images are fetched and processed on the fly via public Cloudinary URLs; actual deployment depends on the Cloudinary service, and you must confirm your account and costs.
The pages include a custom Google Map; replace the map configuration according to actual needs before use, which may involve Google Maps service terms.
The README's Todo indicates that usage instructions for script.sh and the Node.js responsive breakpoint generator are not yet provided; using these scripts requires self-exploration.
Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domain, hosting, database, payment, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Automatically generate breakpoints programmatically using Cloudinary's API
Original README

Fetching images via Cloudinary's public URLs, manipulating these on-the-fly and delivering the resulting images optimized
Original README

Custom Google map
Original README

Add information regarding the usage of script.sh and the responsive breakpoint generator program in node.js
Original README

https://github.com/PictureElement/grecko/blob/master/LICENSE https://github.com/PictureElement/grecko/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: Partly documented · 72 / 100
Technologies: HTML
Website type: Corporate Website

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2024-07-08
Screenshot last checked: 2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 220ce3950671b4a6139ada26ee7219377f64f1113cbadf60ed726474787935ff

2026-10-01T15:21:41.725Z

Source file / repository

# Grecko

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

## 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

## Basic Usage

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.

## Built With

* [Bootstrap](https://github.com/twbs/bootstrap) - CSS framework
* [jQuery](https://github.com/jquery/jquery) - JavaScript library
* [Google Fonts](https://github.com/google/fonts) - Library of libre licensed fonts
* [Font Awesome Free](https://github.com/FortAwesome/Font-Awesome) - The iconic SVG, font, and CSS toolkit
* [Animate.css](https://github.com/daneden/animate.css) - A cross-browser library of CSS animations
* [lazysizes](https://github.com/aFarkas/lazysizes) - Lazy loader for images, iframes and more

## Author

[Marios Sofokleous](https://www.msof.me/) (PictureElement)

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

## Copyright &amp; License

&copy; 2019 Marios Sofokleous (PictureElement). Code released under the [MIT](LICENSE) license.

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

mazer

Mazer is a free and open-source Bootstrap 5 admin dashboard and landing page template that does not depend on jQuery. It provides prebuilt releases, source builds, and CDN inclusion, and includes dark mode, perfect-scrollbar, and ApexCharts examples.

HTML · Admin dashboard

Freelancer

A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.

HTML · Portfolio

Creative

A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.

HTML · Corporate Website

startbootstrap-agency

Agency is a one-page Bootstrap portfolio theme from Start Bootstrap, MIT licensed. It includes a responsive portfolio grid with modal details and a preconfigured SB Forms contact form that requires an API token.

HTML · Corporate Website

startbootstrap-landing-page

A general-purpose Bootstrap landing page template from Start Bootstrap, MIT licensed, with a Pug/SCSS/npm build pipeline.

HTML · Corporate Website

Landing-Page

A general-purpose landing page HTML template maintained by Tailwind Toolbox, written in pure HTML and loading the complete Tailwind CSS via CDN.

HTML · Corporate Website