<!DOCTYPE html>
<html>
<head>
	<title>Orders - Create</title>
	<style>

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

		table{
			width:45%;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:30px;
		}

		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'>Orders - Create<h1>

<table>
	<tr class = "r1">
		<th colspan ="3">ORDER SLIP</th>
	</tr>
	<tr class = "r2">
		<td>Customer</td>
		<td>---</td>
		<td class="add"><a href = froyo/add>Add Data</a></td>
	</tr>
	<tr class = "r2">
		<td>Size</td>
		<td>---</td>
		<td class="add"><a href = froyo/add>Add Data</a></td>
	</tr>	
	<tr class = "r2">
		<td>Base Recipe</td>
		<td>---</td>
		<td class="add"><a href = froyo/add>Add Data</a></td>
	</tr>	
	<tr class = "r2">
		<td>Customization</td>
		<td>---</td>
		<td class="add"><a href = froyo/add>Add Data</a></td>
	</tr>	
</table>


</body>
</html>