Skip to content

Instantly share code, notes, and snippets.

@Auwalms

Auwalms/index.html

Last active May 25, 2019 12:03
Show Gist options
  • Save Auwalms/825ee053276620286430df10b979c86d to your computer and use it in GitHub Desktop.
Save Auwalms/825ee053276620286430df10b979c86d to your computer and use it in GitHub Desktop.
Download ZIP
Index.html containing firebase and firestore library
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>AuwSum Kitchen</title>
<meta
name="description"
content="This app gives users the ability to check and order food items and get it delivered to their door"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff" />
<link rel="stylesheet" href="/styles/bootstrap.min.css" />
<link rel="stylesheet" href="/styles/app.css" />
</head>
<body>
<header>
<nav
class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 bg-white border-bottom shadow-sm "
>
<h5 class="my-0 mr-md-auto brand-name">AuwSum Kitchen</h5>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2 text-dark active" href="/">Home</a>
<a class="p-2 text-dark" href="#">Orders</a>
<a class="p-2 text-dark" href="#">About Us</a>
</nav>
</nav>
</header>
<main role="main" class="container">
<section>
<div id="circle" class="hidden">
<div class="loader"></div>
</div>
<div class="row" id="categories-container"></div>
</section>
</main>
<script src="/scripts/jquery-3.3.1.slim.min.js"></script>
<script src="/scripts/bootstrap.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.9.3/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.9.3/firebase-firestore.js"></script>
<script src="/scripts/services.js"></script>
<script src="/scripts/app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment