121 lines
6.1 KiB
HTML
121 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<link href="../../style2.css" rel="stylesheet" type="text/css" />
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="user-scalable=no, width=device-width" />
|
||
|
||
<body class="recipe" itemscope itemtype="http://schema.org/Recipe">
|
||
<section class="header">
|
||
<div class="image" style="background-image: url('./image.png')" itemprop="image"></div>
|
||
|
||
<div class="about">
|
||
<h1 itemprop="name">Cucumber Salad</h1>
|
||
|
||
<div class="timing">
|
||
prep <span itemprop="prepTime">20 min</span> </div>
|
||
|
||
<div class="icons">
|
||
<div class="icon gluten-free"></div>
|
||
<div class="icon low-carb"></div>
|
||
<div class="icon overnight"></div>
|
||
<div class="icon serving"></div>× <span itemprop="recipeYield">4</span>
|
||
</div>
|
||
|
||
<div class="description" itemprop="description">This salad is zesty and refreshing as the vinegar from the pickled onions combines with the flavors of the fresh vegetables, olive oil, and cheese.
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="instructions">
|
||
<div class="step">
|
||
<h3>1</h3>
|
||
<div class="ingredients">
|
||
<ul>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
2 cups
|
||
</div>
|
||
<div class="item">onion, red (thinly sliced)</div>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
½ cup
|
||
</div>
|
||
<div class="item">vinegar, white</div>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
½ cup
|
||
</div>
|
||
<div class="item">water</div>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
2 tbsp
|
||
</div>
|
||
<div class="item">sugar</div>
|
||
</ul>
|
||
</div>
|
||
<div class="detail" itemprop="recipeInstructions">Combine vinegar, water, and sugar in a small saucepan and bring to a boil. Add the onions and simmer until soft. Bottle onions with their juice overnight before using.
|
||
</div>
|
||
</div>
|
||
<div class="step">
|
||
<h3>2</h3>
|
||
<div class="ingredients">
|
||
<ul>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
3 cups
|
||
</div>
|
||
<div class="item">cucumbers (thinly sliced)</div>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
1½ cups
|
||
</div>
|
||
<div class="item">cherry tomatoes (quartered)</div>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
1 cup
|
||
</div>
|
||
<div class="item">picked red onion</div>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
8 oz
|
||
</div>
|
||
<div class="item">mozzerella (diced)</div>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
½ cup
|
||
</div>
|
||
<div class="item">basil (shredded)</div>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
3 tbsp
|
||
</div>
|
||
<div class="item">picked red onion juice</div>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
3 tbsp
|
||
</div>
|
||
<div class="item">olive oil, extra-virgin</div>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
1 tsp
|
||
</div>
|
||
<div class="item">black pepper</div>
|
||
<li itemprop="recipeIngredient">
|
||
<div class="amount">
|
||
1 tsp
|
||
</div>
|
||
<div class="item">salt</div>
|
||
</ul>
|
||
</div>
|
||
<div class="detail" itemprop="recipeInstructions">Combine ingredients in a large bowl and toss. Chill before serving.
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="navigation">
|
||
<a href="../..">« Back</a>
|
||
</section>
|
||
</body>
|
||
</html |