<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>

  <%=stylesheet_link_tag"/stylesheets/user/pass.scss"%>

  <nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href=""><img src="assets/ateneo.png"></a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">Login Page<span class="sr-only">(current)</span></a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="contactuslog">Contact Us</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>



  <br><br><br>

  <h3 class="Head">AISIS Login Page</h3>

</head>
<body>

<div class="container">

  <form class="form-signin">
    <h4 class="form-signin-heading">Please sign in:</h4>
    <br>
    <label for="inputID" class="sr-only">ID Number</label>
    <div class="IDbox">
    <input type="number" id="inputID" class="form-control" placeholder="ID Number" required autofocus>
    </div>
    <br>
    <label for="inputPassword" class="sr-only">Password</label>
    <div class="Passbox">
    <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
    </div>
    <div class="checkbox">
      <label>
        <div class="box">
        <input type="checkbox" value="remember-me"> Remember me
        </div>
      </label>
    </div>

    <br>
    <br>

    <a href="home">
    <div class="btnclass">
    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
    </a>
    </div>
  </form>

<br>

<p>Forgot your password? Students/Parents may request for a new password at OMIS. <br>
  Non-students (faculty and staff), please contact your department secretary.</p>

</div>

</body>
</div>
</html>