<div class="bg-page py-5">
  <div class="container-fluid" >
    <div class="head-title">
      <h1 >Login</h1>
    </div>
      
     <div class="w3layouts-main">
            <div class="w3ls-form">

                
<form id="frmLogin" name="frmLogin" method="GET" action="#" onsubmit="return false">                   
    <label style="color:red"> </label>
                    <div class="email-w3ls">
                        <input data-val="true" type="email" data-val-required="Please Enter Username" id="txtfname" name="USERNAME" placeholder="Enter UserName" type="text" value="" required>
                        <span class="field-validation-valid" data-valmsg-for="USERNAME" data-valmsg-replace="true"></span>
                        <span class="icon1"><i class="fa fa-user" aria-hidden="true"></i></span>
                    </div>
                    <div class="w3ls-password">
                        <input data-val="true" type="password" data-val-required="Please Enter Password" id="txtpasword" name="MPWD" placeholder="Enter Password" type="password" required>
                        <span class="field-validation-valid" data-valmsg-for="MPWD" data-valmsg-replace="true"></span>
                        <span class="icon3"><i class="fa fa-lock" aria-hidden="true"></i></span>
                    </div>
                    <span><input type="checkbox">Remember Me</span>
                    <h6><a href="#myModal" data-toggle="modal" data-target="#myModal">Forgot Password?</a></h6>
                    <div class="clear"></div>
                    <input type="submit" value="SIGN IN" name="login">
</form>            </div>
            <div class="w3ls-bottom">
                <p>Don't Have an Account ?<a href="<?php echo SITEURL?>/register">Sign Up Now</a></p>
            </div>
        </div>
      <!--<div class="row">
        <div class="col-md-3"> </div>
        <div class="col-md-6">
          <div class="login">
            <form id="frmLogin" name="frmLogin" method="GET" action="#" onsubmit="return false">
              <div class="form-group">
                <label>User Name</label>
                <input type="text" class="form-control" id="uname" name="uname" placeholder="Enter Username" style="height:40px;" required>
              </div>
              <div class="form-group">
                <label>Password</label>
                <input type="password" class="form-control" id="pwd" name="pwd" placeholder="Password" style="height:40px;"required>
              </div>
              <div class="d-sm-flex justify-content-between">
                <div class="form-check col-md-6 text-sm-left text-center">
                  <button type="submit" class="btn btn-primary cls-btn-login" style="width: 100px;height: 40px;">Login</button>
                </div>
                <div class="forgot col-md-6 text-sm-right text-center"> <a href="#myModal" data-toggle="modal" data-target="#myModal">forgot password?</a> </div>
              </div>
              
            </form>
            <center>
              <b>
              <p class="" style="margin-top: 70px;">Don't have an account <a href="<?php echo SITEURL?>/register">Create an account</a> </p>
              </b>
            </center>
          </div>
        </div>
        <div class="col-md-3"> </div>
      </div>-->
  </div>
</div>

<!--model-->
<div class="modal fade" id="myModal" role="dialog">
  <div class="modal-dialog"> 
    
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header" style="background-color:turquoise;color:white;">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Forget Password</h4>
      </div>
      <div class="modal-body">
        <form class="login-form">
          <div class="form-group">
            <input type="text" class="form-control" placeholder="Enter Mobile Number">
          </div>
          <div class="form-check">
            <button type="submit" class="btn btn-danger">Submit</button>
          </div>
        </form>
      </div>
      <div class="modal-footer" style="background-color:turquoise;color:white;">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
