There are two main sections to this view, the header and the list container. The header includes the textbox and button for adding a new todo item. The list container is just an empty div that will be filled by our web app. 
<!DOCTYPE html>
<html>
    <head>
        <base href="/" />
        <meta charset="utf-8" />
        <title>Wasm ToDo</title>
    </head>
    <body>
        <main id="app">
            <header>
                <h1>Your To Dos</h1>
                <div id="new-todo-container">
                    <input id="new-todo" type="text" placeholder="Add a new task" />
                    <button id="create-new-todo" type="button">+</button>
                </div>
            </header>
            <div id="list-container">
            </div>
        </main>
        <link type="text/css" rel="stylesheet" href="css/index.css" />
        <script type="text/javascript" src="js/app.js"></script>
    </body>
</html>