<!DOCTYPE html>
<html lang="en" class="h-100">



<head>
	<!-- Title -->
	<title>Login ACJ</title>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">


	<!-- Mobile Specific -->
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Favicon icon -->
	<link rel="icon" type="image/png" sizes="16x16" href="<?= base_url('') ?>assets/images/favicon.png">
	<link href="<?= base_url('') ?>assets/css/style.css" rel="stylesheet">

	<style>
		.login-image {
			height: 400px !important;
			width: 409px;
			margin-left: 65px;
		}
		.college-heading{
			margin-top: -75px !important;
    margin-right: -473px;
		}

		.tab-content {

			margin-left: -202px !important;
			margin-top: -300px !important;
		}
	</style>

</head>


<body class="body  h-100">
	<div class="authincation d-flex flex-column flex-lg-row flex-column-fluid">
		<div class="login-aside text-center  d-flex flex-column flex-row-auto">
			<div class="d-flex flex-column-auto flex-column pt-lg-40 pt-15">
				
				<!-- <h3 class="mb-2 text-white">Welcome back!</h3> -->
				<h1 class="mb-4">Asian College </h1>
				<h1 class="mb-4 college-heading">of Journalism </h1>
			</div>

			<img src="<?php echo base_url(); ?>assets/images/asian_logo.jpg" alt="" width="330px" class="login-image">
			
			<div class="aside-image position-relative" style="background-image:url(<?= base_url('') ?>assets/images/background/pic-2.png);">
			
				<img class="img1 move-1" src="<?= base_url('') ?>assets/images/background/pic3.png" alt="">
				<img class="img2 move-2" src="<?= base_url('') ?>assets/images/background/pic4.png" alt="">
				<img class="img3 move-3" src="<?= base_url('') ?>assets/images/background/pic5.png" alt="">

			</div>
		</div>
		<div class="container flex-row-fluid d-flex flex-column justify-content-center position-relative overflow-hidden p-7 mx-auto">
			<div class="d-flex justify-content-center h-100 align-items-center">
				<div class="authincation-content style-2">
					<div class="row no-gutters">
						<div class="col-xl-12 d-flex tab-content">
							<div class="col-md-8" >
							</div>
							<div style=" border:1px solid grey;" id="sign-up" class="auth-form tab-pane fade show active  form-validation col-md-11 ">
								<form action="<?= base_url("login") ?> " method="post">
									<div class="text-center mb-4">
										<h3 class="text-center mb-2 text-black">Sign In</h3>
										<!-- <span>Your Social Campaigns</span> -->
									</div>

									<div class="mb-3">
										<label for="exampleFormControlInput1" class="form-label mb-2 fs-13 label-color font-w500">Email Id</label>
										<input type="text" name="email" class="form-control" id="email">
									</div>
									<div class="mb-3">
										<label for="exampleFormControlInput1" class="form-label mb-2 fs-13 label-color font-w500">Password</label>
										<input type="password" name="password" class="form-control" id="password">
									</div>
									<a href="<?= base_url('AuthController/forget') ?>" class="text-primary float-end mb-4">Forgot Password ?</a>
									<button class="btn btn-block btn-primary">Sign In</button>

								</form>
								<div class="new-account mt-3 text-center">
									<!-- <p class="font-w500">Don't have an account? <a class="text-primary" href="<?= base_url('AuthController/register') ?>" data-toggle="tab">Sign Up</a></p> -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


	<!--**********************************
	Scripts
***********************************-->
	<!-- Required vendors -->
	<script src="<?= base_url('') ?>assets/vendor/global/global.min.js"></script>
	<script src="<?= base_url('') ?>assets/js/custom.min.js"></script>
	<script src="<?= base_url('') ?>assets/js/dlabnav-init.js"></script>
</body>


</html>