<style>
  
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
body {
  background: url(<?php echo base_url() ?>images/student.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #7aa344;
  font-family: 'Open Sans', sans-serif;
}
.login { width: 400px; margin: 100px 200px;font-size: 16px;}
/* 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: 12px solid transparent;border-bottom-color: #28d;}
.login-header {background: #28d;padding: 20px;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: 12px;}
.login input {box-sizing: border-box;display: block;width: 100%;border-width: 1px;border-style: solid;padding: 16px;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: #28d;border-color: transparent;color: #fff;cursor: pointer;}
.login input[type="submit"]:hover {background: #17c;}
/* Buttons' focus effect */
.login input[type="submit"]:focus {border-color: #05a;}
@media all and (max-width:450px){
.login {width: 95%;}
}


</style>



<div class="container">
    <div class="row">
        <div class="login">
  <div class="login-triangle"></div>
  
  <h2 class="login-header">Student Portal</h2>

  <form action="<?php echo base_url(); ?>Portal/Puser/plogin" method="post" class="login-container">
    <p><input name="username" type="text" placeholder="GR Number" required></p>
    <p><input name="password" type="password" placeholder="Password" required></p>
    <p><input name="submit" type="submit" value="Log in"></p>
  </form>
</div>
    </div>
</div>