<metacharset="UTF-8"/>

<title>Recipe Book</title>

href="https://fonts.googleapis.com/css?family=Montserrat:700|Open+Sans:400,600,700&display=swap"

rel="stylesheet"

<linkrel="stylesheet"href="style.css"/>

<divclass="container">

<ulid="recipe-list"></ul>

<ulid="recipe-list">

<liclass="recipe-item">

src="https://spoonacular.com/recipeImages/12345-312x231.jpg"

alt="Recipe 1"

<h2>Recipe 1</h2>

<strong>Ingredients:</strong> Ingredient 1, Ingredient 2, Ingredient

3

<ahref="#">View Recipe</a>

<liclass="recipe-item">

src="https://spoonacular.com/recipeImages/67890-312x231.jpg"

alt="Recipe 2"

<h2>Recipe 2</h2>

<strong>Ingredients:</strong> Ingredient 4, Ingredient 5, Ingredient

6

<ahref="#">View Recipe</a>

<liclass="recipe-item">

src="https://spoonacular.com/recipeImages/54321-312x231.jpg"

alt="Recipe 3"

<h2>Recipe 3</h2>

<strong>Ingredients:</strong> Ingredient 7, Ingredient 8, Ingredient

9

<ahref="#">View Recipe</a>

<scriptsrc="index.js"></script>