Recipes/Honey Joys.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

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <!-- Recipe -->
    <div class="recipe" itemscope itemtype="http://schema.org/Recipe">
      <div class="infobox">
        <!-- Image -->

        <div class="photobox">
          <a
            href="https://img.taste.com.au/k_0-Vxw0/w643-h428-cfill-q90/taste/2016/11/honey-joys-98827-1.jpeg"
          >
            <img
              src="Images/6AFED36B-DE89-49C5-9D0F-FB143E46E142/0E9805DD-A4F3-4F2B-A1ED-8D31125DA222.jpg"
              itemprop="image"
              class="photo photoswipe"
            />
          </a>
        </div>

        <!-- Name -->
        <h1 itemprop="name" class="name">Honey Joys</h1>

        <!-- Info -->

        <!-- Rating, categories -->
        <p itemprop="aggregateRating" class="rating" value="0"></p>

        <p class="metadata">
          <!-- Cook time, prep time, servings, difficulty -->

          <b>Prep Time: </b><span itemprop="prepTime">10 min</span>

          <b>Cook Time: </b><span itemprop="cookTime">10 min</span>

          <b>Servings: </b><span itemprop="recipeYield">12</span>

          <!-- Source -->

          <b>Source: </b>

          <a
            itemprop="url"
            href="https://www.taste.com.au/recipes/honey-joys/3bcb3ed2-bacb-4c4b-afcf-17542a790952"
          >
            <span itemprop="author">taste.com.au</span>
          </a>
        </p>

        <div class="clear"></div>
      </div>

      <div class="left-column">
        <!-- Ingredients -->

        <div class="ingredientsbox">
          <h3 class="subhead">Ingredients</h3>
          <div class="ingredients text">
            <p class="line" itemprop="recipeIngredient">
              <strong>4 ½</strong> cups cornflakes
            </p>
            <p class="line" itemprop="recipeIngredient">
              <strong>120</strong>g Unsalted Butter, chopped
            </p>
            <p class="line" itemprop="recipeIngredient">
              <strong>1 ½</strong> tbsp honey
            </p>
            <p class="line" itemprop="recipeIngredient">
              <strong>⅓</strong> cup caster sugar
            </p>
          </div>
        </div>

        <!-- Nutrition (in two-column mode it goes below the ingredients) -->
      </div>

      <div class="right-column">
        <!-- Description -->

        <!-- Directions -->

        <div class="directionsbox">
          <h3 class="subhead">Directions</h3>
          <div itemprop="recipeInstructions" class="directions text">
            <p class="line">Allergens: Recipe may contain milk and lactose.</p>
          </div>
        </div>

        <!-- Notes -->

        <!-- Nutrition (in regular mode it goes below the notes) -->

        <!-- Used in two different places depending on the recipe layout -->

        <div class="nutritionbox textbox">
          <h3 class="subhead">Nutrition</h3>
          <div itemprop="nutrition" class="nutrition text">
            <p>
              Fat: 8.5 grams fat<br />Calories: 65.23 calories<br />Saturated
              Fat: 5.2 grams saturated fat<br />Sodium: 269 milligrams sodium<br />Cholesterol:
              21.5 milligrams cholesterol<br />Carbohydrate: 50.1 grams
              carbohydrates<br />Sugar: 12.4 grams sugar<br />Protein: 2.9 grams
              protein
            </p>
          </div>
        </div>
      </div>

      <div class="clear"></div>
    </div>
  </body>
</html>