-
Notifications
You must be signed in to change notification settings - Fork 0
/
recipe.html
147 lines (137 loc) · 4.35 KB
/
recipe.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
<!DOCTYPE HTML>
<!--
Assignment 1
Chris Kelly (n8102597)
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Assignment 1">
<meta name="author" content="Chris Kelly (n8102597)">
<title>Pavlova Recipe - Assignment 1 - Recipe Page</title>
<link rel="stylesheet" type="text/css" href="assignment1.css">
</head>
<body>
<div class="container">
<nav role="banner">
<img src="images/banner.png">
<ul>
<li><a href="index.html" role="button">HOME</a></li>
<li><a href="recipe.html" role="button">RECIPE</a></li>
<li><a href="about.html" role="button">ABOUT</a></li>
</ul>
</nav>
<main>
<h2>Pavlova Recipe</h2>
<h3>Difficulty, Medium</h3>
<aside id="images">
<img src="images/recipe_image_1.jpg">
<img src="images/recipe_image_2.jpg">
<img src="images/recipe_image_3.jpg">
</aside>
<table id="ingredients">
<tr>
<th>Ingredients</th>
</tr>
<tr>
<td>3 egg whites</td>
</tr>
<tr>
<td>3 tablespoons water</td>
</tr>
<tr>
<td>250g (9 oz.) caster sugar</td>
</tr>
<tr>
<td>pinch of salt</td>
</tr>
<tr>
<td>5 ml or 1 tsp vinegar</td>
</tr>
<tr>
<td>5 ml or 1 tsp. vanilla extract</td>
</tr>
<tr>
<td>1 tsp. cornstarch (optional)</td>
</tr>
</table>
<article>
<ol>
<li>Beat the egg whites and salt to a very stiff consistency.</li>
<li>Add water and beat again before folding in caster sugar, vanilla and
vinegar.</li>
<li>Beat until the mixture holds its shape and stands in sharp
peaks.</li>
<li>Pour the mixture onto a baking sheet lined with parchment
paper.</li>
<li>Slow-bake the mixture at 150°C (300°F) to dry all the moisture
and create the meringue, approximately 45 minutes. This leaves the
outside of the pavlova a crisp crunchy shell, while the interior
remains soft and moist.</li>
</ol>
<p class="tip">A top tip (but not traditional) is to turn the
pavlova upside down before decorating with cream and fruit because the
bottom is less crispy than the top after cooking and unless you serve
it immediately after decorating the "top" absorbs moisture from the
cream. Another tip is to leave the pavlova in the oven after turning
off the heat - this helps to prevent the middle of the pavlova from
collapsing (although if it does collapse, generous application of
cream can hide any mistakes!)</p>
<aside id="comments">
<h2>Comments:</h2>
<form action="#" method="get" name="comments_form">
<input type="text" name="name" placeholder="Your Name"></input>
<input type="email" name="email" placeholder="Your Email"></input><br/>
<textarea name="comment" placeholder="Comment" style="width:267px;height:100px;"></textarea><br/>
<input type="submit" name="submit" value="Submit"></input>
</form>
<div class="comment">
<div class="rating">
<img src="images/pikachu_avatar_by_zeldakinz.png">
by Lanarn on 25 Feb 2013 @ 17:16 | Rating :
<span>★</span>
<span>★</span>
<span>★</span>
<span>★</span>
<span>☆</span>
</div>
<p>"This was soooo tasty. I was
afraid that it wasn't going to work, but when it came out of the oven
it looked perfect! Can't wait to try it again."</p>
</div>
<div class="comment">
<div class="rating">
<img src="images/smile_avatar.png">
by ozmax25 on 26 Jan 2013 @ 14:25 | Rating :
<span>★</span>
<span>★</span>
<span>★</span>
<span>★</span>
<span>★</span>
</div>
<p>"There's nothing like a pav to help you celebrate Australia day :P."</p>
</div>
<div class="comment">
<div class="rating">
<img src="images/mlp__fim_free_avatar_fluttershy_pixel_art_by_teamvocaloid.gif">
by Pavzilla on 01 Dec 2012 @ 21:45 | Rating :
<span>★</span>
<span>★</span>
<span>☆</span>
<span>☆</span>
<span>☆</span>
</div>
<p>"Argh, so frustrating. First it didn't rise, then the edges got burnt.
Maybe I should stick to packet cakes..."</p>
</div>
</aside>
</article>
</main>
</div>
<footer>
<a href="index.html"><img src="images/facebook-5-32-green.png"></a>
<a href="index.html"><img src="images/twitter-5-32-green.png"></a>
<a href="index.html"><img src="images/instagram-5-32-green.png"></a>
</footer>
</body>
</html>