-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (106 loc) · 4.32 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE HTML>
<!--
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>TOODOO! :: Hillary's Persistent TODO App</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<span class="logo"><img src="images/logo.svg" alt="" /></span>
<h1>TOODOO!</h1>
<p>Just another persistent TODO app.<br />
built by <a href="https://twitter.com/twig1gy">@twig1gy</a>.</p>
</header>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#intro" class="active">Intro</a></li>
<li><a href="#first">First Section</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Introduction -->
<section id="intro" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>Tasks</h2>
</header>
<p>Here's a blurb about how great this TODO app is.</p>
<form id="form_todo" class="row uniform">
<div id="task-list">
<div class="12u$ task-clone hidden">
<input type="text" name="newTask" placeholder="New Task">
<ul class="icons">
<li><a href="javascript:;" class="icon alt fa-save saveTask"><span class="label">Save</span></a></li>
<li><a href="javascript:;" class="icon alt fa-trash delTask"><span class="label">Delete</span></a></li>
</ul>
</div>
<div class="12u$(small) task-item hidden">
<input type="checkbox" id="" name="task-item">
<label for="task-item">Task Item</label>
</div>
</div>
<div class="12u$">
<ul class="actions">
<li><a id="btn_addTask" href="javascript:;" class="button icon fa-plus special">Add a Task</a></li>
</ul>
</div>
</form>
</div>
<span class="image"><img src="images/pic01.jpg" alt="" /></span>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<h2>Aliquam sed mauris</h2>
<p>Sed lorem ipsum dolor sit amet et nullam consequat feugiat consequat magna adipiscing tempus etiam dolore veroeros. eget dapibus mauris. Cras aliquet, nisl ut viverra sollicitudin, ligula erat egestas velit, vitae tincidunt odio.</p>
</section>
<section>
<h2>Etiam feugiat</h2>
<dl class="alt">
<dt>Address</dt>
<dd>1234 Somewhere Road • Nashville, TN 00000 • USA</dd>
<dt>Phone</dt>
<dd>(000) 000-0000 x 0000</dd>
<dt>Email</dt>
<dd><a href="#">[email protected]</a></dd>
</dl>
<ul class="icons">
<li><a href="#" class="icon fa-twitter alt"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook alt"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram alt"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-github alt"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon fa-dribbble alt"><span class="label">Dribbble</span></a></li>
</ul>
</section>
<p class="copyright">© 2016 Hillary Watts. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>