Jollof Rice Recipe written in HTML

Today I want to share this simple HTML tutorial. This HTML document contains a list of ingredients and steps required to prepare Jollof rice.

The document is made of the basic HTML structure and have comments explaining the various sections of the code.

The first unordered list shows the ingredients needed, and the second is an ordered list which shows the steps or stages required.

View codes:

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width”>
<title>My Favourite Food</title>
</head>
<body>

<!– Begin list showing the ingredients needed for Jollof rice –>
<h2>List of ingredients needed to cook jollof rice</h2>
<ul>
<li>4 Tablespoons of Canola oil</li>
<li>1 Tablespoon butter</li>
<li>4 Fresh tomatoes</li>
<li>1 6oz can Tomato paste</li>
<li>4 Red onions</li>
<li>2 Red bell peppers</li>
<li>Crayfish</li>
<li>4 Habanero pepper</li>
<li>4 1/2 cups of long-grain parboiled rice</li>
<li>2 cups of chicken stock</li>
<li><strong>Spices</strong></li>
<ul>
<li>Maggi or Knorr cubes</li>
<li>salt</li>
<li>cayenne pepper and black pepper</li>
<li>white pepper</li>
<li>Bay leaves</li>
<li>curry powder</li>
<li>garlic or onion powder</li>
<li>ginger</li>
<li>thyme leaves</li>
</ul>
</ul>
<!– End list showing the ingredients needed for Jollof rice –>

<!– Begin list showing the steps in cooking Jollof rice –>
<h2>Steps</h2>
<ol>
<li>
Blend tomatoes, red bell peppers, habanero peppers,
large red onions until consistency is smooth and set aside
</li>
<li>
Wash the rice thoroughly to rid off starch and set aside.
</li>
<li>
To a medium-sized pot on medium heat, heat canola oil and butter
</li>
<li>
Throw in chopped onions and allow to fry for about 5 mins or until redness starts to fade
</li>
<li>
Pour in tomato paste and allow to fry for about 10-15 minutes, stirring continuously to avoid burning.
</li>
<li>
Add in your blended mixture, crayfish, Maggi, cayenne &amp; black pepper, white pepper, bay leaves, curry powder, garlic, thyme. Mix and fry for about 30 minutes, continuously stirring to avoid burning.
</li>
<li>
Add chicken stock and salt. Mix and allow cook for an additional 10 mins
</li>
<li>
Add in washed rice and a bit of water (if necessary), and reduce heat to low.
</li>
<li>
Cover pot with aluminum foil, to avoid heat from escaping through lid
</li>
<li>
Cook rice on low heat for about 30 mins
</li>
<li>
Once cooked, mix thoroughly to combine ingredients
</li>
<li>
Cover and let cook for an additional 10 mins.
</li>
<li>
To get the party Jollof flavor, turn up the heat and let the rice burn for about 3 mins. (Be careful with this step, so you don’t burn the whole rice)
</li>
</ol>

<!– End list showing the steps in cooking Jollof rice –>

</body>
</html>

 

 

Views:
187
Article Categories:
Technology · Others

Leave a Reply

Your email address will not be published. Required fields are marked *