2
2
< html lang ="en ">
3
3
4
4
< head >
5
- < title > Todo App</ title >
6
- < link href ="https://fonts.googleapis.com/css?family=Lato:300,400,700 " rel ="stylesheet " type ="text/css ">
7
- < link rel ="stylesheet " href ="style.css " media ="screen ">
5
+ < title > Todo App</ title >
6
+ < link href ="https://fonts.googleapis.com/css?family=Lato:300,400,700 " rel ="stylesheet " type ="text/css ">
7
+ < link rel ="stylesheet " href ="style.css " media ="screen ">
8
8
</ head >
9
9
10
10
< body >
11
- < header class ="head-title ">
12
- < img src ="./eisenhower-matrix.jpg " alt ="More details ">
13
- < a class ="more-inf " href ="https://goal-life.com/page/method/matrix-eisenhower ">
14
- Want more details?</ a >
15
- </ header >
16
- < section class ="board-card-item ">
17
- < p id ="board-card-addNewCard ">
18
- < label for ="new-task "> Add Item</ label >
19
- </ p >
20
- < div class ="task-row-wrapper ">
21
- < input id ="new-task " class ="task " type ="text ">
22
- < button > Add</ button >
23
- </ div >
24
- < h3 > Todo</ h3 >
25
- < ul id ="incompleteTasks ">
26
- < li > < input type ="checkbox ">
27
- < label class ="task "> Pay Bills</ label >
28
- < input type ="text " class ="task ">
29
- < button class ="edit "> Edit</ button >
30
- < button class ="delete "> < img src ="./remove.svg " alt ="Delete "> </ button >
31
- </ li >
32
- < li class ="editMode ">
33
- < input type ="checkbox ">
34
- < label class ="task "> Go Shopping</ label >
35
- < input type ="text " value ="Go Shopping " class ="task ">
36
- < button class ="edit "> Save</ button >
37
- < button class ="delete "> < img src ="./remove.svg " alt ="Delete "> </ button >
38
- </ li >
39
- </ ul >
40
- < h3 > Completed</ h3 >
41
- < ul id ="completedTasks ">
42
- < li > < input type ="checkbox " checked >
43
- < label class ="task "> See the Doctor</ label >
44
- < input type ="text " class ="task ">
45
- < button class ="edit "> Edit</ button >
46
- < button class ="delete "> < img src ="./remove.svg " alt ="Delete "> </ button >
47
- </ li >
48
- </ ul >
49
- </ section >
50
- < script src ="app.js "> </ script >
11
+ < header class ="head-title ">
12
+ < img src ="./eisenhower-matrix.jpg " alt ="More details ">
13
+ < a class ="more-inf " href ="https://goal-life.com/page/method/matrix-eisenhower ">
14
+ Want more details?</ a >
15
+ </ header >
16
+ < section class ="board-card-item ">
17
+ < p id ="board-card-addNewCard ">
18
+ < label for ="new-task "> Add Item</ label >
19
+ </ p >
20
+ < div class ="task-row-wrapper ">
21
+ < input id ="new-task " class ="task " type ="text ">
22
+ < button > Add</ button >
23
+ </ div >
24
+ < h3 > Todo</ h3 >
25
+ < ul id ="incompleteTasks ">
26
+ < li > < input type ="checkbox ">
27
+ < label class ="task "> Pay Bills</ label >
28
+ < input type ="text " class ="task ">
29
+ < button class ="edit "> Edit</ button >
30
+ < button class ="delete "> < img src ="./remove.svg " alt ="Delete "> </ button >
31
+ </ li >
32
+ < li class ="editMode ">
33
+ < input type ="checkbox ">
34
+ < label class ="task "> Go Shopping</ label >
35
+ < input type ="text " value ="Go Shopping " class ="task ">
36
+ < button class ="edit "> Save</ button >
37
+ < button class ="delete "> < img src ="./remove.svg " alt ="Delete "> </ button >
38
+ </ li >
39
+ </ ul >
40
+ < h3 > Completed</ h3 >
41
+ < ul id ="completedTasks ">
42
+ < li > < input type ="checkbox " checked >
43
+ < label class ="task "> See the Doctor</ label >
44
+ < input type ="text " class ="task ">
45
+ < button class ="edit "> Edit</ button >
46
+ < button class ="delete "> < img src ="./remove.svg " alt ="Delete "> </ button >
47
+ </ li >
48
+ </ ul >
49
+ </ section >
50
+ < script src ="app.js "> </ script >
51
51
</ body >
52
52
53
- </ html >
53
+ </ html >
0 commit comments