In this activity, you will be making a few pages for a recipe website! The text information you will need is already contained in the .html
files. The styling is mostly up to you; you may look at allrecipes.com for ideas
- Fork this repository so you have your own copy on GitHub
- Clone your GitHub copy onto your computer so you have the files locally
- Begin coding :)
- Add the appropriate tags to
home.html
to make it a valid.html
file- I recommend using a header and paragraph tag
- Place desired styling in
styles/home-page.css
- Connect the two files by adding the right line of code to
home.html
- Add the appropriate tags to
list.html
to display a list of the recipe names- You may want to figure out how to make lists in HTML
- Place desired styling in
styles/list-page.css
- Connect the two files by adding the right line of code to
list.html
- Add the appropriate tags to each of the recipe html files to make the structure of a recipe
- This will involve making lists and using multiple header sizes
- Place desired styling in
styles/recipe-page.css
- Connect the styling to
$both$ recipe files