-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (98 loc) · 5.85 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- SlideJS Required (if responsive): Sets the page width to the device width. -->
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<!-- End SlideJS Required -->
<title>Gavin McDowell</title>
<link rel="stylesheet"href="reset.css"type="text/css"media="screen"/>
<link rel="stylesheet"href="style.css"type="text/css"media="screen"/>
<link href="lightbox/css/lightbox.css"rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Inconsolata&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script src="js/modernizr.js"></script>
<script src="js/respond.min.js"></script>
<!-- include extern jQuery file but fall back to local file if extern one fails to load !-->
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script type="text\/javascript" src="js\/jquery-1.11.1.min.js"><\/script>')</script>
<script src="lightbox/js/lightbox.js"></script>
<script src="js/prefixfree.min.js"></script>
<script src="js/jquery.slides.min.js"></script>
<!--[if lt IE 9]>
<style>
header
{
margin: 0 auto 20px auto;
}
#four_columns .img-item figure span.thumb-screen
{
display:none;
}
</style>
<![endif]-->
</head>
<body>
<header>
<h1>Gavin McDowell</h1>
<nav>
<ul>
<li><a id="link-home" href="#home">Home</a></li>
<li><a id="link-about" href="#about">About</a></li>
<li><a id="link-portfolio" href="#portfolio">Portfolio</a></li>
<li><a id="link-projects" href="#projects">Projects</a></li>
<li><a id="link-contact" href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section>
<header class="hidden">Home</header>
<div id="home" class="content">
<h2>Home</h2>
</div>
</section>
<section>
<header class="hidden">About panel</header>
<div id="about" class="panel">
<div class="content">
<h2>About</h2>
<div id="bio" class="module">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis nibh est. Vestibulum placerat quis ligula lacinia semper. Pellentesque mattis feugiat massa. Suspendisse faucibus aliquam massa, et elementum velit convallis sit amet. Vestibulum dui nunc, malesuada a dolor ut, condimentum interdum mauris. Nunc scelerisque rutrum nisi. Nulla varius est et aliquam venenatis. Donec condimentum tellus vel porttitor volutpat. Aenean eu nunc tincidunt, iaculis lorem id, venenatis risus. Nulla et justo ut elit hendrerit tincidunt eget at diam. Cras ultrices risus sapien, non luctus diam auctor vitae. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam sed erat ultricies, ultricies dolor nec, mattis dolor. Quisque pretium, elit tincidunt posuere imperdiet, enim elit congue urna, nec vehicula mi purus ac sapien. Phasellus ac eleifend ante. Integer mattis leo sit amet lorem rutrum commodo.</p>
<p>Quisque eleifend nisl ut pulvinar vehicula. Nullam viverra elementum magna, ac malesuada tortor pulvinar et. Pellentesque quis hendrerit nisi. Quisque dignissim diam in interdum fermentum. Nunc lacinia rhoncus rutrum. Suspendisse placerat arcu et eros gravida, eget congue risus porttitor. Morbi pellentesque enim nisi. Aliquam lacinia, ipsum nec volutpat sollicitudin, velit eros molestie sem, at faucibus neque felis eu ligula. In hac habitasse platea dictumst. Fusce sollicitudin, mauris sit amet lacinia hendrerit, urna lorem sollicitudin ipsum, id luctus nunc libero at turpis.</p>
<p>Mauris non pellentesque risus, id dictum ipsum. Nulla lacus ligula, eleifend in diam quis, porttitor rutrum odio. Sed tempor fringilla leo, nec mollis libero rutrum et. Fusce risus enim, molestie ut lorem a, pellentesque fermentum justo. Aliquam aliquet porttitor neque eget malesuada. Nulla vehicula metus ac commodo interdum. Curabitur leo erat, blandit eu placerat ac, pellentesque quis tortor. Duis malesuada orci erat, quis accumsan velit auctor id.</p>
<p>Cras euismod luctus felis. Sed dapibus est vel risus luctus sodales. Ut non lobortis sem, a venenatis felis. Aenean sed vehicula metus, sed lacinia tortor. Maecenas nec tempor lacus. Curabitur vitae sagittis dui. Nunc sodales congue egestas. Donec placerat commodo felis nec feugiat. Donec et est nibh. Curabitur viverra faucibus augue, vel gravida sem pulvinar at. Integer aliquet lacus tempus augue aliquam, ornare tristique felis viverra.</p>
<p>Integer luctus neque nec augue varius tempus sit amet et nisi. Pellentesque posuere libero et libero vulputate blandit id vitae sapien. Cras mollis rhoncus elit et tristique. In hac habitasse platea dictumst. Proin in odio vel neque faucibus varius ullamcorper quis elit. In mattis varius semper. Ut rhoncus porta mi, suscipit volutpat eros euismod cursus. Etiam egestas id turpis vitae congue. Pellentesque quis augue non neque ultrices tincidunt. Vivamus non dolor dictum, pretium lacus eget, pulvinar neque. Vestibulum sit amet luctus metus. Nam porttitor varius neque, vitae facilisis tellus porttitor lobortis.</p>
</div>
</div>
</div>
</section>
<section>
<header class="hidden">Portfolio panel</header>
<div id="portfolio" class="panel">
<div class="content">
<h2>Portfolio</h2>
</div>
</div>
</section>
<section>
<header class="hidden">Projects panel</header>
<div id="projects" class="panel">
<div class="content">
<h2>Projects</h2>
<div id="galleries" class="module">
<div id="slides">
</div>
</div>
</div>
</div>
</section>
<section>
<header class="hidden">Contact panel</header>
<div id="contact" class="panel">
<div class="content">
<h2>Contact</h2>
</div>
</div>
</section>
</body>
</html>