90 lines
3.9 KiB
HTML
90 lines
3.9 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">
|
||
<section class="header">
|
||
<div class="image" style="background-image: url('./image.png')"></div>
|
||
|
||
<div class="about">
|
||
<h1>Hummus</h1>
|
||
|
||
<div class="timing">
|
||
prep 10 minutes </div>
|
||
|
||
<div class="icons">
|
||
<div class="icon gluten-free"></div>
|
||
<div class="icon vegetarian"></div>
|
||
<div class="icon serving"></div>× 6
|
||
</div>
|
||
|
||
<div class="description">Fresh hummus is pretty amazing stuff, but you'll definitely need a powerful blender or food processor to manage as it gets very thick by the end. This recipe deliberately keeps it very simple, but hummus is a great platform to experiment with adding various other flavors (e.g., red pepper flakes, dill, etc.).
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="instructions">
|
||
<div class="step">
|
||
<h3>1</h3>
|
||
<div class="ingredients">
|
||
<ul>
|
||
<li>
|
||
<div class="amount">
|
||
5 cloves
|
||
</div>
|
||
<div class="item">garlic</div>
|
||
<li>
|
||
<div class="amount">
|
||
30 oz
|
||
</div>
|
||
<div class="item">garbanzo beans (pre-cooked, canned)</div>
|
||
<li>
|
||
<div class="amount">
|
||
1 cups
|
||
</div>
|
||
<div class="item">olive oil, extra-virgin</div>
|
||
<li>
|
||
<div class="amount">
|
||
1 cup
|
||
</div>
|
||
<div class="item">tahini</div>
|
||
<li>
|
||
<div class="amount">
|
||
½ cup
|
||
</div>
|
||
<div class="item">lemon juice</div>
|
||
<li>
|
||
<div class="amount">
|
||
1 tsp
|
||
</div>
|
||
<div class="item">salt</div>
|
||
</ul>
|
||
</div>
|
||
<div class="detail">Using a food processor or a powerful blender, add one ingredient at a time, blending to a purée after each.
|
||
</div>
|
||
</div>
|
||
<div class="step">
|
||
<h3>2</h3>
|
||
<div class="ingredients">
|
||
<ul>
|
||
<li>
|
||
<div class="amount">
|
||
¼ cups
|
||
</div>
|
||
<div class="item">olive oil, extra-virgin</div>
|
||
</ul>
|
||
</div>
|
||
<div class="detail">Transfer to a serving bowl, and drizzle the remaining olive oil over the top.
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="navigation">
|
||
<a href="../..">« Back</a>
|
||
</section>
|
||
</body>
|
||
</html |