This project is from the HTML and CSS section on Khan Academy.
The objective of this project is to make your own recipe book.
https://www.khanacademy.org/computer-programming/project-recipe-book/4522164228866048
<!DOCTYPE html>
<html>
<head>
<title>Project: Recipe book</title>
<meta charset=”utf-8″>
<style>
body {
background-color:rgb(199, 216, 255);
}
h1 {
background-color:rgb(255, 163, 200);
}
#B {
background-color:rgb(135, 64, 64);
}
#C {
background-color:rgb(240, 8, 73);
}
#BB {
background-color:rgb(245, 218, 46);
}
</style>
</head>
<body>
<h1>Sophia’s Recipe Book</h1>
<h2>Contents:</h2>
<ol>
<li><a href=”#B”>Brownies</a></li>
<li><a href=”#C”>Cupcakes</a></li>
<li><a href=”#BB”>Breakfast Burrito</a></li>
</ol>
<h2 id=”B”>Brownies</h2>
<ul>
<li>Time: 1 hour</li>
<li>Serves: 3</li>
</ul>
<table>
<thead>
<tr>
<th>Ingredients</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<ol>
<li>3 Eggs</li>
<li>Brownie Mix</li>
<li>1/2 cup of water</li>
</ol>
<h3>Steps</h3>
<p><strong>Step 1:</strong> Gather all ingredients</p>
<p><strong>Step 2:</strong> Pour brownie mix into a bowl</p>
<p><strong>Step 3:</strong> Crack eggs into bowl</p>
<p><strong>Step 4:</strong> Mix and slowly add water into the mix</p>
<p><strong>Step 5:</strong> Pour batter into pan and leave it in oven for 45 min at 45 degrees F</p>
<h2 id=”C”>Cupcakes</h2>
<ul>
<li>Time: 45 mintues</li>
<li>Serves: 4</li>
</ul>
<table>
<thead>
<tr>
<th>Ingredients</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<ol>
<li>2 Eggs</li>
<li>1 cup of water</li>
<li>Cupcake mix</li>
</ol>
<h3>Steps</h3>
<p><strong>Step 1:</strong> Gather all ingredients</p>
<p><strong>Step 2:</strong> Pour mix into a big bowl</p>
<p><strong>Step 3:</strong> Crack eggs into bowl and add water</p>
<p><strong>Step 4:</strong> Mix until a thick batter</p>
<p><strong>Step 5:</strong> Pour batter into a pan and put in the oven for 30 min at 100 degrees F</p>
<h2 id=”BB”>Breakfast Burrito</h2>
<ul>
<li>Time: 15 mintues</li>
<li>Serves: 1</li>
</ul>
<table>
<thead>
<tr>
<th>Ingredients</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<ol>
<li>1 Egg</li>
<li>1 Wraps</li>
<li>Salsa(optional)</li>
<li>Sour cream(optional)</li>
<li>Cheese(optional</li>
</ol>
<h3>Steps</h3>
<p><strong>Step 1:</strong>Make scrambled eggs</p>
<p><strong>Step 2:</strong>Heat up wrap on stove top</p>
<p><strong>Step 3:</strong>Put eggs into wrap and add salsa, sour cream, and/or cheese (optional).</p>
</body>
</html>
Sophia Elahi RPC Blog 