33 < head >
44 < meta charset ="UTF-8 " />
55 < title > Recipe Book</ title >
6- < link
7- href ="https://fonts.googleapis.com/css?family=Montserrat:700|Open+Sans:400,600,700&display=swap "
8- rel ="stylesheet "
9- />
106 < link rel ="stylesheet " href ="style.css " />
117 </ head >
128 < body >
@@ -15,7 +11,44 @@ <h1>Recipe Book</h1>
1511 </ header >
1612
1713 < div class ="container ">
18- < ul id ="recipe-list "> </ ul >
14+ < ul id ="recipe-list ">
15+ < li class ="recipe-item ">
16+ < img
17+ src ="https://spoonacular.com/recipeImages/12345-312x231.jpg "
18+ alt ="Recipe 1 "
19+ />
20+ < h2 > Recipe 1</ h2 >
21+ < p >
22+ < strong > Ingredients:</ strong > Ingredient 1, Ingredient 2, Ingredient
23+ 3
24+ </ p >
25+ < a href ="# "> View Recipe</ a >
26+ </ li >
27+ < li class ="recipe-item ">
28+ < img
29+ src ="https://spoonacular.com/recipeImages/67890-312x231.jpg "
30+ alt ="Recipe 2 "
31+ />
32+ < h2 > Recipe 2</ h2 >
33+ < p >
34+ < strong > Ingredients:</ strong > Ingredient 4, Ingredient 5, Ingredient
35+ 6
36+ </ p >
37+ < a href ="# "> View Recipe</ a >
38+ </ li >
39+ < li class ="recipe-item ">
40+ < img
41+ src ="https://spoonacular.com/recipeImages/54321-312x231.jpg "
42+ alt ="Recipe 3 "
43+ />
44+ < h2 > Recipe 3</ h2 >
45+ < p >
46+ < strong > Ingredients:</ strong > Ingredient 7, Ingredient 8, Ingredient
47+ 9
48+ </ p >
49+ < a href ="# "> View Recipe</ a >
50+ </ li >
51+ </ ul >
1952 </ div >
2053
2154 < script src ="index.js "> </ script >
0 commit comments