39647-vm/index.html
tornikegerantia 8f32ec7d16 Add an admin interface to edit product details for all boxes
Create a new admin page and backend endpoints to allow authorized users to modify product price, image, and description for the eight boxes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 375ec6d3-d5af-4f82-ab81-5c60fd4a86a3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 534b4c21-8691-4e0a-ba0c-0091bb20606a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/147e665c-8c0d-48ec-b0ad-fdc89cd4460f/375ec6d3-d5af-4f82-ab81-5c60fd4a86a3/e238nM8
Replit-Helium-Checkpoint-Created: true
2026-04-15 00:27:21 +00:00

1173 lines
78 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<!-- This site was created in Webflow. https://webflow.com -->
<!-- Last Published: Wed Mar 25 2026 11:12:32 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="raklis-exceptional-site.webflow.io" data-wf-page="69c3c1ee9913e039b3e7d230" data-wf-site="69c3c1ed9913e039b3e7d1df" data-wf-status="1" lang="en">
<head>
<meta charset="utf-8"/>
<title>
Chomp - Webflow Ecommerce HTML Website Template
</title>
<meta content="Free Webflow eCommerce template for food, delivery &amp; restaurant businesses. Start selling your products online with unlimited customization. Quickly change the colours, images &amp; fonts to take control over the visual direction. Build by flowbase.co" name="description"/>
<meta content="Chomp - Webflow Ecommerce HTML Website Template" property="og:title"/>
<meta content="Free Webflow eCommerce template for food, delivery &amp; restaurant businesses. Start selling your products online with unlimited customization. Quickly change the colours, images &amp; fonts to take control over the visual direction. Build by flowbase.co" property="og:description"/>
<meta content="Chomp - Webflow Ecommerce HTML Website Template" property="twitter:title"/>
<meta content="Free Webflow eCommerce template for food, delivery &amp; restaurant businesses. Start selling your products online with unlimited customization. Quickly change the colours, images &amp; fonts to take control over the visual direction. Build by flowbase.co" property="twitter:description"/>
<meta content="website" property="og:type"/>
<meta content="summary_large_image" name="twitter:card"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="Webflow" name="generator"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);
</script>
<script src="js/replit-webflow-compat.js" type="text/javascript">
</script>
<link href="css/69c3c1ee9913e039b3e7d2bd_fav.png" rel="shortcut icon" type="image/x-icon"/>
<link href="css/69c3c1ee9913e039b3e7d2c2_webclip.png" rel="apple-touch-icon"/>
<style>
body{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
<script type="text/javascript">
window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};
</script>
</head>
<body>
<div class="banner" id="Banner">
<div class="banner-wrap">
<div class="notice-text">
We're open and available for takeaway &amp; delivery.
<a class="white-link" href="order.html">
Order Now
</a>
</div>
</div>
</div>
<div class="navbar w-nav" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" data-w-id="33c883c6-4afc-cc73-3bca-d2857a9d4bc2" id="Navigation" role="banner">
<div class="navigation-container">
<div class="navigation-left">
<a aria-current="page" class="brand w-nav-brand w--current" href="index.html">
<img alt="" src="images/69c3c1ee9913e039b3e7d290_Logo.svg" width="40"/>
</a>
</div>
<div class="navigation-right">
<div class="menu-button w-nav-button">
<div class="icon w-icon-nav-menu">
</div>
</div>
<nav class="nav-menu w-nav-menu" role="navigation">
<a aria-current="page" class="nav-link w-nav-link w--current" href="index.html">
Home
</a>
<a class="nav-link w-nav-link" href="order.html">
Order
</a>
<a class="nav-link w-nav-link" href="company.html">
Company
</a>
<a class="nav-link w-nav-link" href="#call-store">
Contact
</a>
<a class="nav-link w-nav-link" href="admin.html">
Admin
</a>
</nav>
<a class="auth-link" href="login.html">
Login / Register
</a>
<div class="w-commerce-commercecartwrapper" data-node-type="commerce-cart-wrapper" data-open-product="" data-wf-cart-query="query Dynamo3 {
database {
id
commerceOrder {
comment
extraItems {
name
pluginId
pluginName
price {
decimalValue
string
unit
value
}
}
id
startedOn
statusFlags {
hasDownloads
hasSubscription
isFreeOrder
requiresShipping
}
subtotal {
decimalValue
string
unit
value
}
total {
decimalValue
string
unit
value
}
updatedOn
userItems {
count
id
product {
id
cmsLocaleId
draft
archived
f_name_: name
f_sku_properties_3dr: skuProperties {
id
name
enum {
id
name
slug
}
}
}
rowTotal {
decimalValue
string
unit
value
}
sku {
cmsLocaleId
draft
archived
f_main_image_4dr: mainImage {
url
file {
size
origFileName
createdOn
updatedOn
mimeType
width
height
variants {
origFileName
quality
height
width
s3Url
error
size
}
}
alt
}
f_sku_values_3dr: skuValues {
property {
id
}
value {
id
}
}
id
}
subscriptionFrequency
subscriptionInterval
subscriptionTrial
}
userItemsCount
}
}
site {
commerce {
id
businessAddress {
country
}
defaultCountry
defaultCurrency
quickCheckoutEnabled
}
}
}" data-wf-cart-type="rightSidebar" data-wf-page-link-href-prefix="">
<a aria-haspopup="dialog" aria-label="Open cart" class="w-commerce-commercecartopenlink cart-button w-inline-block" data-node-type="commerce-cart-open-link" href="#" role="button">
<svg class="w-commerce-commercecartopenlinkicon cart-icon" height="17px" viewbox="0 0 17 17" width="17px">
<g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
<path d="M2.60592789,2 L0,2 L0,0 L4.39407211,0 L4.84288393,4 L16,4 L16,9.93844589 L3.76940945,12.3694378 L2.60592789,2 Z M15.5,17 C14.6715729,17 14,16.3284271 14,15.5 C14,14.6715729 14.6715729,14 15.5,14 C16.3284271,14 17,14.6715729 17,15.5 C17,16.3284271 16.3284271,17 15.5,17 Z M5.5,17 C4.67157288,17 4,16.3284271 4,15.5 C4,14.6715729 4.67157288,14 5.5,14 C6.32842712,14 7,14.6715729 7,15.5 C7,16.3284271 6.32842712,17 5.5,17 Z" fill="currentColor" fill-rule="nonzero">
</path>
</g>
</svg>
<div class="w-commerce-commercecartopenlinkcount cart-quantity" data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22Number%22%2C%22filter%22%3A%7B%22type%22%3A%22numberPrecision%22%2C%22params%22%3A%5B%220%22%2C%22numberPrecision%22%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItemsCount%22%7D%7D%5D">
0
</div>
</a>
<div class="w-commerce-commercecartcontainerwrapper w-commerce-commercecartcontainerwrapper--cartType-rightSidebar" data-node-type="commerce-cart-container-wrapper" style="display:none">
<div class="w-commerce-commercecartcontainer" data-node-type="commerce-cart-container" role="dialog">
<div class="w-commerce-commercecartheader">
<h4 class="w-commerce-commercecartheading">
Your Order
</h4>
<a aria-label="Close cart" class="w-commerce-commercecartcloselink w-inline-block" data-node-type="commerce-cart-close-link" href="#" role="button">
<svg height="16px" viewbox="0 0 16 16" width="16px">
<g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">
<g fill="#333333" fill-rule="nonzero">
<polygon points="6.23223305 8 0.616116524 13.6161165 2.38388348 15.3838835 8 9.76776695 13.6161165 15.3838835 15.3838835 13.6161165 9.76776695 8 15.3838835 2.38388348 13.6161165 0.616116524 8 6.23223305 2.38388348 0.616116524 0.616116524 2.38388348 6.23223305 8">
</polygon>
</g>
</g>
</svg>
</a>
</div>
<div class="w-commerce-commercecartformwrapper">
<form class="w-commerce-commercecartform" data-node-type="commerce-cart-form" style="display:none">
<script id="wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4be4" type="text/x-wf-template">
%3Cdiv%20class%3D%22w-commerce-commercecartitem%22%3E%3Cimg%20data-wf-bindings%3D%22%255B%257B%2522src%2522%253A%257B%2522type%2522%253A%2522ImageRef%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.f_main_image_4dr%2522%257D%257D%252C%257B%2522alt%2522%253A%257B%2522type%2522%253A%2522PlainText%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_name_%2522%257D%257D%255D%22%20src%3D%22%22%20alt%3D%22%22%20class%3D%22w-commerce-commercecartitemimage%20w-dyn-bind-empty%22%2F%3E%3Cdiv%20class%3D%22w-commerce-commercecartiteminfo%22%3E%3Cdiv%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522PlainText%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_name_%2522%257D%257D%255D%22%20class%3D%22w-commerce-commercecartproductname%20w-dyn-bind-empty%22%3E%3C%2Fdiv%3E%3Cdiv%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522CommercePrice%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522price%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.f_price_%2522%257D%257D%255D%22%3E%24%C2%A00.00%C2%A0USD%3C%2Fdiv%3E%3Cscript%20type%3D%22text%2Fx-wf-template%22%20id%3D%22wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4bea%22%3E%253Cli%253E%253Cspan%2520data-wf-bindings%253D%2522%25255B%25257B%252522innerHTML%252522%25253A%25257B%252522type%252522%25253A%252522PlainText%252522%25252C%252522filter%252522%25253A%25257B%252522type%252522%25253A%252522identity%252522%25252C%252522params%252522%25253A%25255B%25255D%25257D%25252C%252522dataPath%252522%25253A%252522database.commerceOrder.userItems%25255B%25255D.product.f_sku_properties_3dr%25255B%25255D.name%252522%25257D%25257D%25255D%2522%253E%253C%252Fspan%253E%253Cspan%253E%253A%2520%253C%252Fspan%253E%253Cspan%2520data-wf-bindings%253D%2522%25255B%25257B%252522innerHTML%252522%25253A%25257B%252522type%252522%25253A%252522CommercePropValues%252522%25252C%252522filter%252522%25253A%25257B%252522type%252522%25253A%252522identity%252522%25252C%252522params%252522%25253A%25255B%25255D%25257D%25252C%252522dataPath%252522%25253A%252522database.commerceOrder.userItems%25255B%25255D.product.f_sku_properties_3dr%25255B%25255D%252522%25257D%25257D%25255D%2522%253E%253C%252Fspan%253E%253C%252Fli%253E%3C%2Fscript%3E%3Cul%20data-wf-bindings%3D%22%255B%257B%2522optionSets%2522%253A%257B%2522type%2522%253A%2522CommercePropTable%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%5B%5D%2522%257D%257D%252C%257B%2522optionValues%2522%253A%257B%2522type%2522%253A%2522CommercePropValues%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.f_sku_values_3dr%2522%257D%257D%255D%22%20class%3D%22w-commerce-commercecartoptionlist%22%20data-wf-collection%3D%22database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%22%20data-wf-template-id%3D%22wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4bea%22%3E%3Cli%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522PlainText%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D.name%2522%257D%257D%255D%22%3E%3C%2Fspan%3E%3Cspan%3E%3A%20%3C%2Fspan%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522CommercePropValues%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D%2522%257D%257D%255D%22%3E%3C%2Fspan%3E%3C%2Fli%3E%3C%2Ful%3E%3Ca%20href%3D%22%23%22%20role%3D%22%22%20data-wf-bindings%3D%22%255B%257B%2522data-commerce-sku-id%2522%253A%257B%2522type%2522%253A%2522ItemRef%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.id%2522%257D%257D%255D%22%20class%3D%22remove-button%20w-inline-block%22%20data-wf-cart-action%3D%22remove-item%22%20data-commerce-sku-id%3D%22%22%20aria-label%3D%22Remove%20item%20from%20cart%22%3E%3Cdiv%20class%3D%22text-block-2%22%3ERemove%3C%2Fdiv%3E%3C%2Fa%3E%3C%2Fdiv%3E%3Cinput%20data-wf-bindings%3D%22%255B%257B%2522value%2522%253A%257B%2522type%2522%253A%2522Number%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522numberPrecision%2522%252C%2522params%2522%253A%255B%25220%2522%252C%2522numberPrecision%2522%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.count%2522%257D%257D%252C%257B%2522data-commerce-sku-id%2522%253A%257B%2522type%2522%253A%2522ItemRef%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.id%2522%257D%257D%255D%22%20class%3D%22w-commerce-commercecartquantity%22%20required%3D%22%22%20pattern%3D%22%5E%5B0-9%5D%2B%24%22%20inputMode%3D%22numeric%22%20type%3D%22number%22%20name%3D%22quantity%22%20autoComplete%3D%22off%22%20data-wf-cart-action%3D%22update-item-quantity%22%20data-commerce-sku-id%3D%22%22%20value%3D%221%22%2F%3E%3C%2Fdiv%3E
</script>
<div class="w-commerce-commercecartlist" data-wf-collection="database.commerceOrder.userItems" data-wf-template-id="wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4be4">
<div class="w-commerce-commercecartitem">
<img alt="" class="w-commerce-commercecartitemimage w-dyn-bind-empty" data-wf-bindings="%5B%7B%22src%22%3A%7B%22type%22%3A%22ImageRef%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.f_main_image_4dr%22%7D%7D%2C%7B%22alt%22%3A%7B%22type%22%3A%22PlainText%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_name_%22%7D%7D%5D" src=""/>
<div class="w-commerce-commercecartiteminfo">
<div class="w-commerce-commercecartproductname w-dyn-bind-empty" data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22PlainText%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_name_%22%7D%7D%5D">
</div>
<div data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22CommercePrice%22%2C%22filter%22%3A%7B%22type%22%3A%22price%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.f_price_%22%7D%7D%5D">
$ 0.00 USD
</div>
<script id="wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4bea" type="text/x-wf-template">
%3Cli%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522PlainText%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D.name%2522%257D%257D%255D%22%3E%3C%2Fspan%3E%3Cspan%3E%3A%20%3C%2Fspan%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522CommercePropValues%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D%2522%257D%257D%255D%22%3E%3C%2Fspan%3E%3C%2Fli%3E
</script>
<ul class="w-commerce-commercecartoptionlist" data-wf-bindings="%5B%7B%22optionSets%22%3A%7B%22type%22%3A%22CommercePropTable%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr[]%22%7D%7D%2C%7B%22optionValues%22%3A%7B%22type%22%3A%22CommercePropValues%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.f_sku_values_3dr%22%7D%7D%5D" data-wf-collection="database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr" data-wf-template-id="wf-template-33c883c6-4afc-cc73-3bca-d2857a9d4bea">
<li>
<span data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22PlainText%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr%5B%5D.name%22%7D%7D%5D">
</span>
<span>
:
</span>
<span data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22CommercePropValues%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr%5B%5D%22%7D%7D%5D">
</span>
</li>
</ul>
<a aria-label="Remove item from cart" class="remove-button w-inline-block" data-commerce-sku-id="" data-wf-bindings="%5B%7B%22data-commerce-sku-id%22%3A%7B%22type%22%3A%22ItemRef%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.id%22%7D%7D%5D" data-wf-cart-action="remove-item" href="#" role="">
<div class="text-block-2">
Remove
</div>
</a>
</div>
<input autocomplete="off" class="w-commerce-commercecartquantity" data-commerce-sku-id="" data-wf-bindings="%5B%7B%22value%22%3A%7B%22type%22%3A%22Number%22%2C%22filter%22%3A%7B%22type%22%3A%22numberPrecision%22%2C%22params%22%3A%5B%220%22%2C%22numberPrecision%22%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.count%22%7D%7D%2C%7B%22data-commerce-sku-id%22%3A%7B%22type%22%3A%22ItemRef%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.id%22%7D%7D%5D" data-wf-cart-action="update-item-quantity" inputmode="numeric" name="quantity" pattern="^[0-9]+$" required="" type="number" value="1"/>
</div>
</div>
<div class="w-commerce-commercecartfooter">
<div aria-atomic="false" aria-live="" class="w-commerce-commercecartlineitem cart-line-item">
<div>
Subtotal
</div>
<div class="w-commerce-commercecartordervalue text-block" data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22CommercePrice%22%2C%22filter%22%3A%7B%22type%22%3A%22price%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.subtotal%22%7D%7D%5D">
</div>
</div>
<div>
<div data-node-type="commerce-cart-quick-checkout-actions" style="display:none">
<a aria-haspopup="dialog" aria-label="Apple Pay" class="w-commerce-commercecartapplepaybutton apple-pay" data-node-type="commerce-cart-apple-pay-button" role="button" style="background-image:-webkit-named-image(apple-pay-logo-white);background-size:100% 50%;background-position:50% 50%;background-repeat:no-repeat" tabindex="0">
<div>
</div>
</a>
<a aria-haspopup="dialog" class="w-commerce-commercecartquickcheckoutbutton" data-node-type="commerce-cart-quick-checkout-button" role="button" style="display:none" tabindex="0">
<svg class="w-commerce-commercequickcheckoutgoogleicon" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<polygon id="google-mark-a" points="0 .329 3.494 .329 3.494 7.649 0 7.649">
</polygon>
<polygon id="google-mark-c" points=".894 0 13.169 0 13.169 6.443 .894 6.443">
</polygon>
</defs>
<g fill="none" fill-rule="evenodd">
<path d="M10.5967,12.0469 L10.5967,14.0649 L13.1167,14.0649 C14.6047,12.6759 15.4577,10.6209 15.4577,8.1779 C15.4577,7.6339 15.4137,7.0889 15.3257,6.5559 L7.8887,6.5559 L7.8887,9.6329 L12.1507,9.6329 C11.9767,10.6119 11.4147,11.4899 10.5967,12.0469" fill="#4285F4">
</path>
<path d="M7.8887,16 C10.0137,16 11.8107,15.289 13.1147,14.067 C13.1147,14.066 13.1157,14.065 13.1167,14.064 L10.5967,12.047 C10.5877,12.053 10.5807,12.061 10.5727,12.067 C9.8607,12.556 8.9507,12.833 7.8887,12.833 C5.8577,12.833 4.1387,11.457 3.4937,9.605 L0.8747,9.605 L0.8747,11.648 C2.2197,14.319 4.9287,16 7.8887,16" fill="#34A853">
</path>
<g transform="translate(0 4)">
<mask fill="#fff" id="google-mark-b">
<use xlink:href="#google-mark-a">
</use>
</mask>
<path d="M3.4639,5.5337 C3.1369,4.5477 3.1359,3.4727 3.4609,2.4757 L3.4639,2.4777 C3.4679,2.4657 3.4749,2.4547 3.4789,2.4427 L3.4939,0.3287 L0.8939,0.3287 C0.8799,0.3577 0.8599,0.3827 0.8459,0.4117 C-0.2821,2.6667 -0.2821,5.3337 0.8459,7.5887 L0.8459,7.5997 C0.8549,7.6167 0.8659,7.6317 0.8749,7.6487 L3.4939,5.6057 C3.4849,5.5807 3.4729,5.5587 3.4639,5.5337" fill="#FBBC04" mask="url(#google-mark-b)">
</path>
</g>
<mask fill="#fff" id="google-mark-d">
<use xlink:href="#google-mark-c">
</use>
</mask>
<path d="M0.894,4.3291 L3.478,6.4431 C4.113,4.5611 5.843,3.1671 7.889,3.1671 C9.018,3.1451 10.102,3.5781 10.912,4.3671 L13.169,2.0781 C11.733,0.7231 9.85,-0.0219 7.889,0.0001 C4.941,0.0001 2.245,1.6791 0.894,4.3291" fill="#EA4335" mask="url(#google-mark-d)">
</path>
</g>
</svg>
<svg class="w-commerce-commercequickcheckoutmicrosofticon" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<polygon fill="#F05022" points="7 7 1 7 1 1 7 1">
</polygon>
<polygon fill="#7DB902" points="15 7 9 7 9 1 15 1">
</polygon>
<polygon fill="#00A4EE" points="7 15 1 15 1 9 7 9">
</polygon>
<polygon fill="#FFB700" points="15 15 9 15 9 9 15 9">
</polygon>
</g>
</svg>
<div>
Pay with browser.
</div>
</a>
</div>
<a class="w-commerce-commercecartcheckoutbutton checkout-button" data-loading-text="Hang Tight..." data-node-type="cart-checkout-button" href="checkout.html" value="Continue to Checkout">
Continue to Checkout
</a>
</div>
</div>
</form>
<div class="w-commerce-commercecartemptystate empty-state">
<div>
We couldn't find any items in your cart.
</div>
<div class="button-arrow-wrap">
<a class="button w-button" href="order.html">
Start an Order
</a>
<img alt="" class="arrow-drawn" src="images/69c3c1ee9913e039b3e7d2c4_Drawn%20Arrow.svg"/>
</div>
</div>
<div aria-live="" class="w-commerce-commercecarterrorstate" data-node-type="commerce-cart-error" style="display:none">
<div class="w-cart-error-msg" data-w-cart-cart_order_min-error="The order minimum was not met. Add more items to your cart to continue." data-w-cart-checkout-error="Checkout is disabled on this site." data-w-cart-general-error="Something went wrong when adding this item to the cart." data-w-cart-quantity-error="Product is not available in this quantity." data-w-cart-subscription_error-error="Before you purchase, please use your email invite to verify your address so we can send order updates.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header" id="Header">
<div class="container-flex">
<div class="hero-content">
<h1 class="hero-h1" style="-webkit-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0">
Beautiful food &amp; takeaway,
<span class="brand-span">
delivered
</span>
to your door.
</h1>
<p class="hero-paragraph" style="-webkit-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500.
</p>
<div class="button-wrapper" style="-webkit-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0">
<a class="button w-button" href="order.html">
Place an Order
</a>
</div>
<div class="review-wrap" style="-webkit-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0">
<img alt="" class="review-logo" src="images/69c3c1ee9913e039b3e7d268_trustpilot-logo.svg"/>
<div class="review-text">
<span class="brand-span">
4.8 out of 5
</span>
based on 2000+ reviews
</div>
</div>
</div>
<div class="hero-image-wrap">
<img alt="Food Delivery" class="hero-image" sizes="(max-width: 576px) 100vw, 576px" src="images/69c3c1ee9913e039b3e7d270_Hero%20Image.png" srcset="https://cdn.prod.website-files.com/69c3c1ed9913e039b3e7d1df/69c3c1ee9913e039b3e7d270_Hero%2520Image-p-500.png 500w, https://cdn.prod.website-files.com/69c3c1ed9913e039b3e7d1df/69c3c1ee9913e039b3e7d270_Hero%20Image.png 576w" style="opacity:0;-webkit-transform:translate3d(0, 0, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"/>
</div>
</div>
</div>
<div class="content-section-bg">
<div class="container">
<div class="w-layout-grid content-grid">
<div class="content-block bg-text">
<h2>
The home of
<br/>
fresh products
</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500.
</p>
<a class="button button-space w-button" href="company.html">
Learn about us
</a>
</div>
<div class="image-block">
<img alt="" sizes="(max-width: 523px) 100vw, 523px" src="images/69c3c1ee9913e039b3e7d26e_Food%20Image.png" srcset="https://cdn.prod.website-files.com/69c3c1ed9913e039b3e7d1df/69c3c1ee9913e039b3e7d26e_Group%252033-p-500.png 500w, https://cdn.prod.website-files.com/69c3c1ed9913e039b3e7d1df/69c3c1ee9913e039b3e7d26e_Food%20Image.png 523w"/>
</div>
</div>
</div>
</div>
<div class="content-section">
<div class="container">
<div class="title-wrap-centre menu-title-visible">
<h2>
How it works.
</h2>
</div>
<div class="w-layout-grid works-grid">
<div class="content-card">
<img alt="" class="step-image" src="images/69c3c1ee9913e039b3e7d2c5_Step%2001.png"/>
<div class="content-wrapper">
<h5>
Adapt your menu items
</h5>
<p>
Easily adapt your menu using the webflow CMS and allow customers to browse your items.
</p>
</div>
</div>
<div class="line-column">
<div class="line">
</div>
</div>
<div class="content-card">
<img alt="" class="step-image" src="images/69c3c1ee9913e039b3e7d2ca_Step%2002.png"/>
<div class="content-wrapper">
<h5>
Accept online orders &amp; takeout
</h5>
<p>
Let your customers order and pay via the powerful ecommerce system, or simple let them call your store.
</p>
</div>
</div>
<div class="line-column">
<div class="line">
</div>
</div>
<div class="content-card">
<img alt="" class="step-image" src="images/69c3c1ee9913e039b3e7d2cb_Step%2003.png"/>
<div class="content-wrapper">
<h5>
Manage delivery or takeout
</h5>
<p>
Manage your own logistics and take orders simply through the ecommerce system.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="content-section-bg">
<div class="container">
<div class="title-wrap-centre">
<h2>
Browse our menu
</h2>
<p>
Use our menu to place an order online, or
<a href="#">
phone
</a>
our store to
<br/>
place a pickup order. Fast and fresh food.
</p>
</div>
<div class="w-tabs" data-current="Burgers" data-duration-in="300" data-duration-out="100" data-easing="ease">
<div class="tab-menu-round w-tab-menu">
<a class="tab-link-round w-inline-block w-tab-link w--current" data-w-tab="Burgers">
<div>
Burgers
</div>
</a>
<a class="tab-link-round w-inline-block w-tab-link" data-w-tab="Sides">
<div>
Sides
</div>
</a>
<a class="tab-link-round w-inline-block w-tab-link" data-w-tab="Drinks">
<div>
Drinks
</div>
</a>
</div>
<div class="w-tab-content">
<div class="tab-pane-wrap w-tab-pane w--tab-active" data-w-tab="Burgers">
<div class="w-dyn-list">
<div class="order-collection w-dyn-items w-row" role="list">
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-dreams.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ad_Burger%2003.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-dreams.html">
<h6>
Burger Dreams
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 9.20 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2ea" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f0" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-waldo.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b0_Burger%2008.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-waldo.html">
<h6>
Burger Waldo
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 10.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2de" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f8" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-cali.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b6_Burger%2004.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-cali.html">
<h6>
Burger Cali
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 8.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e1" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f1" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-bacon-buddy.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b1_Burger%2006.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-bacon-buddy.html">
<h6>
Burger Bacon Buddy
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 9.99 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2eb" data-commerce-sku-id="69c3c1ee9913e039b3e7d2fb" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-spicy.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2cd_Burger%2002.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-spicy.html">
<h6>
Burger Spicy
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 9.20 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e5" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f5" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-burger-classic.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b2_Burger%2001.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-burger-classic.html">
<h6>
Burger Classic
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 8.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2ed" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f9" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-tab-pane" data-w-tab="Sides">
<div class="w-dyn-list">
<div class="order-collection w-dyn-items w-row" role="list">
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-salad-ceaser.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2af_Side%2006.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-salad-ceaser.html">
<h6>
Salad Ceaser
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 6.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e8" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f7" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-beans-slow-cooked.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2d0_Side%2005.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-beans-slow-cooked.html">
<h6>
Beans Slow Cooked
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2ec" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f4" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-fries-cheese.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ce_Side%2002.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-fries-cheese.html">
<h6>
Fries Cheese
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 5.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e4" data-commerce-sku-id="69c3c1ee9913e039b3e7d2ef" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-fries-rustic.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2d1_Side%2003.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-fries-rustic.html">
<h6>
Fries Rustic
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2df" data-commerce-sku-id="69c3c1ee9913e039b3e7d2fa" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-tab-pane" data-w-tab="Drinks">
<div class="w-dyn-list">
<div class="order-collection w-dyn-items w-row" role="list">
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-fig-lime.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2b7_Drink%201.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-fig-lime.html">
<h6>
Drink Fig &amp; Lime
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2dd" data-commerce-sku-id="69c3c1ee9913e039b3e7d2ee" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-liquor.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ac_Drink%202.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-liquor.html">
<h6>
Drink Liquor
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 7.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e7" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f3" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-lime.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d2ae_Drink%204.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-lime.html">
<h6>
Drink Lime
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 4.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e6" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f2" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-item w-dyn-item w-col w-col-6" role="listitem">
<div class="food-card">
<a class="food-image-square w-inline-block" href="product-drink-cola.html">
<img alt="" class="food-image" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_main_image_4dr%22%2C%22to%22%3A%22src%22%7D%5D" src="images/69c3c1ee9913e039b3e7d298_Drink%203.png"/>
</a>
<div class="food-card-content">
<a class="food-title-wrap w-inline-block" href="product-drink-cola.html">
<h6>
Drink Cola
</h6>
<div class="price" data-wf-sku-bindings="%5B%7B%22from%22%3A%22f_price_%22%2C%22to%22%3A%22innerHTML%22%7D%5D">
$ 3.00 USD
</div>
</a>
<p class="paragraph">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
<div class="add-to-cart">
<form class="w-commerce-commerceaddtocartform default-state" data-commerce-product-id="69c3c1ee9913e039b3e7d2e0" data-commerce-sku-id="69c3c1ee9913e039b3e7d2f6" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-form">
<input class="w-commerce-commerceaddtocartquantityinput quantity" id="quantity-77d000eb734842aa4cf87b0bb03800c1" inputmode="numeric" min="1" name="commerce-add-to-cart-quantity-input" pattern="^[0-9]+$" type="number" value="1"/>
<input aria-busy="false" aria-haspopup="dialog" class="w-commerce-commerceaddtocartbutton order-button" data-loading-text="Adding to cart..." data-node-type="commerce-add-to-cart-button" type="submit" value="Add to Cart"/>
</form>
<div class="w-commerce-commerceaddtocartoutofstock out-of-stock-state" style="display:none" tabindex="0">
<div>
This product is out of stock.
</div>
</div>
<div aria-live="" class="w-commerce-commerceaddtocarterror" data-node-type="commerce-add-to-cart-error" style="display:none">
<div data-node-type="commerce-add-to-cart-error" data-w-add-to-cart-buy-now-error="Something went wrong when trying to purchase this item." data-w-add-to-cart-checkout-disabled-error="Checkout is disabled on this site." data-w-add-to-cart-general-error="Something went wrong when adding this item to the cart." data-w-add-to-cart-mixed-cart-error="You cant purchase another product with a subscription." data-w-add-to-cart-quantity-error="Product is not available in this quantity." data-w-add-to-cart-select-all-options-error="Please select an option in each set.">
Product is not available in this quantity.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="button-wrapper" style="-webkit-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-25PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0">
<a class="button w-button" href="order.html">
See Full Menu
</a>
</div>
</div>
</div>
<div class="content-section">
<div class="container">
<div class="w-layout-grid content-grid">
<div class="image-block">
<img alt="" sizes="100vw" src="images/69c3c1ee9913e039b3e7d2c8_Phones.png" srcset="https://cdn.prod.website-files.com/69c3c1ed9913e039b3e7d1df/69c3c1ee9913e039b3e7d2c8_Phones-p-500.png 500w, https://cdn.prod.website-files.com/69c3c1ed9913e039b3e7d1df/69c3c1ee9913e039b3e7d2c8_Phones-p-800.png 800w, https://cdn.prod.website-files.com/69c3c1ed9913e039b3e7d1df/69c3c1ee9913e039b3e7d2c8_Phones.png 2103w"/>
<img alt="" class="pattern" src="images/69c3c1ee9913e039b3e7d2c0_Content%20Pattern.svg"/>
</div>
<div class="content-block">
<h2>
Order online with our simple checkout.
</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500.
</p>
</div>
</div>
</div>
</div>
<div class="content-section-bg" id="call-store">
<div class="container">
<div class="w-layout-grid content-grid">
<div class="content-block bg-text">
<h2>
Call our store and takeaway when it suits you best.
</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500.
</p>
<a class="button button-space w-button" href="#">
Ph. +61 233 2333
</a>
</div>
<div class="image-block">
<img alt="" src="images/69c3c1ee9913e039b3e7d2dc_Food%20Takeaway.png"/>
</div>
</div>
</div>
</div>
<div class="cta-section">
<div class="w-layout-grid cta-grid">
<div class="cta-image">
</div>
<div class="cta-content">
<h1 class="cta-heading">
<span class="dark-span">
Support
</span>
good food
<br/>
and local business.
</h1>
<a class="button-white button-space w-button" href="order.html">
Order Now
</a>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="w-layout-grid footer-grid">
<div class="footer-column" id="w-node-_67f7db32-28d2-9f37-8b84-a159dcc6da5a-dcc6da57">
<img alt="" class="footer-logo" src="images/69c3c1ee9913e039b3e7d290_Logo.svg" width="40"/>
<p>
Takeaway &amp; Delivery template
<br/>
for small - medium businesses.
</p>
</div>
<div class="footer-column" id="w-node-_67f7db32-28d2-9f37-8b84-a159dcc6da5e-dcc6da57">
<div class="title">
company
</div>
<a aria-current="page" class="footer-link w--current" href="index.html">
Home
</a>
<a class="footer-link" href="order.html">
Order
</a>
<a class="footer-link" href="#call-store">
Contact
</a>
</div>
<div class="footer-column" id="w-node-_67f7db32-28d2-9f37-8b84-a159dcc6da69-dcc6da57">
<div class="title">
TEMPLATE
</div>
<a class="footer-link" href="template-styleguide.html">
Style Guide
</a>
<a class="footer-link" href="template-changelog.html">
Changelog
</a>
<a class="footer-link" href="template-licence.html">
Licence
</a>
<a class="footer-link" href="https://university.webflow.com/" target="_blank">
Webflow University
</a>
</div>
<div class="footer-column" id="w-node-_67f7db32-28d2-9f37-8b84-a159dcc6da72-dcc6da57">
<div class="title">
FLOWBASE
</div>
<a class="footer-link" href="https://www.flowbase.co" target="_blank">
More Cloneables
</a>
</div>
</div>
<div class="footer-legal">
<div class="footer-detail-left">
<div class="legal">
Built by
<a class="webflow-link" href="https://www.flowbase.co" target="_blank">
Flowbase
</a>
· Powered by
<a class="webflow-link" href="http://webflow.com/" target="_blank">
Webflow
</a>
</div>
</div>
<div class="footer-detail-right">
<div class="social-icon-wrap">
<a class="social-link w-inline-block" href="#">
<img alt="" class="social-icon" src="images/5e362b9c121267b0fabbef18_social-instagram.svg"/>
</a>
<a class="social-link w-inline-block" href="#">
<img alt="" class="social-icon" src="images/5e362b9cf4dd53d8073a05cd_social-twitter.svg"/>
</a>
<a class="social-link w-inline-block" href="#">
<img alt="" class="social-icon" src="images/5e362b9c7c077b1740e27d28_social-youtube.svg"/>
</a>
</div>
</div>
</div>
</div>
</div>
<script crossorigin="anonymous" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" src="js/jquery-3.5.1.min.dc5e7f18c8.js" type="text/javascript">
</script>
<script src="js/api.js" type="text/javascript">
</script>
<script crossorigin="anonymous" integrity="sha384-O3WhxmHD5kHQSrCGxUx9O9aqDChbj1vVrhT3htBjpSnAOHYYJ9ESiPlOvc9TRncW" src="js/webflow.schunk.b5641674105b3a84.js" type="text/javascript">
</script>
<script crossorigin="anonymous" integrity="sha384-4AhZ6V15MqQcYDdfPXvfst2Y4s5C3Rtj7m/IcGSRXAN4ocxqL/Fag0UYpfUlMcst" src="js/webflow.schunk.8635f867f0e7bd37.js" type="text/javascript">
</script>
<script crossorigin="anonymous" integrity="sha384-ID0YQsmVv1RvR08bKK9/r3E6ht8sEBszDbo80TPdSDneZNcUQIGiXgNQMe2H2WQl" src="js/webflow.61cfa502.51ab170f9bd4cb2e.js" type="text/javascript">
</script>
</body>
</html>