index.html

<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>Recipes</title>
        <link rel="stylesheet" href="css/style.css">
    </head>


    <body>
        <div >
            <h1 class="title">Recipes Project</h1>
        
            <img class="image" src="img/recipes.jpg" alt="a project banner">
        </div>

        <div>
            <h2 class="subsection">About:</h2>
            <p class="about"><span><strong>Recipes Project</strong></span> was developed with the aim of <span>exploring simple HTML and CSS concepts</span> while building 
            a website that promotes<span> some of <strong>the most popular recipes in the world.</strong></span>
            </p>
        </div>

        <div>
            <h2 class="subsection">Recipes:</h2>
            <ul>
               <li><a class="link" href="recipes/paella.html">Paella</a></li> 
               <li><a class="link" href="recipes/feijoada.html">Feijoada</a></li>
               <li><a class="link" href="recipes/yakisoba_chicken.html">Yakisoba Chicken</a></li>
            </ul>
        </div>
    </body>


</html>