Odin Recipes

Moroccan Tagine recipes website project created for The Odin Project Foundations course.

Preview

Live Demo

Check it out on: GitHub webpages

Objective

Build a basic recipe website.

Description

• The project consists of a main index page about the Moroccan Tagine as a main menu with:

  • h1 heading “Odin Recipes”.
  • P element as a description.
  • links of three recipes pages.

• Each recipe page has:

  • An image of the dish under h1 heading.
  • Two paragraphs describing the recipe.
  • "Ingredients" heading, followed by an Unordered list of the ingredients for the recipe.
  • Under the ingredients, there is "steps" heading followed by an Ordered list of steps for making the dish.
    

What was learned

In this project I tried to use all the HTML and CSS knowledge that I have acquired in the foundations course:

• How to build a simple website and using Git.
• How to add HTML boilerplate and elements to the index files.
• How to link HTML index page with the main CSS file and style all with various CSS properties.