Added sussed mockup

graingert · Dec 1, 2011 · 901fb0d · 901fb0d
1 parent 8209de9
commit 901fb0d
Showing 1 changed file with 77 additions and 0 deletions.
diff --git a/SUSSED/index.html b/SUSSED/index.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en" class="no-js">
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+	<title>Southampton University Intranet</title>
+
+	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
+	<meta name="apple-mobile-web-app-capable" content="yes" />
+	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
+
+	<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
+
+	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
+</head>
+<body>
+
+	<!-- NAVIGATION -->
+	<div class="topbar">
+		<div class="topbar-inner">
+			<div class="container">
+
+				<h3>
+					<a href="index.html">Intranet</a>
+				</h3>
+
+				<ul class="nav">
+				</ul>
+
+				<ul class="nav secondary-nav">
+					<li class="dropdown" data-dropdown="dropdown">
+						<a href="#" class="dropdown-toggle">John Smith</a>
+						<ul class="dropdown-menu">
+
+							<li><a href="#">Student Records</a></li>
+							<li><a href="#">Settings</a></li>
+							<li class="divider"></li>
+							<li><a href="#">Log Out</a></li>
+						</ul>
+					</li>
+				</ul>
+
+
+				<form action="" class="pull-right">
+	            	<input class="input" type="text" placeholder="Search...">
+	          	</form>
+			</div>
+		</div>
+	</div>
+
+	<!-- CONTENT -->
+	<div class="wrapper">
+		<div class="container" style="margin-top:60px;">
+			<a class="btn large danger" href="#">Change Password</a>
+		</div>
+
+
+		<div class="push" style="clear:both;"></div>
+	</div>
+
+
+	<!-- FOOTER -->
+	<footer class="footer">
+	  <div class="container">
+	    <p class="pull-right">© University of Southampton 2011</p>
+	    <p>
+	      This is a footer
+	      <small><a href="/about">more...</a></small>
+
+	    </p>
+	  </div>
+	</footer>
+
+
+</body>
+</html>