-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
98 lines (93 loc) · 4.47 KB
/
index.html
File metadata and controls
98 lines (93 loc) · 4.47 KB
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
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0 ,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Facebook Style Navigation</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/modernizr-2.6.2.min.js"></script>
</head>
<body>
<header id="header" class="app-header">
<div id="activator" class="nav-trigger">
<ul class="bars unstyled">
<li></li>
<li></li>
<li></li>
</ul>
</div>
</header>
<div id="wrapper">
<div id="main" class="main-content">
<ul id="feed" class="unstyled news-feed">
<li>
<h2>Some Content Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat posuere dignissim. Sed vitae lacus eros. Etiam eu urna in ante bibendum feugiat. Etiam laoreet mauris sed felis sollicitudin malesuada vestibulum nisl viverra.</p>
</li>
<li>
<h2>Some Content Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat posuere dignissim. Sed vitae lacus eros. Etiam eu urna in ante bibendum feugiat. Etiam laoreet mauris sed felis sollicitudin malesuada vestibulum nisl viverra.</p>
</li>
<li>
<h2>Some Content Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat posuere dignissim. Sed vitae lacus eros. Etiam eu urna in ante bibendum feugiat. Etiam laoreet mauris sed felis sollicitudin malesuada vestibulum nisl viverra.</p>
</li>
<li>
<h2>Some Content Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat posuere dignissim. Sed vitae lacus eros. Etiam eu urna in ante bibendum feugiat. Etiam laoreet mauris sed felis sollicitudin malesuada vestibulum nisl viverra.</p>
</li>
<li>
<h2>Some Content Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat posuere dignissim. Sed vitae lacus eros. Etiam eu urna in ante bibendum feugiat. Etiam laoreet mauris sed felis sollicitudin malesuada vestibulum nisl viverra.</p>
</li>
<li>
<h2>Some Content Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat posuere dignissim. Sed vitae lacus eros. Etiam eu urna in ante bibendum feugiat. Etiam laoreet mauris sed felis sollicitudin malesuada vestibulum nisl viverra.</p>
</li>
<li>
<h2>Some Content Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat posuere dignissim. Sed vitae lacus eros. Etiam eu urna in ante bibendum feugiat. Etiam laoreet mauris sed felis sollicitudin malesuada vestibulum nisl viverra.</p>
</li>
<li>
<h2>Some Content Title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat posuere dignissim. Sed vitae lacus eros. Etiam eu urna in ante bibendum feugiat. Etiam laoreet mauris sed felis sollicitudin malesuada vestibulum nisl viverra.</p>
</li>
</ul>
<nav id="nav" class="side-nav">
<ul class="unstyled">
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Nav Item</a></li>
<li><a href="#">Logout</a></li>
</ul>
</nav>
</div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/zepto/1.0rc1/zepto.min.js"></script>
<!-- <script src="js/zepto.min.js"></script> -->
<script src="js/app.js"></script>
<script>
$(app.slider.init);
</script>
</body>
</html>