Skip to content

Commit 4a5f8ff

Browse files
TacticalReaderTacticalReader
authored
Update index.html
1 parent 495e43d commit 4a5f8ff

File tree

1 file changed

+13
-130
lines changed

1 file changed

+13
-130
lines changed

‎index.html‎

Lines changed: 13 additions & 130 deletions
Original file line numberDiff line numberDiff line change
@@ -12,34 +12,17 @@
1212
<meta name="theme-color" content="#ffffff" />
1313
<link rel="stylesheet" href="style.css" />
1414
<title>Javascript Todo-list App</title>
15-
<meta
16-
name="description"
17-
content="Manage your tasks effortlessly with our JavaScript Todos List App. Organize, prioritize, and track your to-dos seamlessly using this user-friendly web application."
18-
/>
19-
<meta
20-
name="keywords"
21-
content="JavaScript Todos List App, Task Management, To-Do List Web App, Organize Tasks, Track To-Dos, Simple Task Manager, Productivity Tool, User-Friendly Interface, Web-based Task Organizer, JavaScript Task Tracker"
22-
/>
15+
<meta name="description" content="Manage your tasks effortlessly with our JavaScript Todos List App. Organize, prioritize, and track your to-dos seamlessly using this user-friendly web application." />
16+
<meta name="keywords" content="JavaScript Todos List App, Task Management, To-Do List Web App, Organize Tasks, Track To-Dos, Simple Task Manager, Productivity Tool, User-Friendly Interface, Web-based Task Organizer, JavaScript Task Tracker" />
2317
</head>
2418
<body>
2519
<div class="wrapper">
2620
<div class="screen-backdrop"></div>
2721
<div class="home-screen screen">
2822
<div class="head-wrapper">
2923
<div class="menu-btn">
30-
<svg
31-
xmlns="http://www.w3.org/2000/svg"
32-
fill="none"
33-
viewBox="0 0 24 24"
34-
stroke-width="1.5"
35-
stroke="currentColor"
36-
class="w-6 h-6"
37-
>
38-
<path
39-
stroke-linecap="round"
40-
stroke-linejoin="round"
41-
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12"
42-
/>
24+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
25+
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12" />
4326
</svg>
4427
</div>
4528
<div class="welcome">
@@ -54,136 +37,36 @@ <h1>Hello Tanmay</h1>
5437
</div>
5538
</div>
5639
<div class="categories-wrapper">
57-
<div class="categories">
58-
<div class="category">
59-
<div class="left">
60-
<img src="sun.png" alt="sun" />
61-
<div class="content">
62-
<h1>Personal</h1>
63-
<p>5 Tasks</p>
64-
</div>
65-
</div>
66-
<div class="options">
67-
<div class="toggle-btn">
68-
<svg
69-
xmlns="http://www.w3.org/2000/svg"
70-
fill="none"
71-
viewBox="0 0 24 24"
72-
stroke-width="1.5"
73-
stroke="currentColor"
74-
class="w-6 h-6"
75-
>
76-
<path
77-
stroke-linecap="round"
78-
stroke-linejoin="round"
79-
d="M12 6.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 12.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 18.75a.75.75 0 110-1.5.75.75 0 010 1.5z"
80-
/>
81-
</svg>
82-
</div>
83-
</div>
84-
</div>
85-
</div>
40+
<div class="categories"></div>
8641
</div>
8742
</div>
8843
<div class="category-screen screen">
8944
<div class="head-wrapper">
9045
<div class="back-btn">
91-
<svg
92-
xmlns="http://www.w3.org/2000/svg"
93-
fill="none"
94-
viewBox="0 0 24 24"
95-
stroke-width="1.5"
96-
stroke="currentColor"
97-
class="w-6 h-6"
98-
>
99-
<path
100-
stroke-linecap="round"
101-
stroke-linejoin="round"
102-
d="M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18"
103-
/>
46+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
47+
<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18" />
10448
</svg>
10549
</div>
10650
<div class="options">
107-
<svg
108-
xmlns="http://www.w3.org/2000/svg"
109-
fill="none"
110-
viewBox="0 0 24 24"
111-
stroke-width="1.5"
112-
stroke="currentColor"
113-
class="w-6 h-6"
114-
>
115-
<path
116-
stroke-linecap="round"
117-
stroke-linejoin="round"
118-
d="M12 6.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 12.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 18.75a.75.75 0 110-1.5.75.75 0 010 1.5z"
119-
/>
51+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
52+
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 12.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 18.75a.75.75 0 110-1.5.75.75 0 010 1.5z" />
12053
</svg>
12154
</div>
12255
</div>
12356
<div class="category-details">
124-
<img src="" alt="" id="category-img" />
57+
<img src="boy.png" alt="" id="category-img" />
12558
<div class="details">
12659
<p id="num-tasks">8 tasks</p>
12760
<h1 id="category-title">Personal</h1>
12861
</div>
12962
</div>
13063
<div class="tasks-wrapper">
131-
<div class="tasks">
132-
<div class="task-wrapper">
133-
<label class="task" for="task">
134-
<input id="task" name="task" type="checkbox" />
135-
<span class="checkmark">
136-
<svg
137-
xmlns="http://www.w3.org/2000/svg"
138-
fill="none"
139-
viewBox="0 0 24 24"
140-
stroke-width="1.5"
141-
stroke="currentColor"
142-
class="w-6 h-6"
143-
>
144-
<path
145-
stroke-linecap="round"
146-
stroke-linejoin="round"
147-
d="M4.5 12.75l6 6 9-13.5"
148-
/>
149-
</svg>
150-
</span>
151-
Buy a new car lorem
152-
</label>
153-
<div class="delete">
154-
<svg
155-
xmlns="http://www.w3.org/2000/svg"
156-
fill="none"
157-
viewBox="0 0 24 24"
158-
stroke-width="1.5"
159-
stroke="currentColor"
160-
class="w-6 h-6"
161-
>
162-
<path
163-
stroke-linecap="round"
164-
stroke-linejoin="round"
165-
d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
166-
/>
167-
</svg>
168-
</div>
169-
</div>
170-
</div>
64+
<div class="tasks"></div>
17165
</div>
17266
</div>
17367
<div class="add-task-btn">
174-
<svg
175-
xmlns="http://www.w3.org/2000/svg"
176-
fill="none"
177-
viewBox="0 0 24 24"
178-
stroke-width="1.5"
179-
stroke="currentColor"
180-
class="w-6 h-6"
181-
>
182-
<path
183-
stroke-linecap="round"
184-
stroke-linejoin="round"
185-
d="M12 4.5v15m7.5-7.5h-15"
186-
/>
68+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
69+
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
18770
</svg>
18871
</div>
18972
<div class="black-backdrop"></div>

0 commit comments

Comments
 (0)