-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (62 loc) · 6.21 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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<!--Copyright (c) David Bushell | http://dbushell.com/-->
<!-- MIT license -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<title>Sample</title>
<script src="js/modernizr.js"></script>
<link rel="stylesheet" href="css/base.css">
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="outer-wrap">
<nav id="nav" role="navigation">
<div id="nav-block" class="block">
<h2 class="block-title">Links</h2>
<ul>
<li>
<a href="#">Link 1</a>
</li>
<li>
<a href="#">Link 2</a>
</li>
<li>
<a href="#">Link 3</a>
</li>
<li>
<a href="#">Link 4</a>
</li>
</ul>
<a class="close-btn" id="nav-close-btn" href="#inner-wrap">Return to Content</a>
</div>
</nav>
<div id="inner-wrap">
<header id="top" role="banner">
<div class="block">
<h1 class="block-title">Sample</h1>
<a class="nav-btn" id="nav-open-btn" href="#nav">Sample</a>
</div>
</header>
<div id="arrow" class="arrow-left"></div>
<div id="main" role="main">
<article class="block prose">
<h1>Lorem Ipsum</h1>
<p>Donec odio tortor, vehicula sed cursus et, mattis eget magna. Etiam facilisis nisi ac magna molestie ut mattis odio placerat. In leo massa, dapibus nec lobortis id, iaculis eu ligula. Curabitur tortor tellus, vestibulum non condimentum et, tempus at sem. In eu mauris sem, ac consequat lorem. Nunc orci quam, gravida id ultricies ut, eleifend sed elit. Morbi gravida arcu eget felis venenatis pharetra. Phasellus nec urna eu leo interdum tristique. Mauris leo nulla, malesuada nec lacinia sit amet, tristique nec nulla. In rutrum eleifend sapien hendrerit posuere. Vivamus non magna tortor, nec congue ipsum. Donec tortor enim, faucibus varius interdum eget, venenatis sit amet odio. Integer dui nunc, accumsan porttitor consectetur nec, semper ullamcorper massa.</p>
<p>Donec odio tortor, vehicula sed cursus et, mattis eget magna. Etiam facilisis nisi ac magna molestie ut mattis odio placerat. In leo massa, dapibus nec lobortis id, iaculis eu ligula. Curabitur tortor tellus, vestibulum non condimentum et, tempus at sem. In eu mauris sem, ac consequat lorem. Nunc orci quam, gravida id ultricies ut, eleifend sed elit. Morbi gravida arcu eget felis venenatis pharetra. Phasellus nec urna eu leo interdum tristique. Mauris leo nulla, malesuada nec lacinia sit amet, tristique nec nulla. In rutrum eleifend sapien hendrerit posuere. Vivamus non magna tortor, nec congue ipsum. Donec tortor enim, faucibus varius interdum eget, venenatis sit amet odio. Integer dui nunc, accumsan porttitor consectetur nec, semper ullamcorper massa.</p>
<p>Donec odio tortor, vehicula sed cursus et, mattis eget magna. Etiam facilisis nisi ac magna molestie ut mattis odio placerat. In leo massa, dapibus nec lobortis id, iaculis eu ligula. Curabitur tortor tellus, vestibulum non condimentum et, tempus at sem. In eu mauris sem, ac consequat lorem. Nunc orci quam, gravida id ultricies ut, eleifend sed elit. Morbi gravida arcu eget felis venenatis pharetra. Phasellus nec urna eu leo interdum tristique. Mauris leo nulla, malesuada nec lacinia sit amet, tristique nec nulla. In rutrum eleifend sapien hendrerit posuere. Vivamus non magna tortor, nec congue ipsum. Donec tortor enim, faucibus varius interdum eget, venenatis sit amet odio. Integer dui nunc, accumsan porttitor consectetur nec, semper ullamcorper massa.</p>
<p>Donec odio tortor, vehicula sed cursus et, mattis eget magna. Etiam facilisis nisi ac magna molestie ut mattis odio placerat. In leo massa, dapibus nec lobortis id, iaculis eu ligula. Curabitur tortor tellus, vestibulum non condimentum et, tempus at sem. In eu mauris sem, ac consequat lorem. Nunc orci quam, gravida id ultricies ut, eleifend sed elit. Morbi gravida arcu eget felis venenatis pharetra. Phasellus nec urna eu leo interdum tristique. Mauris leo nulla, malesuada nec lacinia sit amet, tristique nec nulla. In rutrum eleifend sapien hendrerit posuere. Vivamus non magna tortor, nec congue ipsum. Donec tortor enim, faucibus varius interdum eget, venenatis sit amet odio. Integer dui nunc, accumsan porttitor consectetur nec, semper ullamcorper massa.</p>
<p>Donec odio tortor, vehicula sed cursus et, mattis eget magna. Etiam facilisis nisi ac magna molestie ut mattis odio placerat. In leo massa, dapibus nec lobortis id, iaculis eu ligula. Curabitur tortor tellus, vestibulum non condimentum et, tempus at sem. In eu mauris sem, ac consequat lorem. Nunc orci quam, gravida id ultricies ut, eleifend sed elit. Morbi gravida arcu eget felis venenatis pharetra. Phasellus nec urna eu leo interdum tristique. Mauris leo nulla, malesuada nec lacinia sit amet, tristique nec nulla. In rutrum eleifend sapien hendrerit posuere. Vivamus non magna tortor, nec congue ipsum. Donec tortor enim, faucibus varius interdum eget, venenatis sit amet odio. Integer dui nunc, accumsan porttitor consectetur nec, semper ullamcorper massa.</p>
<p>Donec odio tortor, vehicula sed cursus et, mattis eget magna. Etiam facilisis nisi ac magna molestie ut mattis odio placerat. In leo massa, dapibus nec lobortis id, iaculis eu ligula. Curabitur tortor tellus, vestibulum non condimentum et, tempus at sem. In eu mauris sem, ac consequat lorem. Nunc orci quam, gravida id ultricies ut, eleifend sed elit. Morbi gravida arcu eget felis venenatis pharetra. Phasellus nec urna eu leo interdum tristique. Mauris leo nulla, malesuada nec lacinia sit amet, tristique nec nulla. In rutrum eleifend sapien hendrerit posuere. Vivamus non magna tortor, nec congue ipsum. Donec tortor enim, faucibus varius interdum eget, venenatis sit amet odio. Integer dui nunc, accumsan porttitor consectetur nec, semper ullamcorper massa.</p>
</article>
</div>
</div>
<!--/#inner-wrap-->
</div>
<!--/#outer-wrap-->
<script src="js/menu-toggle.js"></script>
</body>
</html>