odin-recipes/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Recipes</title>
    <link rel="stylesheet" href="style.css" />
    <link href='https://fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Assistant' rel='stylesheet'>
</head>
<body>
    <main>
        <h1>Odin Recipes</h1>
        <ul class="recipe-menu">
            <li><a href="index.html">Home</a></li>
            <li><a href="./recipes/greenbean-casserole.html"> Green Bean Casserole</a></li>
            <li><a href="./recipes/avocado-toast.html">Avocado Toast</a></li>
            <li><a href="./recipes/stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
        </ul>
        <div class="content">
            <p>
                Welcome to my first Odin project! The purpose of this site is to 
                simply showcase what I have learned in the course thus far. So far, that includes 
                HTML and some basic CSS mainly around margins, padding, borders, fonts, 
                two dimensions, display types, and probably some others I'm forgetting at the moment. 
            </p>
            <p>
                This is currently the second iteration of the site, where we showcase some of the 
                aforementioned CSS skills we learned. I'm not sure yet if we'll be revisiting this 
                project or not. If we don't, I may come back to it when I have more interesting 
                ideas for a design for the site. 
            </p>
            <p>
                In the mean time, make yourself at home and have a look around! And then check black
                at a later date to see if anything's changed. See you then!
            </p>
        </div>
    </main>

    <footer>
        Created by <a href="https://andrindie.com" target="_blank" rel="noreferrer">Octavia Nichols</a>
        for <a href="https://www.theodinproject.com/lessons/foundations-recipes" target="_blank" rel="noreferrer">The Odin Project</a>.
        Check out the code on <a href="https://github.com/Lolabird/odin-recipes" target="_blank" rel="noreferrer">GitHub</a>.
    </footer>
</body>
</html>