-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresources.html
125 lines (84 loc) · 3.73 KB
/
resources.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
115
116
117
118
119
120
121
122
123
124
125
<!doctype html>
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Clinton Devon Estates</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/style.css">
<!--[if lte IE 8]>
<script type="text/javascript" src="js/libs/html5shiv/dist/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<header class="header">
<div class="main-wrapper">
<h1><a href="#" class="logo">Clinton Devon</a></h1>
<div class="utilities">
<a href="#" class="twitter">Twitter</a>
<a href="#" class="facebook">Facebook</a>
<a href="#" class="account">My Account</a>
<form action="#" class="search-form">
<input type="text" name="q" id="search-field" class="search-field" value="Search..." />
</form>
</div>
<nav class="main-navigation">
<ul>
<li class="home"><a href="#">Home</a></li>
<li class="news"><a href="#">News</a></li>
<li class="discussion"><a href="#">Discussion</a></li>
<li class="messages"><a href="#">Messages</a></li>
<li class="health"><a href="#">Health & Safety Bulletins</a></li>
<li class="active resources"><a href="#">Key Resources/ Documents</a></li>
<li class="staff"><a href="#">Staff Directories</a></li>
<li class="documents"><a href="#">Documents</a></li>
</ul>
</nav>
</div>
</header>
<main class="main">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis est, fugiat rem quisquam? Adipisci sunt iure voluptatibus dignissimos porro non repellat ullam sed id beatae, pariatur suscipit architecto, nihil culpa!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis est, fugiat rem quisquam? Adipisci sunt iure voluptatibus dignissimos porro non repellat ullam sed id beatae, pariatur suscipit architecto, nihil culpa!</p>
</main>
<footer class="footer">
<div class="main-wrapper">
<nav class="footer-navigation">
<ul>
<li>Navigation -</li>
<li><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Messages</a></li>
<li><a href="#">Helath and Safety Bulletins</a></li>
<li><a href="#">Key Resources and Documents</a></li>
<li><a href="#">Staff Directory</a></li>
<li><a href="#">Documents</a></li>
<li><a href="#">Gallery</a></li>
</ul>
</nav>
<div class="utilities">
<p><a href="#">Facebook <span class="facebook">Facebook</span></a></p>
<p><a href="#">Twitter <span class="twitter">Twitter</span></a></p>
<p><a href="#">My Profile <span class="account">My Account</span></a></p>
<p><a href="http://www.clintondevon.com">www.clintondevon.com</a></p>
</div>
</div>
</footer>
<script type="text/javascript">
var searchField = document.getElementById('search-field');
var originalValue = searchField.value;
searchField.onfocus = function() {
if( originalValue == searchField.value ) {
searchField.value = '';
}
};
searchField.onblur = function() {
if (searchField.value == '' ) {
searchField.value = 'Search...';
}
};
</script>
</body>
</html>