summaryrefslogtreecommitdiff
path: root/Recipes/Rocket and Parmesan Salad.html
blob: 0aefbbcc4000422c2baad6eb07af6c6e325dfe59 (plain)
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
117
118
119
120
<!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/Eonlc-Yr/w643-h428-cfill-q90/taste/2016/11/rocket-and-parmesan-salad-67134-1.jpeg"
          >
            <img
              src="Images/5402DB9B-CA5C-4EC1-AF53-3113420432AD/EEC54F48-7088-4A17-9479-64568901DEE9.jpg"
              itemprop="image"
              class="photo photoswipe"
            />
          </a>
        </div>

        <!-- Name -->
        <h1 itemprop="name" class="name">Rocket and Parmesan Salad</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>Total Time: </b><span itemprop="totalTime">10 min</span>

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

          <!-- Source -->

          <b>Source: </b>

          <a
            itemprop="url"
            href="https://www.taste.com.au/recipes/rocket-parmesan-salad/28d495ad-cc5d-480b-a85c-3889aec386e3"
          >
            <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>100</strong>g baby rocket
            </p>
            <p class="line" itemprop="recipeIngredient">
              <strong>3/4</strong> cup shaved parmesan
            </p>
            <p class="line" itemprop="recipeIngredient">
              <strong>1/4</strong> cup olive oil
            </p>
            <p class="line" itemprop="recipeIngredient">
              <strong>2</strong> tbsp lemon juice
            </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">216 calories</p>
            <p class="line">per serve</p>
            <p class="line">
              Allergens: Recipe may contain sulphites, 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>
              Cholesterol: 16.8 milligrams cholesterol<br />Fat: 19.8 grams
              fat<br />Calories: 51.65 calories<br />Saturated Fat: 5.0 grams
              saturated fat<br />Sodium: 360.3 milligrams sodium<br />Sugar:
              865.8 grams sugar<br />Carbohydrate: 4.3 grams carbohydrates<br />Protein:
              6.2 grams protein
            </p>
          </div>
        </div>
      </div>

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