-
Notifications
You must be signed in to change notification settings - Fork 0
/
recipe.html
68 lines (59 loc) · 2.46 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Chocolate cake</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="recipe.css"/>
</head>
<body>
<!-- Comment in HTML -->
<div class="content">
<div class="center category">
<p class="category">Recipe</p>
</div>
<h1>Chocolate cake</h1>
<div class="separator"></div>
<div class="center">
<p class="description">"This chocolate cake recipe is a classic. This version of the recipe is fast and quick and your kids will love it."</p>
</div>
<div class="info">
<img class="center info" src="https://jonathanroux.com/cake.jpg?id=999">
<table class="info">
<tr>
<th>Difficulty</th>
<th>Preparation</th>
<th>Cooking</th>
<th>Total time</th>
</tr>
<tr>
<td>Easy</td>
<td>10 min</td>
<td>25 min</td>
<td>35 min</td>
</tr>
</table>
</div>
<div>
<div class="col1 col">
<h2>Ingredients</h2>
<div class="ingredients">
<p>Dark chocolate: 200g</p>
<p>Butter: 200g</p>
<p>Sugar: 150g</p>
<p>Flour: 80g</p>
<p>Eggs: 4</p>
</div>
</div>
<div class="col2 col">
<h2>Instructions</h2>
<table class="instructions">
<tr><td><p class="number">1</p></td><td class="instruction_step">Melt the chocolate and the butter together</td></tr>
<tr><td><p class="number">2</p></td><td class="instruction_step">Mix the sugar, eggs and the flour</td></tr>
<tr><td><p class="number">3</p></td><td class="instruction_step">Mix everything to get a smooth dough</td></tr>
<tr><td><p class="number">4</p></td><td class="instruction_step">Bake in the oven and do this do that to get a very long text</td></tr>
</table>
</div>
</div>
</div>
</body>
</html>