Skip to content
Permalink
17c414eb90
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Go to file
 
 
Cannot retrieve contributors at this time
162 lines (156 sloc) 6.42 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ingredients</title>
<link rel="stylesheet" href="css/ingredients.css">
<link rel="stylesheet" href="https://use.typekit.net/fqq7qtz.css">
<link rel="stylesheet" href="https://use.typekit.net/fqq7qtz.css">
</head>
<body>
<div class="border">
<div class="box">
<nav>
<a href="index.html">Home</a>
<a href="ingredients.html">Ingredients</a>
<a href="recipe.html">Recipe</a>
</nav>
</div>
</div>
<header>
<h1>Cameroonian Jollof Rice</h1>
</header>
<main>
<section>
<div class="sideimg">
<img src="images/cameroon-jellof.jpg" alt="side-image">
</div>
<div class="item">
<h2>Cameroonian Jollof Rice - Ingredients</h2>
<p>The delicious and fragrant rice dish known as Cameroonian Jollof Rice is a blend of several spices and flavors from West Africa. It is acknowledged for having a rich, somewhat spicy flavor and is a favorite both in Cameroon and worldwide. In order to create an enjoyable and fulfilling dinner experience, this flavorful rice dish is often served with a range of delicious side dishes.</p>
<div class="subtitle">
<p>Ingredients</p>
</div>
<div class="tabs">
<input type="radio" name="tabs" id="tabone" checked="checked">
<label for="tabone"><img src="images/chevrondown.svg" alt="arrow-down" width="20"> Serving Size: 4 People</label>
<div class="tab">
<div class="ingredients">
<div class="list">
<ul>
<li>1/2 large red bell pepper, cut into small pieces</li>
<li>1 medium vine tomatoes, cut into small pieces</li>
<li>1/2 red onion, quartered</li>
<li>1 red scotch bonnet chillies, quartered</li>
<li>1 1/2 garlic cloves, smashed</li>
<li>12 1/2 g fresh ginger, peeled and roughly chopped</li>
<li>50ml water</li>
<li>1 tbsp paprika</li>
<li>2 tbsp cayenne pepper (adjust to your spice preference)</li>
</ul>
</div>
<div class="list">
<ul>
<li>75ml vegetable oil</li>
<li>1/2 red onion, finely chopped</li>
<li>75 g double concentrated tomato purée</li>
<li>1/2 tbsp curry powder</li>
<li>1 tsp dried thyme</li>
<li>1 1/2 chicken stock cubes</li>
<li>1 dried bay leaves</li>
<li>300ml water</li>
<li>300 g white basmati rice</li>
</ul>
</div>
</div>
</div>
<input type="radio" name="tabs" id="tabtwo">
<label for="tabtwo"><img src="images/chevrondown.svg" alt="arrow-down" width="20">Serving Size: 8 People</label>
<div class="tab">
<div class="ingredients">
<div class="list">
<ul>
<li>1/2 large red bell pepper, cut into small pieces</li>
<li>1 medium vine tomatoes, cut into small pieces</li>
<li>1/2 red onion, quartered</li>
<li>1 red scotch bonnet chillies, quartered</li>
<li>1 1/2 garlic cloves, smashed</li>
<li>12 1/2 g fresh ginger, peeled and roughly chopped
<li>50ml water</li>
<li>4 tbsp paprika</li>
<li>2 tbsp cayenne pepper (adjust to your spice preference)</li>
</ul>
</div>
<div class="list">
<ul>
<li>150ml vegetable oil</li>
<li>1 red onion, finely chopped</li>
<li>150 g double concentrated tomato purée</li>
<li>1 tbsp curry powder</li>
<li>2 tsp dried thyme</li>
<li>3 chicken stock cubes</li>
<li>2 dried bay leaves</li>
<li>600ml water</li>
<li>600 g white basmati rice</li>
</ul>
</div>
</div>
</div>
<input type="radio" name="tabs" id="tabthree">
<label for="tabthree"><img src="images/chevrondown.svg" alt="arrow-down" width="20">Serving Size: 16 People</label>
<div class="tab">
<div class="ingredients">
<div class="list">
<ul>
<li>2 large red bell pepper, cut into small pieces</li>
<li>4 medium vine tomatoes, cut into small pieces</li>
<li>2 red onions, quartered</li>
<li>4 red scotch bonnet chillies, quartered</li>
<li>6 garlic cloves, smashed</li>
<li>50 g fresh ginger, peeled and roughly chopped
<li>200ml water</li>
<li>4 tbsp paprika</li>
<li>2 tbsp cayenne pepper (adjust to your spice preference)</li>
</ul>
</div>
<div class="list">
<ul>
<li>300ml vegetable oil</li>
<li>2 red onions, finely chopped</li>
<li>300 g double concentrated tomato purée</li>
<li>2 tbsp curry powder</li>
<li>4 tsp dried thyme</li>
<li>6 chicken stock cubes</li>
<li>4 dried bay leaves</li>
<li>1200ml water</li>
<li>1200 g white basmati rice</li>
</ul>
</div>
</div>
</div>
</div>
<hr>
<hr>
<h2>Accompanying Dishes</h2>
<div class="slide-container">
<img src="images/image4.png" alt="dish1"/>
<img src="images/image7.png" alt="dish2"/>
<img src="images/image9.png" alt="dish3"/>
<img src="images/img825511.png" alt="dish4"/>
<img src="images/821221.png" alt="dish5"/>
<img src="images/the-rise-island-jollof-rice-FT-RECIPE1020-6a3c2e25de484c699c46b13baa8bda5f1.png" alt="dish6"/>
</div>
</div>
</section>
</main>
<div class="border">
<div class="box">
<footer>
<p>Pamela Mackingue</p>
<p>DMD 1070 - Web Design I</p>
</footer>
</div>
</div>
</body>
</html>