-
Notifications
You must be signed in to change notification settings - Fork 0
/
melon.and.parma.ham.html
75 lines (67 loc) · 2.9 KB
/
melon.and.parma.ham.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
<!DOCTYPE html>
<html>
<head>
<title>Restaurant Menu | Starters | Melon and Parma Ham</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="fontAwesome/css/all.css">
</head>
<body class="body-recipes">
<div class="header">
<a href="starters.html">
<i class="fas fa-long-arrow-alt-left"></i>
</a>
<img src="images/logo-text.png"/>
</div>
<div class="recipe">
<div class="recipe-details">
<img src="images/melon.and.parma.ham.jpg"/>
<h1>Melon and Parma Ham</h1>
<div class="recipe-details-info">
<p><b>Prep time: </b> 10mins</p>
<p style="float: right;"><b>Serves: </b>4</p>
<br/>
<p><strong>PRICE:</strong>R80</p>
<br/>
</div>
<div class="recipe-top-up">
<h2>Top up your meal here with some extra:</h2>
<input id="check-01" type="checkbox">
<label for="check-01">extra melons</label>
<br/>
<input id="check-02" type="checkbox">
<label for="check-02">extra ham</label>
<br/>
<input id="check-03" type="checkbox">
<label for="check-03">extra small chips</label>
<br/>
<input id="check-04" type="checkbox">
<label for="check-04">extra cheese </label>
<br/>
<br/>
<h2>If any allegic's add a note:</h2>
<form action="submit">
<input type="text" placeholder="Your name" id="name"/>
<input type="text" placeholder="Your email" id="email"/>
<textarea placeholder="Type your message here"></textarea>
<a class="button" href="message-received.html">SUBMIT</a>
</form>
</div>
<div class="recipe-details-steps">
<h2>Preparation of Meal</h2>
<ol>
<li>Cut the melon into thick slices and remove the skin and any pips. Then chop into large chunks.</li>
<li>Divide the melon between 4 plates then add the parma ham.</li>
<li>Scatter with a little rocket, season with black pepper and drizzle with the rapeseed oil.</li>
</ol>
<br/>
<a href="thank-you.html">
<div>
<button type="submit">Order Now</button>
</div>
</a>
<br/>
</div>
</div>
</div>
</body>
</html>