week5_part1_lab/list.html

<!DOCTYPE html>

<!-- styles -->
<link rel="stylesheet" type="text/css" href="style.css">

<html>
<head>
    <title>ToDo App</title>
    <meta charset="UTF-8">
    <!-- fonts -->
    <link href="https://fonts.googleapies.com/css?family=Roboto|Roboto+Slab"
    rel="stylesheet">
</head>

<body>
    <header>
        <h1>My To Do Lists</h1>
        <nav>
            <a href="index.html">main</a> -
            <a href="settings.html">settings</a>
        </nav>
    </header>

    <div id="todo-lists">
        <div class = "list">
            <h2 class = "list-title"> Groceries </h2>
            <ol>
                <li>Eggs</li>
                <li>Milk</li>
                <li>Cereal</li>
            </ol>
        </div>
        <input type="text"></input>
        <button>Add Item</button>
    </div>
</body>

</html>