<?php include 'header.php';?>

<div class="container-fluid h-100 login">
    <div class="row align-items-center h-100">
        <div class="col-8 mx-auto">
            <div class="jumbotron overflow-hidden my-auto p-0">
            	<div class="row">
	            	<div class="col-6 bg-theme">
	            		<div class="p-4 h-100">
	            			<div class="swiper-container">
						        <div class="swiper-wrapper">
						            <div class="swiper-slide">
						            	<div>
							            	<img src="images/banner_1.png" class="w-100" alt="image"> <br />
							            	<div class="txt-white mt-3 small">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
							            </div>
						            </div>
						            <div class="swiper-slide">
						            	<div>
							            	<img src="images/banner_2.png" class="w-100" alt="image"><br />
							            	<div class="txt-white mt-3 small">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div> 
							            </div>
						            </div>
						            <div class="swiper-slide">
						            	<div>
							            	<img src="images/banner_3.png" class="w-100" alt="image"> <br />
							            	<div class="txt-white mt-3 small">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
							            </div>
						            </div>
						        </div>
						        <div class="swiper-pagination"></div>
						    </div>
	            		</div>
		            </div>
	            	<div class="col-6 bg_white">
	            		<div class="px-4 py-5">
	            			<div class="text-right">
							 	<!-- Nav tabs -->
	            				<!-- <ul class="nav nav-tabs small justify-content-end">
								  <li class="nav-item">
								    <a class="nav-link active" data-toggle="tab" href="#SignIn">Sign In</a>
								  </li>
								  <li class="nav-item">
								    <a class="nav-link" data-toggle="tab" href="#SignUp">Sign Up</a>
								  </li>
								</ul> -->
							</div>
							<!-- Tab panes -->
							<div class="tab-content">
								<div class="tab-pane active container" id="SignIn">
									<h5 class="my-5 txt_black"><span class="active">Sign In</span><!--  or <span>Sign Up</span> --></h5>
									<form action="/action_page.php">
										<div class="form-group">
											<label for="email">Email address:</label>
											<input type="email" class="form-control" placeholder="Enter email" id="email">
										</div>
										<div class="form-group">
											<label for="pwd">Password:</label>
											<input type="password" class="form-control" placeholder="Enter password" id="pwd">
										</div>
										<div class="form-group form-check">
											<label class="form-check-label">
												<input class="form-check-input" type="checkbox"> Remember me
											</label>
										</div>
										<!-- <button type="submit" class="btn btn-primary mr-4">Submit</button>  --><a href="dashboard.php" class="btn btn-primary mr-4">Submit</a> <a href="#" class="forgot_pass">Forgot Password</a>
									</form> 
								</div>
								<!-- <div class="tab-pane container" id="SignUp">
									<h5 class="my-5 txt_black"><span>Sign In</span> or <span class="active">Sign Up</span></h5>
									<form action="/action_page.php">
										<div class="form-group">
											<label for="email">Email address:</label>
											<input type="email" class="form-control" placeholder="Enter email" id="email">
										</div>
										<div class="form-group">
											<label for="pwd">Password:</label>
											<input type="password" class="form-control" placeholder="Enter password" id="pwd">
										</div>
										<button type="submit" class="btn btn-primary">Submit</button>
									</form> 
								</div> -->
							</div> 
			                
			            </div>
		            </div>
		        </div>
            </div>
        </div>
    </div>
</div>

<?php include 'footer.php';?>
<script>
  	var swiper = new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
        renderBullet: function (index, className) {
          return '<span class="' + className + '">' + (index + 1) + '</span>';
        },
      },
    });
</script>