<!DOCTYPE html>
<html>
<head>
	<title>The Good Place</title>
	<style>

		h1#title{
			font-family: Arial;
			text-align: center;
			font-size: 60px;
			margin-bottom: -20px;
		}

		h1#title2{
			font-family: Arial;
			text-align: center;
			font-size:30px;
		}

		table{
			width:65%;
			margin-left:auto;
			margin-right:auto;
		}

		table, th, td{
			border: 2px solid black;
			border-collapse: collapse;
			font-family: Arial;
			font-size: 24px;
		}

		th, td{
			padding: 5px;

		}

		tr.r1{
			text-align:center;
			border: 3px solid black;
		}

		tr.r2{
			border: 3px solid black;
		}

		td.link{
			font-size:18px;
			text-align:center;
		}
	</style>
</head>
<body>
<h1 id='title'>The Good Place<h1>
	<h1 id='title2'>FroYo Shop</h1>

<table>
	<tr class = "r1">
		<th>Ingredients</th>
		<th>Recipes</th>
		<th>Orders</th>
		
	</tr>
	<tr class = "r2">
		<td class="link" ><a id="ingredients_list" href = ingredients/list>List</a></td>
		<td class="link" id="recipes_list"><a href = recipes/list>List</a></td>
		<td class="link" id="orders_list"><a href = orders/list>List</a></td>
	</tr>	

	<tr class = "r2">
		<td class="link" id="ingredients_detail"><a href = ingredients/detail>Detail</a></td>
		<td class="link" id="recipes_detail"><a href = recipes/detail>Detail</a></td>
		<td class="link" id="orders_detail"><a href = orders/detail>Detail</a></td>
	</tr>

	<tr class = "r2">
		<td class="link" id="ingredients_update"><a href = ingredients/update>Update</a></td>
		<td class="link" id="recipes_update"><a href = recipes/update>Update</a></td>
		<td class="link" id="orders_update"><a href = orders/update>Update</a></td>
	</tr>	

	<tr class = "r2">
		<td class="link" id="ingredients_create"><a href = ingredients/create>Create</a></td>
		<td class="link" id="recipes_create"><a href = recipes/create>Create</a></td>
		<td class="link" id="orders_create"><a href = orders/create>Create</a></td>
	</tr>	
</table>


</body>
</html>