html-noodles-bootcamp/index.html at main · andrewlimhj/html-noodles-bootcamp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
  <head>
    <title>Noodle Recipes</title>
  </head>
  <body>
    <h1>Noodles Recipes</h1>
    <h2>Chicken noodle recipes</h2>
    <ul>
      <li><a href="chicken.html">Ipoh shredded chicken noodles</a></li>
      <li><a href="chicken2.html">Vietnamese chicken pho soup (Pho Ga)</a></li>
    </ul>
    <h2>Onion noodle recipes</h2>
    <ul>
      <li><a href="onion.html">Scallion oil noodles</a></li>
      <li><a href="onion2.html">Caramelized onion pasta </a></li>
    </ul>
  </body>
</html>

<!-- Fork and clone this empty starter code.
Google for 4 noodle recipes: 2 recipes that have onions, 2 recipes that have chicken.Save an image of each recipe's dish to our repo
Create an HTML page for each recipe, where each page has the following standard info.Recipe titleRecipe ingredientsPreparation timeInstructionsFood imageUse img tags in our HTML referencing the images saved from step 3.
Create a main page that links to each noodle recipe page. (Use an a tag.) Create a link on each recipe page linking back to the main page.
Create new pages for onion and chicken ingredients respectively. On each page, create lists of links to recipes containing that ingredient, and a back link to the main page. Create links to the ingredient pages from the main page.
When done, create a pull request to submit your work and share the PR link in Slack. You should have 7 HTML pages total. -->