<!DOCTYPE html>
<head>
	<title>Terrible Treats - Cookie Recipe</title>
	<link rel="stylesheet" type="text/css" href="styling.css">
</head>
<body>
	<div id="header">
    		<p id="title">Terrible Treats</p>
		<p id="subTitle">Desserts For Your Worst Enemies</p>
	</div>
	<div id="navCon" class="flex-container">
      		<div id="navBar" class="flex-nav">
      			<p class="navButton"><a href="index.html">Home</a></p>
         		<p class="navButton"><a href="cookies.html">Cookies</a></p>
          		<p class="navButton"><a href="cakes.html">Cakes</a></p>
         		<p class="navButton"><a href="pies.html">Pies</a></p>      
      		</div>
		<div id="contentSection">
            <p id="subTitle">Wasabi Cookies</p>
			<!-- Image taken from https://commons.wikimedia.org/wiki/File:Lemon_shortbread_cookies_with_lemon_royal_icing.jpg -->
			<img src="greenCookie.jpg" alt="Green Cookies">
        		<table id="ingredients">
            			<tr>
                			<th>Ingredients</th>
                			<th>Amount</th>
              			</tr>
				<tr>
                			<td>Eggs</td>
                			<td>4</td>
              			</tr>
                		<tr>
                			<td>Flour</td>
                			<td>3 cups</td>
              			</tr>
                		<tr>
                			<td>Butter</td>
                			<td>1/4 pound</td>
               			</tr>
               			<tr>
                			<td>Salt</td>
                			<td>2 tbs</td>
                		</tr>
				<tr>
                			<td>Wasabi</td>
                			<td>1 cup</td>
                		</tr>
            		</table>
      			<h4>Instructions</h4>
      			<ol>
          			<li>Preheat oven to 350 degrees fahrenheit</li>
				<li>Add egg, flour, butter, wasabi, and salt into a bowl and mix untill fully blended</li>
				<li>Drop tablespoon size amounts of batter on a baking sheet with some distance between them</li>
				
				<li>Bake for 30 minutes</li>
				<li>Let stand for 15 minutes</li>
     			</ol>
 		</div>
	</div> 
</body>
