This repository was archived by the owner on Aug 18, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
92 lines (68 loc) · 8.23 KB
/
index.html
File metadata and controls
92 lines (68 loc) · 8.23 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
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Pull down for navigation</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;"/>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<nav id="mobile">
<ul>
<li><a href="#">home</a></span></li>
<li><a href="#">about me</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">pull down for navigation</a></li>
<li><a href="#">view on Github</a></li>
</ul>
</nav>
<div id="site">
<section class="pulldown">
<div id="pulldown">Pull down for navigation</div>
</section>
<nav id="main">
<ul>
<li><a href="#">home</a></span></li>
<li><a href="#">about me</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">pull down for navigation</a></li>
<li><a href="#">view on Github</a></li>
</ul>
</nav>
<div id="container">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec neque nisi. Nullam hendrerit quam nec purus placerat semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla vehicula, nisl ut feugiat accumsan, mauris risus porta eros, a accumsan eros augue at erat. Nam imperdiet faucibus sem, ut consectetur magna vulputate bibendum. Duis vulputate interdum malesuada. Vivamus tempus nisl nec justo porta lacinia. Ut volutpat laoreet magna, at adipiscing mi sagittis vel. Mauris mattis fringilla orci eget semper. In sed magna ut arcu elementum venenatis eu quis mi. Pellentesque gravida nunc vel metus auctor in varius augue dignissim. Aenean molestie dolor nec libero molestie vehicula porta lectus tincidunt. Vestibulum vel magna et velit dictum lobortis. Nulla condimentum blandit enim, ac euismod odio lobortis sed.
</p>
<p>
Ras cursus justo eget dui eleifend tristique. Quisque scelerisque, nulla ac aliquet pulvinar, orci ipsum vulputate ligula, in pharetra dui erat nec nulla. Nulla dapibus mollis vulputate. Sed accumsan cursus justo eu lobortis. Pellentesque id arcu nec diam auctor condimentum quis non quam. Pellentesque eu eros eros. Nullam auctor, arcu eget gravida blandit, enim metus tempor enim, a sollicitudin libero leo at est. Nullam congue tristique molestie. Curabitur purus arcu, aliquam sagittis semper at, interdum sed massa. Suspendisse aliquet eros velit, in ullamcorper lectus. Donec molestie dictum ligula, mattis scelerisque velit imperdiet et. In rhoncus lacus ut enim bibendum vel molestie lectus cursus. Etiam ac ipsum in nibh sodales volutpat ac nec nibh. Sed eros ligula, auctor vitae aliquam dapibus, aliquam sed velit.
</p>
<p>
Nam iaculis convallis vestibulum. Sed felis nisl, placerat non mattis et, commodo quis sem. Duis gravida elit in est vulputate id blandit ante dignissim. Vestibulum lacinia consectetur ornare. Nullam eu fringilla mauris. Nunc vitae nunc sit amet sapien imperdiet lobortis. Nam vestibulum libero vel lorem vulputate congue. Curabitur urna ipsum, sagittis vitae tincidunt in, condimentum at enim. Sed sed ipsum nulla. In in eleifend elit. Fusce adipiscing lobortis est vel euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec neque nisi. Nullam hendrerit quam nec purus placerat semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla vehicula, nisl ut feugiat accumsan, mauris risus porta eros, a accumsan eros augue at erat. Nam imperdiet faucibus sem, ut consectetur magna vulputate bibendum. Duis vulputate interdum malesuada. Vivamus tempus nisl nec justo porta lacinia. Ut volutpat laoreet magna, at adipiscing mi sagittis vel. Mauris mattis fringilla orci eget semper. In sed magna ut arcu elementum venenatis eu quis mi. Pellentesque gravida nunc vel metus auctor in varius augue dignissim. Aenean molestie dolor nec libero molestie vehicula porta lectus tincidunt. Vestibulum vel magna et velit dictum lobortis. Nulla condimentum blandit enim, ac euismod odio lobortis sed.
</p>
<p>
Ras cursus justo eget dui eleifend tristique. Quisque scelerisque, nulla ac aliquet pulvinar, orci ipsum vulputate ligula, in pharetra dui erat nec nulla. Nulla dapibus mollis vulputate. Sed accumsan cursus justo eu lobortis. Pellentesque id arcu nec diam auctor condimentum quis non quam. Pellentesque eu eros eros. Nullam auctor, arcu eget gravida blandit, enim metus tempor enim, a sollicitudin libero leo at est. Nullam congue tristique molestie. Curabitur purus arcu, aliquam sagittis semper at, interdum sed massa. Suspendisse aliquet eros velit, in ullamcorper lectus. Donec molestie dictum ligula, mattis scelerisque velit imperdiet et. In rhoncus lacus ut enim bibendum vel molestie lectus cursus. Etiam ac ipsum in nibh sodales volutpat ac nec nibh. Sed eros ligula, auctor vitae aliquam dapibus, aliquam sed velit.
</p>
<p>
Nam iaculis convallis vestibulum. Sed felis nisl, placerat non mattis et, commodo quis sem. Duis gravida elit in est vulputate id blandit ante dignissim. Vestibulum lacinia consectetur ornare. Nullam eu fringilla mauris. Nunc vitae nunc sit amet sapien imperdiet lobortis. Nam vestibulum libero vel lorem vulputate congue. Curabitur urna ipsum, sagittis vitae tincidunt in, condimentum at enim. Sed sed ipsum nulla. In in eleifend elit. Fusce adipiscing lobortis est vel euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec neque nisi. Nullam hendrerit quam nec purus placerat semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla vehicula, nisl ut feugiat accumsan, mauris risus porta eros, a accumsan eros augue at erat. Nam imperdiet faucibus sem, ut consectetur magna vulputate bibendum. Duis vulputate interdum malesuada. Vivamus tempus nisl nec justo porta lacinia. Ut volutpat laoreet magna, at adipiscing mi sagittis vel. Mauris mattis fringilla orci eget semper. In sed magna ut arcu elementum venenatis eu quis mi. Pellentesque gravida nunc vel metus auctor in varius augue dignissim. Aenean molestie dolor nec libero molestie vehicula porta lectus tincidunt. Vestibulum vel magna et velit dictum lobortis. Nulla condimentum blandit enim, ac euismod odio lobortis sed.
</p>
<p>
Ras cursus justo eget dui eleifend tristique. Quisque scelerisque, nulla ac aliquet pulvinar, orci ipsum vulputate ligula, in pharetra dui erat nec nulla. Nulla dapibus mollis vulputate. Sed accumsan cursus justo eu lobortis. Pellentesque id arcu nec diam auctor condimentum quis non quam. Pellentesque eu eros eros. Nullam auctor, arcu eget gravida blandit, enim metus tempor enim, a sollicitudin libero leo at est. Nullam congue tristique molestie. Curabitur purus arcu, aliquam sagittis semper at, interdum sed massa. Suspendisse aliquet eros velit, in ullamcorper lectus. Donec molestie dictum ligula, mattis scelerisque velit imperdiet et. In rhoncus lacus ut enim bibendum vel molestie lectus cursus. Etiam ac ipsum in nibh sodales volutpat ac nec nibh. Sed eros ligula, auctor vitae aliquam dapibus, aliquam sed velit.
</p>
<p>
Nam iaculis convallis vestibulum. Sed felis nisl, placerat non mattis et, commodo quis sem. Duis gravida elit in est vulputate id blandit ante dignissim. Vestibulum lacinia consectetur ornare. Nullam eu fringilla mauris. Nunc vitae nunc sit amet sapien imperdiet lobortis. Nam vestibulum libero vel lorem vulputate congue. Curabitur urna ipsum, sagittis vitae tincidunt in, condimentum at enim. Sed sed ipsum nulla. In in eleifend elit. Fusce adipiscing lobortis est vel euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
</p>
</div>
</div>
</body>
</html>