<style type="text/css">
	body
	{
		background-color:white;
	}
	div#banner { 
       top: 0; 
       left: 0; 
       margin-top: 50px;
       background-color: #043992; 
       width: 100%; 
       height: 100px;
     }
     div#banner-content { 
       width: 800px; 
       margin: 0 auto;
       padding: 40px; 
       text-align: center;
     }
     div#main-content { 
       padding-top: 70px;
       
    }

	button
	{
		background-color:white;
		border-color: #043992;
		color: black;
    	align: center;
    	margin-top: 10px;
    	margin-left: 150px;
    	text-align: center;
    	padding:10px 24px;
    	border-radius: 8px;

	}
	#inputEmail
	{
		height: 50px;
		width: 400px;
		border-color: #043992;
		border-width: 2px;
	}
	#inputPassword
	{
		height: 50px;
		width: 400px;
		border-color: #043992;
		border-width: 2px;
	}
	#headsign
	{
		color:#043992;
		margin-left: 160px;
	}
	div.container
	{
		position: center;
		margin-left: 38%;
		margin-top: 5%
			}
	#image
	{
		width: auto;
		height: auto;
		opacity: 0.2;
		margin-top: 100px;
		margin-left: 10px;
	}
	
</style>
<body>
<div id="banner">
    <div id="banner-content">
     <h3 style = "color:white;">Ateneo Integrated Student Information System</h3>
    </div>
  </div>
  <div id="main-content">
 
</div>
     <div class="container">

      <form class="form-signin">
        <h3 class="form-signin-heading" id ="headsign" >Log in</h3>
        <label for="inputEmail" class="sr-only">ID Numbers</label>
        <input type="number" id="inputEmail" class="form-control" placeholder="ID Number" required autofocus>
        <label for="inputPassword" class="sr-only">Password</label>
        <input type="password" style = "margin-top: 30px;" id="inputPassword" class="form-control" placeholder="Password" required>
       <a href = "/home"> <button type="submit" style = "margin-top: 30px; "> Sign in</button>
      </form>

    </div> <!-- /container -->
 


    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
    </div> <!-- /container -->

</body> 	