to-do-list/index.html at master · amadrzyk/to-do-list · GitHub

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
79
80
<html>
    <head>
        <title>To-Do List</title>
        <link rel="icon" type="image/png" href="./icon_128.png" sizes="128x128">

        <link rel="stylesheet" href="lib/Bootstrap3/bootstrap.min.css" />
        <link rel="stylesheet" href="lib/jQuery/jquery.ui.min.css" />
        <link rel="stylesheet" href="assets/todo.css" />

        <link href="lib/Bootstrap/bootstrap-editable/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet">
    </head>

    <body class="well">
        <div id="container">

            <div class="colorPicker">
                BG: <a href="#" id="bgColor">#80B1EB</a>
            </div>
            <div class="paneShadow">
                SHADOW COLOR: <a href="#" id="shadowColor">#0199D9</a>
            </div>
            <div class="shortShadow">
                <span style="margin-right: 39px">SHORT SHADOW: </span><input type="checkbox" value="shortShadow" id="shortShadow" value="Shadow">
            </div>
            <div class="header">To-Do List.</div>

            <div class="row" style="margin-left: 8.5%" data-size="35" data-fade="1" data-opacity="0.3" data-placement="right-bottom">
                <div class="task-list task-container shadow-object long-shadow" id="pending">
                    <h3 class="tasklistHeaderH3">
                        <a class="taskHeader" href="#" id="taskHeader1">New Name</a>
                    </h3>
                    <!--<div class="to-do-task">
                        <div class="task-header">Sample Header</div>
                        <div class="task-date">25/06/1992</div>
                        <div class="task-description">Lorem Ipsum Dolor Sit Amet</div>
                    </div>-->
                </div>

                <div class="task-list task-container shadow-object long-shadow" id="inProgress">
                    <h3 class="tasklistHeaderH3">
                        <a class="taskHeader" href="#" id="taskHeader2">New Name</a>
                    </h3>
                </div>

                <div class="task-list task-container shadow-object long-shadow" id="completed">
                    <h3 class="tasklistHeaderH3">
                        <a class="taskHeader" href="#" id="taskHeader3">New Name</a>
                    </h3>
                </div>

                <div class="task-list formList shadow-object long-shadow">
                    <h3 class="tasklistHeaderH3" style="margin-bottom: 10px">Add a task</h3>
                    <form id="todo-form">
                        <input type="text" placeholder="Title" />
                        <textarea placeholder="Description"></textarea>
                        <input type="text" id="datepicker" placeholder="Due Date (dd/mm/yyyy)" />
                        <input id="addBtn" type="button" class="btn btn-primary" value="Add Task" />
                    </form>

                    <input id="clearBtn" type="button" class="btn btn-primary" value="Clear Data" />

                    <div id="delete-div">
                        Drag Here to Delete
                    </div>
                </div>
                <div style="clear:both;"></div>
            </div>
        </div>

        <script src="lib/jQuery/jquery.min.js"      ></script>
        <script src="lib/Bootstrap3/bootstrap.min.js"></script>
        <script src="lib/jQuery/jquery.ui.min.js"   ></script>
        <script src="assets/todo.js"                ></script>
        <script src="assets/init.js"                ></script>
        <script src="lib/Bootstrap/bootstrap-editable/bootstrap3-editable/js/bootstrap-editable.js"></script>
        <script src="lib/jQuery/jQuery-xcolor-master/jquery.xcolor.min.js"></script>
        <script src="lib/jQuery/jQuery-shadows/dynamic_shadow_color.min.js"></script>
        <script src="lib/jQuery/jQuery-shadows/plugins.js"></script>
    </body>
</html>