to-do-list/index.html at main · errorbyme/to-do-list · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="style.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>

<body>
    <div class="container-fluid">
        <div class="todo-app row">
            <div class="todo-heading col-12 col-md-6">
                <h1>ToDO</h1>
                <img src="imgs/to-do-list.png" width="70px" alt="">
            </div>
            <form action="">
                <div class="typingBox col-11 col-md-8 mx-auto">
                    <div class="input-group">
                        <input type="text" id="inputBox" class="form-control" placeholder="Your Task...">
                        <button type="submit" id="addBtn" class="input-group-text btn btn-success"
                            onclick="addTask()">Add</button>
                    </div>
                </div>
            </form>
            <div class="list-group col-10 mx-auto"></div>
        </div>
    </div>
</body>
<script src="script.js"></script>

</html>