index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <p>
        <a id = "back-link" href = "https://limararyan.github.io">
            Back to main
        </a>
    </p>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel = "stylesheet" href = "style.css"/>
    <title>To Do List</title>
</head>


<body>
    <header>
        <h1>To Do List</h1>
        <form id = "new-task-form">
            <input
                type ="text"
                id = "new-task-input"
                placeholder = "Do something" />
            <input 
            type="submit"
            id = "new-task-submit" 
            value="Add task" />
        </form>
    </header>

    <main>
        <section class="task-list">
            <h2></h2>

            <div id="tasks">

                <!-- <div class="task">
                    <div class="content">
                        <input 
                            type="text" 
                            class="text"
                            value = "My shiny task"
                            readonly
                        />
                    </div>
                    <div class="actions">
                        <button class="edit">Edit</button>
                        <button class="delete">Delete</button>
                    </div>
                </div> -->

                
            </div>
        </section>
    </main>

    <script src = "main.js"></script>
</body>
</html>