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>
    <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>

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