<!DOCTYPE html>
<html>
<head>
	<title>Ingredients - List</title>
	<style>

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

		table{
			width:45%;
			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;

		}
	</style>
</head>
<body>
<h1 id='title'>Ingredients - List<h1>

<table>
	<tr class = "r1">
		<th colspan="2">INVENTORY</th>
	</tr>
	<tr class = "r2">
		<td>Ingredient</td>
		<td>Qty On Hand</td>
	</tr>
	<tr>
		<td>almonds</td>
		<td>25</td>
	</tr>
	<tr>
		<td>banana</td>
		<td>50</td>
	</tr>
	<tr>
		<td>caramel sauce</td>
		<td>25</td>
	</tr>
	<tr>
		<td>cashews</td>
		<td>40</td>
	</tr>
	<tr>
		<td>cheesecake</td>
		<td>25</td>
	</tr>
	<tr>
		<td>chocolate sauce</td>
		<td>25</td>
	</tr>
	<tr>
		<td>chocolate sprinkles</td>
		<td>30</td>
	</tr>
	<tr>
		<td>coffee powder</td>
		<td>30</td>
	</tr>
	<tr>
		<td>corn flakes</td>
		<td>20</td>
	</tr>
	<tr>
		<td>plain frozen yogurt</td>
		<td>100</td>
	</tr>
	<tr>
		<td>full cream milk</td>
		<td>20</td>
	</tr>
	<tr>
		<td>mango</td>
		<td>30</td>
	</tr>
	<tr>
		<td>mini mallows</td>
		<td>60</td>
	</tr>
	<tr>
		<td>Oreo cookies</td>
		<td>20</td>
	</tr>
	<tr>
		<td>peaches</td>
		<td>50</td>
	</tr>
	<tr>
		<td>soy milk</td>
		<td>50</td>
	</tr>
	<tr>
		<td>strawberry</td>
		<td>80</td>
	</tr>
	<tr>
		<td>whipped cream</td>
		<td>100</td>
	</tr>
</table>


</body>
</html>