<html>

<head>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" >
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <style>
    body#LoginForm {
      background-image: url("<?php echo base_url() ?>assets/img/s2.jpg");
       background-repeat: no-repeat;
       background-position: center; 
      background-size: cover;
       padding: 10px; 

    }

    .form-heading {
      color: #fff;
      font-size: 23px;
    }

    .panel h2 {
      color: #444444;
      font-size: 18px;
      margin: 0 0 8px 0;
    }

    .panel p {
      color: #777777;
      font-size: 14px;
      margin-bottom: 30px;
      line-height: 24px;
    }

    .login-form .form-control {
      background: #f7f7f7 none repeat scroll 0 0;
      border: 1px solid #d4d4d4;
      border-radius: 7px;
      font-size: 14px;
      height: 50px;
      line-height: 50px;
    }

    .main-div {
      background: #b9a0a05c;
      border-radius: 1px;
      margin: 10px auto 30px;
      max-width: 100%;
      padding: 50px 70px 70px 71px;

    }

    .main-di {
      background: #f3e4e45c;
      border-radius: 1px;
      margin: 10px auto 30px;
      max-width: 100%;
      padding: 50px 70px 70px 71px;
      height: 92%;
    }

    .login-form .form-group {
      margin-bottom: 10px;
    }

    .login-form {
      text-align: center;
    }

    .forgot a {
      color: #777777;
      font-size: 14px;
      text-decoration: underline;
    }

    .login-form .btn.btn-warning {
      border-color: #f0ad4e;
      color: #ffffff;
      font-size: 14px;
      width: 100%;
      height: 50px;
      line-height: 50px;
      padding: 0;
      font-weight: 700;
    }

    .forgot {
      text-align: left;
      margin-bottom: 30px;
    }

    .botto-text {
      color: #ffffff;
      font-size: 14px;
      margin: auto;
    }

    .login-form .btn.btn-warning.reset {
      background: #ff9900 none repeat scroll 0 0;
    }

    .back {
      text-align: left;
      margin-top: 10px;
    }

    .back a {
      color: #444444;
      font-size: 13px;
      text-decoration: none;
    }
  </style>
</head>

<body id="LoginForm">
  <div class="container">
    <div class="row" style="margin-top:90px">
      <div class="col-sm-6">
        <div class="login-form">
          <div class="main-di" style="padding-bottom:0px;margin-bottom:0px;">
            <img src="<?php echo base_url(); ?>assets/img/logo.gif" style="height:309px;border-radius:5px;" ><br>
            <h5 style="color: #01103e;text-transform: uppercase;margin-left: 1%;margin-top:3%;"><b>bright technologies, chennai</b></h5>
            <h6 style="color: #01103e;text-transform: uppercase;margin-left: 1%;"><b></b> <i class="fa fa-phone-square"></i>&nbsp;&nbsp;<b>875 444 0566</b> </h6>
         </div>
        </div>
      </div>
      <div class="panel">
      </div>
      <div class="col-sm-6" style="margin-left: -31px;">
        <div class="login-form">
          <div class="main-div">

            <div class="panel">
              <div class="logo-src" style="margin-right: 19px;">
                <i class="fas fa-handshake" style="font-size:48px;margin-top:-11px;margin-left:-160px;color:white"></i>
                <span style="position: absolute;margin-left: 8px;font-size: 26px;margin-top: -9px;font-weight: 500;color:white">&nbsp;&nbsp;BRIGHT ECS</span>

              </div><br>
              <h4 style="text-align: center;color:white;text-transform:uppercase">Login</h4><br>
            </div>
                 
           
          
            <form method="post" action="<?php echo base_url() ?>index.php/Member/identify">
              <div class="form-group">
              <input type="text"  name="name" class="form-control" placeholder="Userame" required>
              </div>

              <div class="form-group">

              <input type="text"  name="pass" class="form-control" placeholder="Password" required>
              </div>
              <div class="forgot">

              </div>
              <input class="btn btn-warning" style="background-color:#01103e; color:white" type="submit" value="Submit">
            </form>
          </div>

        </div>
      </div>
    </div>
  </div>
  </div>

</body>

</html>