index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <title>Melanie's Favorite Things</title>
</head>

<body>
    <h1>My Favorite Things</h1>
    <h2>These are a few of my favorite things.</h2>

    <div class="people">


        <h3>People</h3>
        <p>
            Here are some of my favorite people!
        </p>
        <ul>
            <li>My Mom</li>
            <li>My Dad</li>
            <li>My Sisters</li>
            <ul>
                <li>Allison</li>
                <li>Elizabeth</li>
            </ul>
        </ul>

    </div>

    <div class="iceCream">


        <h3>Flavors of <span class="delicious">Ice Cream</span></h3>

        <img src="images/IceCreamCone.jpg" alt="An ice cream cone.">
        <p>These are my three favorites, in order:</p>
        <ol>
            <li>Pistachio</li>
            <li>Moose Tracks</li>
            <li>Vanilla Bean</li>
        </ol>

    </div>

    <p>Thanks for reading about me!</p>
</body>

</html>