ToDoLists/index.html at master · kimani3/ToDoLists · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport"  content="width = device-width , initial-scale = 1.0">
        <meta charset="utf-8">
        <title> To Do List</title>
        <link rel="stylesheet" href = "style.css" type="text/css">
        <script src = "main.js" type="text/javascript"></script>


    </head>
    <body>
        <div class="container">
            <p> <label for="new-task">Add Item</label><input id="new-task" type="text"><button>Add</button></p>

            <h2> TO DO </h2>
            <ul id = "incomplete tasks">
                <li input type = "checkbox" checked><label>Pay Bills</label><input type = "text">
                    <button class="edit">EDIT</button><button class="delete">DELETE</button>
                </li>

                <li class = "edit mode"><label> perfect my coding skills </label><input type = " checkbox"> </li>
            </ul>

            <h3> COMPLETED</h3>

            <ul id="completed-tasks">
                <li input type = "checkbox" checked><label>go to the gym</label><input type = "text"><button class = "edit">EDIT</button><button class="delete"> DELETE</button></li>
            </ul>


        </div>

    </body>
</html>