<!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>