"Admissions Login"
Bootstrap 3.1.0 Snippet by drewmcduah

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <div class="container"> <div class="row"> <img style="margin-top:-10px;"class="pull-left" src="https://sierra.uah.edu:9021/wtlgifs/uah-logo10-1.jpg" alt="UAH"/> <p style="margin:14px 20px 0 0;" class="pull-right"> <a href="http://www.uah.edu/oit/getting-started/for-students/67-main/its/666-campus-ids" accesskey="H" onclick="popup = window.open('http://www.uah.edu/oit/getting-started/for-students/67-main/its/666-campus-ids', 'PopupPage','height=500,width=450,scrollbars=yes,resizable=yes'); return false" target="_blank" onmouseover="window.status=''; return true" onmouseout="window.status=''; return true" onfocus="window.status=''; return true" onblur="window.status=''; return true" class="submenulinktext2"><i class="fa fa-question-circle"></i> Help</a>  |   <a href="bwskalog.p_displogoutnon" accesskey="3" class="submenulinktext2"><i class="fa fa-sign-out"></i> Exit</a></p> </div> <div class="omb_login"> <div class="row omb_row-sm-offset-3"> <div class="col-xs-12 col-sm-6 col-sm-offset-3"> <h1>Admissions Login</h1> <form class="omb_loginForm" action="" autocomplete="off" method="POST"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user"></i></span> <input type="text" class="form-control" name="in_id" maxlength="9" id-"login_id" placeholder="Login ID"> </div> <span class="help-block"></span> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock"></i></span> <input type="password" class="form-control" name="pin" maxlength="6" id="pin_id"placeholder="PIN"> </div> <span class="help-block">Password error</span> <p></p><button class="btn btn-lg btn-primary btn-block" type="submit">Login</button></p> </form> <div class="well"> <div class="row"> <div class="col-sm-6 first-time"> <h2>First time users </h2> <p> <a class="btn btn-default" href="#">Create an account</a> </p> </div> <div class="col-sm-6 tips"> <h2>Tips </h2> <p><a target="_blank" href="http://www.uah.edu/admissions/apply/app-instructions/online-guide">Application instructions</a></p> <p><a target="_blank" href="http://register.uah.edu/ugintlinstructions.pdf">Application instructions for international students</a></p> </div> </div> </div> </div> </div> </div> <p class="text-center small"><span class="releasetext">Release: 8.5.1.2</span></p> </div>
.omb_login .omb_loginForm .input-group.i { width: 2em; } .omb_login .omb_loginForm .help-block { color: red; } h2 { color:#333; } .btn-primary { background-color:#0077c8; } .first-time h2 { margin-top:0; } .first-time { border-bottom: 1px solid #ccc; } .tips *, .first-time * { text-align:center; } @media (min-width: 768px) { .omb_login .omb_forgotPwd { text-align: right; margin-top:10px; } .first-time { border-bottom:0; } .tips { border-left: 1px solid #ccc; } .first-time h2, .first-time p { text-align:center; } .tips h2, .tips p { text-align:center; } .tips h2 { margin-top:0; } }

Related: See More


Questions / Comments: