<link rel="icon" href="<?php echo base_url() ?>assets/images/favicon.jpg" type="image/gif" sizes="16x16">
<link href="<?php echo base_url() ?>assets/css/bootstrap.css" rel="stylesheet">
<style>
  
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
body {
  background: url(assets/images/IMG-20200309-WA0002.jpg); 
  background-color : #080808;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Open Sans', sans-serif;
}

/* Reset top and bottom margins from certain elements */
.login-header,.login p { margin-top: 0;margin-bottom: 0;}
/* The triangle form is achieved by a CSS hack */
.login-triangle {width: 0;margin-right: auto;margin-left: auto;border: 5px solid transparent;border-bottom-color: #cedfef;background: #5F5E5C;}
.login-header {background: #cedff1;padding: 10px;font-size: 1.4em;font-weight: normal;text-align: center;text-transform: uppercase;color: #fff;}
.login-container {background: #ebebeb;padding: 12px;}
/* Every row inside .login-container is defined with p tags */
.login p {padding: 8px;}
.login input {box-sizing: border-box;display: block;width: 100%;border-width: 1px;border-style: solid;padding: 10px;outline: 0;font-family: inherit;font-size: 0.95em;}
.login input[type="email"],.login input[type="password"] {background: #fff;border-color: #bbb;color: #555;}
/* Text fields' focus effect */
.login input[type="email"]:focus, .login input[type="password"]:focus {  border-color: #888;}
.login input[type="submit"] {background: ##5F5E5C;border-color: transparent;color: #fff;cursor: pointer; }
.login input[type="submit"]:hover {background: #5F5E5C;}
.login input[type="submit"]:active {background: #5F5E5C;}
/* Buttons' focus effect */
.login input[type="submit"]:focus {border-color: #5F5E5C;}

@media all and (max-width:450px){
.login {width: 100%;}
}

</style>


  <div class="row">
    <div class="container" >
         <div class="login col-lg-4 col-md-4 col-xs-12" style="margin-top:20px;"></div>
          <div class="login col-lg-4 col-md-4 col-xs-12" style="margin-top:15%;">
              <h2 class="login-header" style="background:#028482;">Student Portal</h2>
              <form action="<?php echo base_url(); ?>user/login" method="post" class="login-container">
                <p><input name="username" type="text" placeholder="Username" required></p>
                <p><input name="password" type="password" placeholder="Password" required></p>
                <p><input name="submit" type="submit" value="Log in" style="background:#028482;"></p>
              </form>
           </div>
           <div class="login col-lg-4 col-md-4 col-xs-12" style="margin-top:20px;"></div>
        </div>
    </div>
</div>

</body>
