Intro to HTML - Activity

We strongly suggest you attempt this activity on your own before reviewing the Solution Code.

Head to this JSBin link and follow the instructions below:

Create a basic HTML page with your own information that looks similar to this image:

Solution Code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div>
        <h1>Hello! My name is Cassandra!</h1>
        <h2>This is a list of my friends</h2>
        <ol>
            <li>Steve</li>
            <li>Linda</li>
            <li>Jacob</li>
            <li>Jennifer</li>
        </ol>
    </div>
    <div>
        <h1>My Grocery List</h1>
        <ul>
            <li>Apples</li>
            <li>Peanut Butter</li>
            <li>Chips</li>
            <li>Soda</li>
            <li>Lettuce</li>
        </ul>
        <p>Hey, don't judge me, I'm trying to balance my diet!</p>
    </div>
    <a href="https://www.google.com">My Very Own Website!</a>
</body>
</html>