-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
105 lines (86 loc) · 5.67 KB
/
index.html
File metadata and controls
105 lines (86 loc) · 5.67 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
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<meta charset=utf-8 />
<title>MobileMenu</title>
</head>
<body>
<!--[if lt IE 10 ]>
<style>
/* were using modernizr this would be the fallback for non 3d capable devices */
.no-csstransforms3d .page-wrap.slide-left {
left:220px;
}
.no-csstransforms3d .page-wrap.slide-right {
left:-220px;
}
</style>
<![endif]-->
<!--[if lt IE 8 ]>
<style>
/* ie7 overflow hidden bug fix */
#container {
position:relative;
}
/* active link background for ie7 instead of pseudoelement */
.slide-menu ul li.active a {
background-color:#666;
}
</style>
<![endif]-->
<div id="container">
<div class="page-wrap">
<div class="slide-menu left-side">
<div class="menuTop">
<h2>Push Menu</h2><span></span>
</div>
<ul>
<li><a href="#">Menu Link 001</a>
</li>
<li><a href="#">Menu Link 002</a>
</li>
<li class="active"><a href="#">Menu Link 003</a>
</li>
<li><a href="#">Menu Link 004</a>
</li>
<li><a href="#">Menu Link 005</a>
</li>
</ul>
</div>
<div class="slide-menu right-side">
<div class="menuTop">
<h2>Push Menu</h2><span></span>
</div>
<ul>
<li><a href="#">Menu Link 001</a>
</li>
<li><a href="#">Menu Link 002</a>
</li>
<li><a href="#">Menu Link 003</a>
</li>
<li class="active"><a href="#">Menu Link 004</a>
</li>
<li><a href="#">Menu Link 005</a>
</li>
</ul>
</div>
<div for="toggle" class="handle"><span class="left"></span>
<span class="logo">Mobile Menu </span>
<span class="right"></span>
</div>
<div class="content">
<h1>Irristagarri Mugikor Nabigazioa</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis enim ut gravida dignissim. Donec condimentum sapien ac justo semper feugiat. Praesent euismod at velit sed dapibus. Suspendisse consequat id nunc ac blandit. Nunc congue lorem ac ornare euismod. Aliquam fringilla scelerisque mattis. Fusce quis massa sed lorem interdum blandit. Curabitur viverra lorem ligula. Phasellus scelerisque dui non nibh mattis vestibulum. Nulla eget vestibulum turpis. Sed eu dolor a dolor mattis porttitor quis ac tellus. Cras lorem est, semper eu porttitor et, lacinia at sem. Maecenas tincidunt, mauris in egestas vestibulum, ligula leo gravida metus, nec egestas justo ante id neque. Quisque consequat dictum sodales.</p>
<p>Cras ligula eros, placerat id quam vel, placerat laoreet sem. Sed eu lectus sem. Phasellus tempus sem sapien. Suspendisse in odio commodo, rutrum nunc nec, faucibus quam. Suspendisse libero magna, tincidunt eu ligula eu, commodo tristique est. Nullam ornare quam neque, sit amet tincidunt enim ultrices ut. Praesent aliquet elit nulla, et porta enim fringilla in. Proin mi quam, egestas convallis mauris ut, rutrum dictum risus. In hac habitasse platea dictumst. Aenean semper pulvinar venenatis. Maecenas rutrum blandit tellus, ac imperdiet lacus pretium vel. Suspendisse sed pretium quam, a laoreet mauris.</p>
<p>Praesent tincidunt auctor nisl non commodo. Vestibulum sem risus, tempor a suscipit non, adipiscing eu enim. Mauris sed libero ligula. Etiam aliquet at urna in viverra. Aliquam facilisis, nisl porta pulvinar lobortis, lorem ligula sollicitudin justo, non malesuada enim libero a odio. Praesent convallis risus sit amet est iaculis sodales. Duis et consequat odio. Nunc ac risus nec elit sodales bibendum sed eget nunc. Sed venenatis, lectus vel molestie gravida, arcu quam dictum sapien, quis dictum augue sapien non velit. Nunc consectetur interdum erat aliquet cursus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur pulvinar massa risus, egestas accumsan elit imperdiet at. Nam molestie neque ac lectus consequat fermentum. Donec eget sapien sagittis, pellentesque nibh vitae, ultrices lacus. Cras commodo mattis enim, eu accumsan elit laoreet vitae.</p>
<p>Pellentesque mattis mi sit amet molestie tincidunt. Donec sed mollis neque, id commodo tortor. Duis bibendum magna non rhoncus condimentum. Vestibulum in rhoncus mauris. Maecenas venenatis aliquet erat vitae lobortis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In at malesuada orci. Nam eu tellus facilisis, semper turpis sit amet, rhoncus erat. Etiam nec mollis mi. Nunc cursus ipsum dolor, at scelerisque magna fringilla et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed ipsum semper, tempor orci vel, tincidunt felis. Integer vel varius risus.</p>
<p>Nullam faucibus ipsum at pretium sagittis. Phasellus at ultricies urna. Nam adipiscing sed quam eget semper. Nulla vel consectetur est. Phasellus sem tellus, aliquet eu mi egestas, elementum gravida urna. Integer in enim mollis, vulputate nibh quis, venenatis sem. Morbi eu turpis quis ligula consequat molestie non sed arcu. Morbi auctor augue ligula, ac condimentum mauris lobortis non. Curabitur eget nibh urna.</p>
</div>
</div>
<!-- .page-wrap -->
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>