<!DOCTYPE html>
<html>
<head>
	<title>Recipes - Create</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;
		}

		td.add{
			font-size:18px;
			text-align:center;
		}
	</style>
</head>
<body>
<h1 id='title'>Recipes - Create<h1>

<table>
	<tr class = "r1">
		<th colspan ="2">RECIPE:</th>
		<td class="add"><a href = froyo/add>Change Recipe Title</a></td>
	</tr>
	<tr class = "r2">
		<td>---</td>
		<td>---</td>
		<td class="add"><a href = froyo/add>Add Data</a></td>
	</tr>	
</table>


</body>
</html>