recipe html5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recipe</title>
<meta name="author Julio Grisales"content="Julio">
</head>
<body>
<div itemscope itemtype="https://schema.org/Recipe">
<h1 itemprop="name">Recipe for Pandebono</h1>
<img src="pandebono.jpg" alt="pandebono"itemprop="image"/>
<h3>Cook Time: <span itemprop="cookTime">20 minutes</span></h3>
<h3>Cooking Method: <span itemprop="cookingMethod">Shallow baking</span></h3>
<h3>Cuisine: <span itemprop="recipeCuisine">Colombian, Valluna</span></h3>
<ul>
<h2>Ingredients</h2>
<li itemprop="recipeIngredient">Cassava starch or yuca flour</li>
<li itemprop="recipeIngredient">Colombian Chesse</li>
<li itemprop="recipeIngredient">Salt</li>
<li itemprop="recipeIngredient">Egg</li>
<li itemprop="recipeIngredient">Cornmeal or masarepa</li>
</ul>
<h2>Instructions</h2>
<ol>
<li itemprop="recipeInstructions">Add 250 ml of yuca flour to a bowl</li>
<li itemprop="recipeInstructions">Add 150 ml of water</li>
<li itemprop="recipeInstructions">Add salt to taste</li>
<li itemprop="recipeInstructions">Add 100 gr of colombian cheese</li>
<li itemprop="recipeInstructions">Add 200 gr of masarepa</li>
<li itemprop="recipeInstructions">Pre-heat the oven to 400F</li>
<li itemprop="recipeInstructions">In a food processor, place the yuca flour, cheese and masarepa. Process until well combined</li>
<li itemprop="recipeInstructions">Add the egg slowly while food processor is running</li>
<li itemprop="recipeInstructions">Divide the mixture into 12 equal size portions, shaping them into balls</li>
<li itemprop="recipeInstructions">Place on a baking sheet lined with parchment paper and bake for about 15 to 20 minutes or until golden on top. Serve warm</li>
</ol>
</div>
</body>
</html>