To-Do-List-Manager-UI/Add-New-Item.html at main · Manju-212/To-Do-List-Manager-UI · 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Add-New-Item</title>
    <link rel="stylesheet" href="./Trip-Paris.css">
    <link rel="stylesheet" href="./Add-New-List.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@200&display=swap');
    </style>

<script
src="https://kit.fontawesome.com/348cc65b0f.js"
crossorigin="anonymous"
></script>
</head>
<body>
    <div class="blur">


    <div class="head-container">
        <h1>Trip to paris</h1>
    </div>
    <div class="back-container">
       <i class="fas fa-arrow-circle-left"><span style="font-family: 'IBM Plex Sans Arabic', sans-serif;" >Back</span></i>
    </div>
    <div class="card-container">
        <div class="card-heading">
             <h4>Trip to Paris</h4>
             <hr>
        </div>
        <div class="card-content">
             <h3>Completed Task</h3>
        </div>
        <div class="card-footer">
              <input type="checkbox" >
              <label for="">Pending Task</label>
        </div>

        <div class="plus-icon">
           <i class="fas fa-plus-circle fa-lg header-add-icon" style="color: red; font-size: 30px;"></i>
       </div>
   </div>


</div>


<!-- Add-new-name -->


    <div class="card-container-2">
        <div class="card-head-2">
            <h3>Add New Item</h3>
        </div>
        <div class="card-content-2">
            <input type="text">
        </div>
        <div class="card-foot-2">
             <button>ADD</button>
        </div>
    </div>

</body>
</html>