<!doctype html>
<html>
<head>
<meta charset="utf-8">
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="css/mdb.min.css" rel="stylesheet" >
	<link href="css/custom.css" rel="stylesheet" >
	<title>Jubilant Login</title>
	
</head>

<body class="login-bg">
	
	<?php include('include/header.php');?>
	
	<div class="page-content">	
		
		
		<!-- end page title --> 
		<div class="content">
			 <!-- Start Content-->
        	<div class="container"> 

					<div class="row">
						<div class="col-12">
							<div class="login-box">
								<div class="login-container">
									<div class="login-form">
										<form method="post" action="">
											<div class="row">
												<div class="col-md-12">
													<h5>Login</h5>
													<p>Welcome back! Log in to your account to view:</p>
												</div>
												 <div class="col-md-12">
													<div class="form-outline">
														<i class="fas fa-user trailing"></i>
													  <input type="text" class="form-control form-icon-trailing" id="username"  required />
													  <label for="username" class="form-label">Username/ Email</label>
													  <div class="invalid-feedback">Please enter your user name!</div>
													</div>
												  </div>
												  <div class="col-md-12">
													<div class="form-outline">
														<i class="fas fa-lock trailing"></i>
													  <input type="password" class="form-control form-icon-trailing" id="password" value="" required />
													  <label for="password" class="form-label">Password</label>
													  <div class="invalid-feedback">Please enter your password</div>
													</div>
												  </div>
												<div class="col-md-12">
													<div class="row gx-1">
														<div class="col-md-6">
															<div class="captcha-div">
																<div class="captcha-img">
																	<img src="https://lav.indevconsultancy.com/da/V3/include/captcha/image.php" alt="CAPTCHA" class="" id="captcha-img">
																</div>

																<a href="javascript:void(0);" class="btn btn-light shadow-0 reload-captcha" onclick="document.getElementById('captcha-img').src='https://lav.indevconsultancy.com/da/V3/include/captcha/image.php?'+Math.random()"><i class="fas fa-redo "></i></a>
															</div>
														</div>
														<div class="col-md-6">
															<div class="form-outline">
															 <input type="text" class="form-control" id="captcha" value=""/>
															 <label for="captcha" class="form-label">Enter Captcha</label>
															</div>
														</div>
													</div>
													
												</div>
												<div class="col-md-12 d-grid">
													<button class="btn btn-primary mt-2 btn-lg" type="submit">Submit</button>
												</div>
												<div class="col-md-12 text-center">
													<a href="#" class="forgot-pass">Forgot Password</a>
												</div>
												
												<div class="col-md-12 text-center">
													<div class="register_now">
														Don't have an account <a href="#">Register Now</a>
													</div>
													
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>

							 <!-- end card -->


							


						</div> <!-- end col -->

					</div><!-- end row -->
                        
              </div> <!-- container -->
		</div>
	</div>

	<?php include('include/footer.php');?>
	 <div class="cubes">
		  <div class="cube"></div>
		  <div class="cube"></div>
		  <div class="cube"></div>
		  <div class="cube"></div>
		  <div class="cube"></div>
		  <div class="cube"></div>
	  </div>
	
	
	
<script src="js/jquery-3.6.1.min.js"></script>	
<script src="js/mdbsnippet.min.js"></script>	
<script src="js/mdb.min.js"></script>
<script src="js/custom.js"></script>
<script>
	//alert('hi..');
	
</script>
</body>
</html>
