Html-learning-stage/cakedojo.html at main · RaySpot1/Html-learning-stage · GitHub

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
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="cakedojo.css">
  </head>

  <div class="cd-logo">
      <div class="caption">
          <span class="border">RECIPES WITH CODERDOJO</span>
      </div>
  </div>

  <div class="textSection">
    <h3>SIMPLE CHOCOLATE CAKE</h3>
    <p>This recipe is a great recipe to make a simple choclate cake.
    It uses ingredients that can be found in most kitchen cupboards.
    You just need to gather all the ingredients, put them into a big bowl
    and mix them with a blender or mixer!
    It can also be used to make cupcakes too, if you adjust
    the cooking times as mentioned below.
    Then you can decorate your cake however you'd like to.
    My favourite is Nutella and sliced banana.
    </p>
  </div>

  <div class="kitchen-equipment">

  </div>

  <div class="textSection">
      <h3>EQUIPMENT</h3>
      <ul>
        <li>Cake tin or muffin tray</li>
        <li>Large mixing bowl</li>
        <li>Electric mixer</li>
        <li>Cooling rack</li>
        <li>Fork</li>
        <li>Weighing scales</li>
        <li>Smaller bowls, to hold ingredients</li>
      </ul>
  </div>

  <div class="cake-ingredients"></div>

  <div class="cake-flavors">
    <h3>FLAVORS</h3>
  <ul>
      <li>Caramel Apple cake</li>
      <li>Orange Velvet Cake</li>
      <li>Pineapple and Rum Cake</li>
      <li>Banana & choc bundt cake with peanut drizzle</li>
      <li>Baked Raspberry & Ricotta Cheesecake</li>
      <li>Lemon Ginger Cake</li>
  </ul>
</div>

<div class="flavor-img">

</div>

</html>