index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Dinner Crew</title>
	<link rel="stylesheet" href="public/styles/style.css">
	<link href="https://fonts.googleapis.com/css?family=Cabin:400,600,700|Old+Standard+TT" rel="stylesheet">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script src="https://use.fontawesome.com/6a7d1e646b.js"></script>
</head>
<body>

	<!-- This is where our dynamically generated html contents gets
 				added -->
	<div class="container"></div>
	<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
	<script src="https://hammerjs.github.io/dist/hammer.js"></script>
	<script src="./public/scripts/main.js"></script>
</body>
</html>