-
Notifications
You must be signed in to change notification settings - Fork 0
/
project2.html
212 lines (185 loc) · 9.26 KB
/
project2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PROJECT: RECIPE BOOK</title>
<style>
body {background-color:rgb(238, 238, 23) ;}
h3 {background-color: rgb(223, 5, 5); color: rgb(250, 252, 253);}
#intro {background-color: blue; color: rgb(221, 221, 3);}
#yummypc {color: rgb(109, 248, 109); background-color: rgb(207, 57, 2);}
#smoothieb {color: rgb(250, 62, 62); background-color: rgb(55, 90, 4);}
#mycinnamon {color: rgb(30, 241, 241); background-color: rgb(59, 7, 7);}
#mynote {color: rgb(83, 5, 48);}
.green {color:rgb(10, 126, 10); background-color: rgb(51, 232, 238);}
.blue {color: blue; background-color: rgb(56, 240, 71);}
.purple {color: rgb(49, 1, 49); background-color: rgb(170, 77, 170);}
</style>
</head>
<body>
<div>
<!--These are my personal recipes-->
<h1>RECIPE BOOK</h1>
<h2>TABLE OF CONTENT</h2>
<h3>CONTENT</h3>
<ol>
<li><a href="#intro">Introduction</a></li>
<li><a href="#yummypc">How to make yummy Pancakes</a></li>
<li><a href="#smoothieb">How to make simple banana smoothie</a></li>
<li><a href="#mycinnamon">How to make Cinnamon Iced Tea</a></li>
<li><a href="#notetips">Notes</a></li>
</ol><hr>
<h2 ID="intro">MY FAVOURITE RECIPES</h2>
<p>This book contains 3 of my favourite food recipes. These meals are easy to make, healthy, fast and<br/>
sumptuous. I bet if you try them, you will love them too and they might just get to be on your own<br/>
list of favourite recipes too.</p><hr>
<h2 id="yummypc">How To Make Yummy Pancakes</h2>
<!--All images are from the internet-->
<img src="pictures/Pancake.jpg" alt="pancakes in a plate" width="260" height="170"/>
<table>
<thead>
<tr>
<th class="green">INGREDIENTS</th>
<th class="blue">DETAILS</th>
<th class="purple">STEPS</th>
</tr>
</thead>
<tbody>
<tr>
<td><ol>
<li>All purpose Flour</li>
<li>Water</li>
<li>Baking powder</li>
<li>Eggs</li>
<li>Milk</li>
<li>Sugar</li>
<li>Nutmeg</li>
<li>Food Flavour</li>
<li>Melted Butter/Vegetable oil</li></ol></td>
<td><ul>
<li>Get about 2 cups of Flour</li>
<li>A cup of clean warm water</li>
<li>A teaspoon of Baking powder</li>
<li>2 Fresh Eggs</li>
<li>1 Cup of milk</li>
<li>Half cup of sugar</li>
<li>Half teaspoon Nutmeg(optional)</li>
<li>Any food flavor/s of your choice (optional)</li>
<li>Small quantity of magarine or any good vegetable oil</li></ul></td>
<td><ul>
<li>The first step is to make sure you have all your ingredients on ground.</li>
<li>Then sieve your flour, this ensures that there aren't any impurities or<br/>
that you get them out, if there are.</li>
<li>Mix all your dry ingredients together, i.e flour, sugar, baking powder,<br/>
and nutmeg in a clean bowl.</li>
<li>Add your wet ingredients, eggs, milk (if your milk is in powdered form,<br/>
take about half a cup, add some warm water to make a full cup solution).</li>
<li>Add about half cup of warm water, and mix or whisk.</li>
<li>Check the consistency (you want to have a batter which is thick but,<br/>
light enough to run), you can keep ading the warm water in bits, until<br/>
you achieve a thickness you're comfortable with.</li>
<li>Then add few drops of your favourite food flavour/s and mix.</li>
<li>It helps to set the batter aside for a while before frying but its also<br/>
ok if you can't wait (doesn't make much difference to me).</li>
<li>Now, lightly grease your pan with melted butter or vegetable oil, pour<br/>
in some of your batter slowly, fry on <strong>low</strong> heat for 2 to 5<br/>
minutes (until you start to see little bubbles on the top side), use a<br/>
spatula to flip and cook the other side too (pancake should have a light<br/>
golden brown colour).</li>
<li>Repeat the above step until your batter is exhausted.</li>
<li>Your yummy Pancake is ready! you can serve with sauce or syrup of your choice.</li></ul></td>
</tr>
</tbody>
</table>
<hr>
<h2 id="smoothieb">How To Make Simple Banana Smoothie</h2>
<img src="pictures/smoothie.jpg" alt="an image of banana smoothie in a glass cup" width="260" height="170"/>
<table>
<thead>
<tr>
<th class="green">INGREDIENTS</th>
<th class="blue">DETAILS</th>
<th class="purple">STEPS</th>
</tr>
</thead>
<tbody>
<tr>
<td><ol>
<li>Bananas</li>
<li>Crushed ice</li>
<li>Milk</li>
<li>Greek yoghurt</li>
<li>Ginger</li>
<li>Roasted peanuts</li>
</ol></td>
<td><ul>
<li>2 Fresh large ripe bananas</li>
<li>A cup or 2 of crushed ice</li>
<li>1 cup of milk</li>
<li>1 cup of Greek yoghurt (optional)</li>
<li>A finger length of Ginger</li>
<li>Handful of roasted peanuts(optional)</li>
</ul></td>
<td><ul>
<li>Peel and slice your bananas into small pieces</li>
<li>In a clean blender, add all your ingredients.</li>
<li>Blend until its smooth with no lumps</li>
<li>your smoothie is ready to be served.</li>
<li>Pour in clean cups, bottle or bowl and enjoy.</li>
</ul></td>
</tr>
</tbody>
</table><hr>
<h2 id="mycinnamon">How To Make Cinnamon Iced Tea</h2>
<img src="pictures/icedtea.jpg" alt="jug and cup of cinnamon tea" width="260" height="170">
<table>
<thead>
<tr>
<th class="green">INGREDIENTS</th>
<th class="blue">DETAILS</th>
<th class="purple">STEPS</th>
</tr>
</thead>
<tbody>
<tr>
<td><ol>
<li>Cinnamon sticks</li>
<li>Fresh Lemon or Lime</li>
<li>Honey or Sugar</li>
<li>water</li>
<li>Ginger</li>
<li>Ice cubes</li>
</ol></td>
<td><ul>
<li>2 to 5 washed, Cinnamon sticks</li>
<li>2 or 3 Fresh juicy lemons or limes, sliced</li>
<li>Jar of honey or pack of sugar</li>
<li>2 to 3 litres of clean water</li>
<li>About half cup of peeled and chopped fresh ginger</li>
<li>Ice cubes</li>
</ul></td>
<td><ul>
<li>In a clean pot or kettle, pour in your water, cinnamon sticks,<br/>
and ginger (use the quantity you're comfortable with). </li>
<li>Cover and place on heat, boil for about 15minutes.</li>
<li>Put off the heat and allow to brew for at least 30 minutes.</li>
<li>Squeeze in your lemons or limes.</li>
<li>Sieve out into a clean jug or kettle, sweeten with honey, sugar,<br/>
or any sweetner of your choice and allow to cool completely.</li>
<li>Serve into a cup with ice cubes and enjoy.</li>
</ul></td>
</tr>
</tbody>
</table><hr>
<h3 id="notetips">NOTES</h3>
<P id="mynote">All 3 recipes are easy and straight forward, the beauty of this is that they can all be twerked the way we want.<br/>
Some ingredients can be excluded, reduced or replaced and you would still end up with tasty meals. Another great<br/>
thing is that, as simple as these recipes look, they can be served in a luxurious setting or taken on the go.<br/>
I would also suggest protein and/or vegetable fillings for the Pancakes, little sweetner for the iced tea and also,<br/>
ginger in moderation especially for people who can't or shouldn't consume too much spice. And lastly, some people<br/>
might like to add sweetners to their Smoothie, its totally fine, I just prefer mine with as little processed sugar as possible.</P>
</div>
</body>
</html>