-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
41 lines (38 loc) · 2.56 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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Off-screen menu</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="css/boil-norm.css" rel="stylesheet" type="text/css">
</head>
<body>
<nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</nav>
<div class="wrapper site">
<section class="menu">
<span class="menu-trigger">MENU</span>
<!-- <i class="fa fa-bars menu-trigger"></i> -->
</section>
<h1>Content</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas velit ut felis ultricies blandit. In quis mollis nunc, vitae rutrum eros. Integer sed risus quis ligula euismod accumsan. Morbi egestas nisi vulputate metus finibus, congue pharetra risus elementum. Nam finibus pharetra urna nec condimentum. Praesent venenatis pellentesque leo, vitae condimentum leo pretium sit amet. Etiam ullamcorper rhoncus molestie. Vestibulum eu molestie lorem, eu facilisis leo. Donec sit amet tempor dui, at lobortis orci. Maecenas fringilla suscipit finibus. Donec malesuada id metus blandit aliquam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
</p><p>
Vestibulum posuere mi non augue pulvinar porta. Cras sed mattis lacus. Vestibulum eu diam vitae lorem consequat pulvinar eget sit amet ante. Vestibulum suscipit vestibulum lectus eu elementum. Vivamus tempus ultrices lacus et ultricies. Integer dictum elit sed justo sodales, ut convallis erat bibendum. Pellentesque consectetur, lectus id vestibulum tincidunt, nibh leo molestie nisi, et laoreet nisl nulla quis elit. Donec tempus non mauris et suscipit. Donec non nibh sed ante mollis malesuada. Aenean sit amet enim congue, egestas mauris et, interdum leo. Praesent lacus velit, semper quis lacinia mattis, vestibulum at leo.
</p>
</div><!-- END .wrapper -->
</body>
<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>-->
<script src="js/jquery.min.js"></script>
<script src="js/script.js"></script>
</html>