-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (70 loc) · 2.87 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8"/>
<title>To do list</title>
<!-- For mobile devices. -->
<meta name="viewport" content="width=device-width"/>
<!-- This site had been built using LESS. This is the compiled and minified CSS
To see the individual LESS files navigate to the /less/ folder
This will show you the individual less files :-) -->
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen" />
</head>
<!--[if IE 7]><body class="no-javascript ie7"><![endif]-->
<!--[if IE 8]><body class="no-javascript ie8"><![endif]-->
<!--[if IE 9]><body class="no-javascript ie9"><![endif]-->
<!--[if !IE]>-->
<body id="top" class="no-javascript">
<!--<![endif]-->
<div class="grid">
<div class="col-12">
<h2>List Items</h2>
<table class="to-do-list" data-role='to-do-list'>
<thead>
<tr>
<th>
Description
</th>
<th>
Needed by
</th>
<th>
Status
</th>
<th class="controls">
Options
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input class="description" type="text" placeholder="e.g. Complete to do's for next week" />
</td>
<td>
<input class="deadline" type="text" placeholder="Format dd/mm/yyy" data-date-format="dd-mm-yyyy" />
</td>
<td>
<select class="status">
<option value="" selected>--Select Status--</option>
<option value="Not started">Not started</option>
<option value="In progress">In Progress</option>
<option value="Complete">Complete</option>
</select>
</td>
<td>
<a data-role="add-button" class="button btn-small disabled" href="#">
<span class='glyphicon glyphicon-plus'><span>Add</span></span>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Javascript loveliness. -->
<script type="text/javascript" src="js/vendor/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/vendor/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/script.js" ></script>
</body>
</html>