Recipes/Sweet Potato Fries.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

<!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://images.immediate.co.uk/production/volatile/sites/30/2020/08/sweet-potato-fries-4908b8b.jpg?quality=90&resize=440,400"
          >
            <img
              src="Images/AEF22028-D0F8-4ED8-A764-FC4000F795EC-21470-0000034FEF88ACF5/EAF345DC-2506-42D7-A6C8-6597423CFA77-21470-0000034FF171AAE4.jpg"
              itemprop="image"
              class="photo photoswipe"
            />
          </a>
        </div>

        <!-- Name -->
        <h1 itemprop="name" class="name">Sweet Potato Fries</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">2 mins</span>

          <b>Cook Time: </b><span itemprop="cookTime">20 mins</span>

          <b>Servings: </b><span itemprop="recipeYield">Serves 1</span>

          <!-- Source -->

          <b>Source: </b>

          <a
            itemprop="url"
            href="https://www.bbcgoodfood.com/recipes/sweet-potato-fries"
          >
            <span itemprop="author">bbcgoodfood.com</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>95</strong>g sweet potato, cut into fries
            </p>
            <p class="line" itemprop="recipeIngredient">
              <strong>1</strong> tsp rapeseed oil
            </p>
            <p class="line" itemprop="recipeIngredient">
              <strong>¼</strong> tsp cayenne pepper
            </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">Heat oven to 200C/180C fan/ gas 6.</p>
            <p class="line">
              Put 95g sweet potato, cut into fries, on a baking tray and mix
              with 1 tsp rapeseed oil and ¼ tsp cayenne pepper.
            </p>
            <p class="line">Bake in the oven for 20 mins.</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>kcal</p>
          </div>
        </div>
      </div>

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