Burger House — Documentation

Restaurant & Café Responsive HTML5 Template

Thank you for purchasing Burger House. This template is a clean, modern, fully responsive HTML5 template built for restaurants, cafés, fast-food shops, and food delivery businesses. It ships with multiple homepage demos and a complete set of inner pages.

This document covers installation, file structure, customization, and the live reservation/contact form setup. If anything is unclear after reading, please reach out via the support channel listed at the bottom.

2. Getting Started

Burger House is a static HTML template — no build step or server software is required to view it.

View locally

Unzip the package and open any .html file directly in your browser. For features that load over the network (web fonts, the reservation form), serve the folder over a local web server:

# Python 3 (from inside the template folder)
python3 -m http.server 8000

# then visit
http://localhost:8000/home-v5/index.html
http://localhost:8000/home-v4/index.html

Deploy

Upload the contents of the template folder to any static host (Apache, Nginx, Netlify, Vercel, cPanel, GitHub Pages, etc.). No database or PHP is required.

3. File Structure

burger-house/
├── home-v5/                 ← Dark Craft dark theme demo (GSAP + Lenis)
│   ├── index.html           ← Home (preloader, hero, story, h-scroll menu, stats, reviews…)
│   ├── menu.html            ← Full menu with JS category filter
│   ├── reserv.html          ← Reservation (Flatpickr + Choices.js + Supabase)
│   ├── contact.html         ← Contact form (Supabase)
│   └── assets/
│       ├── css/             ← compiled style.css
│       ├── scss/            ← style.scss (Dark Craft design tokens)
│       └── js/
│           ├── main.js      ← GSAP + Lenis orchestration (vanilla IIFE)
│           └── vendors/     ← gsap, ScrollTrigger, lenis, swiper, flatpickr, choices
├── home-v4/                 ← Bootstrap 5 demo (14 pages)
│   ├── index.html
│   ├── about.html, menu-category.html, ...
│   ├── reserv.html          ← reservation form (Supabase)
│   ├── contact.html         ← contact form (Supabase)
│   ├── documentation/       ← full online documentation
│   └── assets/
│       ├── css/             ← style.css, responsive.css, vendors
│       ├── scss/ & sass/    ← editable source styles
│       ├── js/              ← main.js + vendor bundles
│       ├── images/
│       └── fonts/
├── home-v2/  home-v3/       ← earlier demos
├── landing/                 ← one-page landing demo
└── src/docs/                ← this file

4. Home Versions

The template ships with multiple homepage demos. home-v5 is the newest — a full dark-theme experience powered by GSAP and Lenis. home-v4 is the recommended starting point for Bootstrap-based projects.

5. Page List

home-v5 (Dark Craft — 4 pages)

home-v4 (Bootstrap 5 — 14 pages)

6. Customizing

home-v4 — Editing styles (SCSS)

The compiled stylesheet is assets/css/style.css. The editable source lives in assets/scss/style.scss. Recompile with any Sass tool:

# install once
npm install -g sass

# from inside home-v4/assets
sass scss/style.scss css/style.css --style=compressed

home-v5 — Editing styles (SCSS)

The source is home-v5/assets/scss/style.scss. Compile with:

# from inside home-v5/
npx sass assets/scss/style.scss assets/css/style.css --style=expanded --no-source-map

home-v5 — GSAP animations

All animations are in home-v5/assets/js/main.js — a self-contained vanilla IIFE. Each animation is wrapped in its own init*() function, making it straightforward to disable or adjust individual effects without affecting others.

7. Reservation & Contact Forms

The forms in both home-v4 and home-v5 are wired to Supabase — a free, hosted backend. Submissions are saved to database tables you control. No PHP or mail server is required. The success message auto-hides after 4.5 seconds.

Connect your own Supabase project

1. Create a free project at supabase.com.
2. In the SQL editor, create the two tables (SQL below).
3. In each form HTML file, find the <script> block near the bottom and replace SUPABASE_URL and SUPABASE_KEY with your project's URL and anon key (Project Settings → API).

