forked from komarserjio/notejam
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (117 loc) · 4.65 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
119
120
121
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Notejam</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/skeleton/1.2/base.min.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/skeleton/1.2/skeleton.min.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/skeleton/1.2/layout.css">
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="sixteen columns">
<div class="sign-in-out-block">
[email protected]: <a href="#">Account settings</a> <a href="#">Sign out</a>
</div>
</div>
<div class="sixteen columns">
<h1 class="bold-header"><a href="#" class="header">note<span class="jam">jam: </span></a> <span>All notes (8)</span></h1>
</div>
<div class="three columns">
<h4 id="logo">My pads</h4>
<nav>
<ul>
<li><a href="#whatAndWhy">Business</a></li>
<li><a href="#grid">Personal</a></li>
<li><a href="#typography">Sport</a></li>
<li><a href="#buttons">Diary</a></li>
<li><a href="#forms">Drafts</a></li>
</ul>
<hr />
<a href="#">New pad</a>
</nav>
</div>
<div class="thirteen columns content-area">
<!--<div class="alert-area">-->
<!--<div class="alert alert-success">Note is sucessfully saved</div>-->
<!--</div>-->
<table class="notes">
<tr>
<th class="note">Note <a href="#" class="sort_arrow" >↑</a><a href="#" class="sort_arrow" >↓</a></th>
<th>Pad</th>
<th class="date">Last modified <a href="#" class="sort_arrow" >↑</a><a href="#" class="sort_arrow" >↓</a></th>
</tr>
<tr>
<td><a href="#">My sport activites</a></td>
<td class="pad">No pad</td>
<td class="hidden-text date">Today at 10:51</td>
</tr>
<tr>
<td><a href="#">February reports</a></td>
<td class="pad"><a href="#">Pad</a></td>
<td class="hidden-text date">Yesterday</td>
</tr>
<tr>
<td><a href="#">Budget plan</a></td>
<td class="pad"><a href="#">Pad</a></td>
<td class="hidden-text date">2 days ago</td>
</tr>
<tr>
<td><a href="#">Visit Agenda for all customers</a></td>
<td class="pad"><a href="#">Pad</a></td>
<td class="hidden-text date">02 Feb. 2013</td>
</tr>
<tr>
<td><a href="#">Gifts</a></td>
<td class="pad"><a href="#">Pad</a></td>
<td class="hidden-text date">29 Jan. 2013</td>
</tr>
<tr>
<td><a href="#">Calendar events</a></td>
<td class="pad"><a href="#">Pad</a></td>
<td class="hidden-text date">29 Jan. 2013</td>
</tr>
<tr>
<td><a href="#">TV series</a></td>
<td class="pad"><a href="#">Pad</a></td>
<td class="hidden-text date">01 Dec. 2012</td>
</tr>
<tr>
<td><a href="#">Daily post</a></td>
<td class="pad"><a href="#">Pad</a></td>
<td class="hidden-text date">28 Nov. 2012</td>
</tr>
</table>
<a href="#" class="button">New note</a>
<div class="pagination">
<a href="#">1</a>
2
<a href="#">3</a>
<a href="#">4</a>
</div>
</div>
<hr class="footer" />
<div class="footer">
<div>Notejam: <strong>Django</strong> application</div>
<div><a href="https://github.com/komarserjio/notejam">Github</a>, <a href="https://twitter.com/komarserjio">Twitter</a>, created by <a href="https://github.com/komarserjio/">Serhii Komar</a></div>
</div>
</div><!-- container -->
<a href="https://github.com/komarserjio/notejam"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a>
</body>
</html>