diff --git a/foundations/html_css/html-foundations/project-recipes.md b/foundations/html_css/html-foundations/project-recipes.md index a9237d18837..5982c37063a 100644 --- a/foundations/html_css/html-foundations/project-recipes.md +++ b/foundations/html_css/html-foundations/project-recipes.md @@ -63,6 +63,13 @@ Okay, that's enough Git for the moment -- time to actually build stuff! 1. Create a new HTML file within the `recipes` directory and name it after the recipe it will contain. For example `lasagna.html`. You can use the name of your favorite dish or, if you need some inspiration, you can find a recipe to use at [Allrecipes](https://www.allrecipes.com/). Be sure to include the usual boilerplate HTML. This boilerplate code should be in every `.html` file you create. 1. For now, just include an `h1` heading with the recipe's name as its content. 1. Back in the `index.html` file, add a link to the recipe page you just created. Example: Under the `

Odin Recipes

` heading, write out the link like so: `Recipe Title`. The text of the link should again be the recipe name. +1. **Add a link back to the index page** on your recipe page for easier navigation. You can place this link at the top or bottom of your recipe page (e.g., `lasagna.html`). Here's an example: + + ```html + Home + ``` + + This allows users to quickly return to the home page after viewing the recipe. #### Iteration 3: recipe page content