-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathindex.html
54 lines (43 loc) · 1.75 KB
/
index.html
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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>TODO List</title>
<meta name='description' content='A simple app to track TODO items'>
<meta name='author' content=''>
<meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<h1>todos</h1>
</header>
<main>
<form action='' method='post'>
<input type='text' class='new-todo' placeholder='What needs to be done?'>
</form>
<ul class='items'>
<!-- Example of a single TODO item -->
<!-- Note that this one is hidden on the page! -->
<li class='hide'>
<article>
<button class='check'></button>
<p>[INSERT TODO TEXT HERE]</p>
<button class='delete'>X</button>
</article>
</li>
</ul>
<footer>
<p class='remaining'><span class='incomplete-items'>0</span> items left</p>
<nav>
<ul>
<li><button class='show-all active'>All</button></li>
<li><button class='show-active'>Active</button></li>
<li><button class='show-completed'>Completed</button></li>
</ul>
</nav>
<button class='clear'>Clear completed</button>
</footer>
</main>
</body>
</html>