
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">

  
<!--<title>Mantrimall</title>-->
<link rel="shortcut icon" type="image/png" href="assets/img/image/mylogo.png"/>
<link rel="stylesheet" href="assets/css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="Bitter Mobile Template">
<meta name="keywords" content="bootstrap, mobile template, bootstrap 4, mobile, html, responsive" />

<style>
body{
       background-image: url(assets/img/login_bg.fdbcb178.png) !important;
    background-repeat: no-repeat;
    background-size: cover;

    }
    .btn { background-color: var(--background-color);
    border-radius: 5px 5px 5px 5px;
    border: 0.5px solid white;
    color: white;
    transition: 0.5s;
    
}
    .left-addon input {
    padding-left: 62px;
    border-radius: 29px;
        height:44px;
    }
    .nmj{text-align: center;
    margin-top: 7%;
    font-size: 40px;
    color: #fff;}
    
    .btn{padding:0 81px;}
    .inner-addon {
    position: relative;
    margin-bottom: 38px;
}
#appCapsule {
    padding: 120px 0;
} 

@media only screen and (max-width: 600px) {
 #appCapsule {
    padding: 180px 0;
} 
}
</style>
</head>

<body>


<!-- * Page loading --> 

<!-- App Header -->

<div class="appHeader1" style="background-color:var(--background-color) !important;">
<div class="left">
            <a href="#" onClick="goBack();" class="icon goBack">
                <i class="icon ion-md-arrow-back"></i>
            </a>
            <div class="pageTitle">Login</div>
        </div>
 
 
</div>

<!-- * App Header --> 
<!-- App Capsule -->
<div id="appCapsule">
  <div class="appContent1">
      
<h3 style="text-align: center;margin-top:7%;font-size:26px; color:#fff;">Login</h3>
    <form method="post" action="login_now.php" style="margin:20px;">
      <div class="inner-addon left-addon">
      <i class="icon ion-md-phone-portrait"></i>
        <input type="text" id="mobile" name="mobile" class="form-control" placeholder="Please enter the mobile number"   maxlength="10">
      </div>
      <div class="inner-addon left-addon">
      <i class="icon ion-md-key"></i>
        <input type="password" id="password" name="password" class="form-control" placeholder="Please enter password">
      </div>
     <div>
      <div class="text-center mt-3">
          <input type="submit" style="color:#fff;border:none;" class="btn btn-light" name="submit"  value="Login" >
                                      
        </div>
        <div class="text-center mt-2">
            <p style="color:#fff;"> <a href="signup.php" style="color:#fff;">Signup </a> | <a href="forgot-password.php">Forget password</a>  </p>
            <p></p>
      
        </div>
      </div>
    </form>
  </div>
</div>
<!-- appCapsule -->

<!--<div class="appBottomMenu">-->
<!--  <div class="item "> <a href="index.php">-->
<!--    <p> <i class="icon ion-md-home"></i> <span>Home</span> </p>-->
<!--    </a> </div>-->
<!--  <div class="item "> <a href="promotion.php">-->
<!--    <p><i class="icon ion-md-grid"></i> <span>Team</span> </p>-->
<!--    </a> </div>-->
<!--     <div class="item active"> <a href="login.php" class="icon toggleSidebar">-->
<!--    <p> <i class="icon ion-md-person"></i> <span>My </span> </p>-->
<!--    </a> </div>-->
<!--    </div>-->
    
    <div id="registertoast" class="modal fade" role="dialog">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content ">
      <div class="modal-body">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
       <span aria-hidden="true">×</span></button>
        <div class="text-center" id="regtoast">          
        </div>
      </div>
    </div>
  </div>
</div>
<script src="assets/js/lib/jquery-3.4.1.min.js"></script> 
<!-- Bootstrap--> 
<script src="assets/js/lib/popper.min.js"></script> 
<script src="assets/js/lib/bootstrap.min.js"></script> 
<!-- Owl Carousel --> 
<script src="assets/js/plugins/owl.carousel.min.js"></script> 
<!-- Main Js File --> 
<script src="assets/js/app.js"></script>
<script src="assets/js/jquery.validate.min.js"></script>
<script src="assets/js/account.js"></script>

</body>
</html>