my-first-todo-app/index.html at master · lonefavourvitus/my-first-todo-app · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700&display=swap" rel="stylesheet">
    <title>To Do List</title>
</head>

<body>
    <div class="container">
        <h1>Hello Friend, Welcome to my todo list App😊.</h1>
        <div class="btn-cont"><button class="random-color-btn">nice colors😊✨</button><button class="reset-colors">reset colors</button><button class="theme-toggler">daylight</button><button class="rgb-toggler">turn rgb on</button></div>
        <h3 id="ben" class="err-message"></h3>
        <div class="add-task-container">
            <div class="task task-margin"><input type="text" placeholder="Enter Task" id='input-task'>
                <button class="add-task">add</button></div>
        </div>
    </div>
    <script src="app.js"></script>
</body>

</html>