<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<script type="module" src="script.js"></script>
<title>RECIPE SHARING</title>
<meta charset="uft-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="decription" content="recipes for everyone to share and try out!">
<meta name="author" content="k-sandwich-a">
</head>
<body>
<table style="background-color:#BDECB6" >
<tr>
<th rowspan=8 width="200" >
<img src="unknown.png" height="200" >
<cite> <br> pic from insta: saebom_cafe </cite>
<h1>Recipe Sharing!</h1>
<p>A project by Kemistrybee, Angelina and Cheese</p>
<form>
<label for="mess">Comments</label><br>
<textarea type="text" id="chat" rows="10" cols="30" readonly=""></textarea><br>
<textarea type="text" id="message" rows="3" cols="30" placeholder="add a comment"></textarea>
</form>
<!-- just the submit button-->
<button type="submit" onclick="myFunction()"> Submit</button>
<!-- this is the script section for the omment section to work and submit to the bigger textbox -->
<script>
var display = "";
function myFunction(){
display = display + "\n" + document.getElementById("message").value;
document.getElementById("chat").innerHTML = display;
document.getElementById("message").value= "";
}
</script>
</th>
<th>
<img src="image0.jpg" height="200" >
<h1>Coca Caffeine! </h1>
<i> Also known as All-nighter juice!</i>
<ol>
<li>Pour 2 cups of water into a pot </li>
<li>Add two heaped tablespoons of coffee powder</li>
<li>Bring water to a boil.</li>
<li>When the level of the coffee starts to rise, turn off the heat</li>
<em>If you want to make coffee with milk, add it here, and bring it back to a boil</em>
<li>Pour your coffee into a coffee filter</li>
<em>If you did not add milk you have made basic black coffee. Stop here if you like bitter tea.</em>
<li>Add four tablespoons of sugar (to taste.)</li>
<h4>Congratulations, You have made Coca Coffee</h4>
<i>Drink responsibly. Do not give to hyperactive children.</i>
</ol>
</th>
</tr>
<tr>
<th>
<h1>Avocado</h1>
<img src="IMG_2341.JPG" width=300 >
<i> <br> A tutorial on making a basic dip and a snack</i>
<ol>
<li>Take 3-4 avocodos that are squishy to the touch </li>
<li>Cut them open, and remove the seed</li>
<li>Place into a large bowl</li>
<li>Treat the avocodo like it's your most annoying sibling's most annoying face, and mash until it has constant consitancy</li>
<li>Rub salt, and lemon juice into the avocado .</li>
<em>Here, you can eat on toast to make avocodo toast, or continue for guacamole</em>
<li>Add sliced tomato and onions. Eat with chips.</li>
</ol>
</th>
</tr>
<tr>
<th>
<h1>Hot Chocolate</h1>
<img src="hot-cocoa.jpg" height="250" >
<ol>
<li>Combine 4 cups of milk, 1/4 cup of unsweetened cocoa powder and 1/4 cup of sugar in a small pot</li>
<li> Heat it over med/med-low heat whisking frequently until warm</li>
<li> Add 1/2 cup of chocolate chips and continue whisking until melted</li>
<li> Whisk in 1/4 tsp of vanilla extract</li>
<li> Serve immediately with any of your favorite toppings</li>
</ol>
</th>
</tr>
</table>
</body>
</html>