├── README.md
├── acc.css
└── todolist.html
/README.md:
--------------------------------------------------------------------------------
1 | # OCTANET-TASK2
--------------------------------------------------------------------------------
/acc.css:
--------------------------------------------------------------------------------
1 | /* styles.css */
2 |
3 | body {
4 | font-family: Arial, sans-serif;
5 | background-color: lightpink;
6 | display: flex;
7 | justify-content: center;
8 | align-items: center;
9 | height: 100vh;
10 | margin: 0;
11 | }
12 |
13 | .container {
14 | background-color: lightblue;
15 | padding: 20px;
16 | border-radius: 5px;
17 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
18 | }
19 |
20 | h1 {
21 | margin-top: 0;
22 | }
23 |
24 | input {
25 | padding: 10px;
26 | width: 250px;
27 | margin-bottom: 10px;
28 | }
29 |
30 | button {
31 | padding: 10px;
32 | width: 250px;
33 | background-color: #0056b3;
34 | color: white;
35 | border: none;
36 | border-radius: 5px;
37 | cursor: pointer;
38 | }
39 |
40 | button:hover {
41 | background-color: lawngreen;
42 | }
43 |
44 | ul {
45 | list-style-type: none;
46 | padding: 0;
47 | }
48 |
49 | li {
50 | padding: 10px;
51 | border-bottom: 1px solid #ddd;
52 | display: flex;
53 | justify-content: space-between;
54 | align-items: center;
55 | }
56 |
57 | li:last-child {
58 | border-bottom: none;
59 | }
60 |
61 | li .delete {
62 | color: red;
63 | cursor: pointer;
64 | }
65 |
--------------------------------------------------------------------------------
/todolist.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | To-Do List
7 |
8 |
9 |
10 |
11 |
To-Do List
12 |
13 |
14 |
15 |