-- Reservations
create table public.reservations (
  id bigint generated always as identity primary key,
  created_at timestamptz not null default now(),
  full_name text not null,
  email text not null,
  phone text,
  date text,
  time text,
  guests text,
  notes text,
  source text
);
alter table public.reservations enable row level security;
create policy "anon insert" on public.reservations
  for insert to anon with check (true);

-- Contact messages
create table public.contact_messages (
  id bigint generated always as identity primary key,
  created_at timestamptz not null default now(),
  name text,
  email text,
  phone text,
  message text,
  source text
);
alter table public.contact_messages enable row level security;
create policy "anon insert" on public.contact_messages
  for insert to anon with check (true);

Prefer email instead?

Replace the Supabase script with Formspree or EmailJS — point the form's handler at their endpoint and keep the same field names.

8. Fonts & Icons

home-v5 fonts

Loaded from Google Fonts: Bebas Neue (display headlines), Playfair Display (italic accents), Inter (body), JetBrains Mono (labels/mono).

home-v4 fonts & icons

Web fonts from Google Fonts. Icon fonts included locally under assets/css/ (font-icons.min.css, flaticon.css) and assets/fonts/. To swap fonts, update the Google Fonts link and the corresponding font-family in the SCSS.

9. Credits & Sources

This template uses the following open-source libraries:

Demo images are for preview purposes only and are not included for redistribution. Replace them with your own licensed imagery before going live.

10. Changelog

Version 4.0.2 — June 6, 2026

• Fixed: W3C heading hierarchy errors across home-v4 inner pages (index, about, checkout, menu-category, privacy-policy, services, shopping-cart, single-product) and home-v5/contact.
• Tweak: Updated Documentation.

Version 4.0.1 — June 4, 2026

• Fixed: Replaced Yandex Maps with OpenStreetMap embed — Yandex API was geo-blocked in many countries, causing loading overlay to never dismiss.
• Fixed: Added 5-second fallback timeout to loading overlay across all versions.
• Fixed: Demo links in landing page now use local relative paths for reliable Envato preview.
• Tweak: Updated Documentation.

Version 4.0.0 — June 1, 2026

• New: home-v5 "Dark Craft" dark theme demo — 4 pages: index, menu, reserv, contact. GSAP + ScrollTrigger + Lenis smooth scroll, kinetic word-split hero, pinned horizontal menu scroll with progress bar, parallax, section reveals, Swiper fade reviews slider, stats counter, Flatpickr date picker, Choices.js selects.
• New: Dedicated Supabase project for burger-house (isolated from other templates) with reservations and contact_messages tables and RLS policies.
• Tweak: Form success messages now auto-hide after 4.5 seconds (all demo versions).
• Tweak: Updated Documentation to v3.0.0.

Version 3.5.0 — May 31, 2026

• New: Live reservation form (reserv.html) wired to Supabase backend. Added date, time, guest-count fields and inline status messages.
• New: Live contact form (contact.html) wired to Supabase backend.
• Fixed: Removed unused Revolution Slider scripts (reduced package size).
• Tweak: Updated Documentation.

Version 3.4.3 — August 18, 2025

• New: Home page version 4 added.
• Tweak: Improved Documentation.

Version 3.4.2 — December 9, 2024

• Fixed: Loading Overlay fadeOut problem in Home v1.
• Fixed: UI problems in Home v3.
• Fixed: AOS library bug in all Home versions.
• Updated: AOS v2.3.4.
• Added: New scroll animation effects to all Home versions.
• Added: Favicon meta link to all Home versions.
• Tweak: Updated Documentation.

Version 3.3.1 — October 17, 2024

• New: Home Page version 1 Single Product page added.
• Tweak: Updated Documentation.

Version 3.2.1 — June 29, 2024

• New: Home page version 3 added.
• Tweak: Improved Documentation.

Version 2.1.1 — August 27, 2023

• New: Home page version 2 added.
• Added: Gallery section with Fancybox popup plugin to all versions.
• Fixed: All validation errors and warnings.
• Tweak: Improved Documentation.

Version 1.0.0 — January 20, 2021

• Initial release.

11. Support

If you need help, please contact us through your ThemeForest item's support tab / author profile. Include your purchase code, the page or file in question, and a screenshot if relevant — it helps us respond faster.