<!DOCTYPE html>
<html lang="en">
<head>
<base href="" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap-select.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap-hacks.css" rel="stylesheet" type="text/css" />
<link href="css/google-code-prettify.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.qtip.min.css" rel="stylesheet" type="text/css" />
<link href="css/mktree.css" rel="stylesheet" type="text/css" />
<link href="css/sprite.css" rel="stylesheet" type="text/css" />
<link href="css/flags.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/google-code-prettify.js"></script>
<title>Observium :: Network Observation and Monitoring</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="content-language" content="en-us" />
<meta http-equiv="refresh" content="300" />
<link rel="shortcut icon" href="images/observium-icon.png" />
</head><body>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="well" style="padding: 50px; background-image: url('/images/login-hamster-large.png'); background-position: left 10px top -65px; background-repeat: no-repeat;">
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-9">
<form action="" method="post" name="logonform" class="form-horizontal">
<fieldset>
<div class="control-group">
<div class="controls">
<h3>Please log in:</h3>
</div>
</div>
<div class="control-group">
<label class="control-label" for="username">Username</label>
<div class="controls">
<input type="text" class="input-xlarge" id="username" name="username">
</div>
</div>
<div class="control-group">
<label class="control-label" for="password">Password</label>
<div class="controls">
<input type="password" class="input-xlarge" id="password" name="password">
</div>
</div>
<div class="control-group">
<label class="control-label" for="optionsCheckbox2"></label>
<div class="controls">
<label class="checkbox">
<input type="checkbox" id="remember" name="remember">
Remember my login on this computer
</label>
</div>
</div>
<div class="controls">
<button type="submit" class="btn-large btn">
<i class="icon-lock"></i>
Log in
</button>
</div>
</table>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
<div class=row><div class="col-md-6 col-md-offset-3"><div style="margin-top: 10px;text-align: center; font-weight: bold; color: #cc0000;">Unauthorised access or use shall render the user liable to criminal and/or civil prosecution.</div></div></div><script type="text/javascript">
<!--
document.logonform.username.focus();
// -->
</script>
</div>
</div>
. . .and the displayed results in a browser is: