<!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">
	
</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">
				<div class="text-center mb-lg-4 mb-2 pt-5 logo">
					<img src="<?= base_url('') ?>assets/images/logo-white.png" alt="">
				</div>
				<h3 class="mb-2 text-white">Welcome back!</h3>
				<p class="mb-4">User Experience & Interface Design <br>Strategy SaaS Solutions</p>
			</div>
			<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 tab-content">
							<div id="sign-up" class="auth-form tab-pane fade show active  form-validation">
								<form action="https://akademi.dexignlab.com/codeigniter/demo/index">
									<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 address</label>
									  <input type="email" class="form-control" id="exampleFormControlInput1" value="hello@example.com">
									</div>
									<div class="mb-3">
										<label for="exampleFormControlInput1" class="form-label mb-2 fs-13 label-color font-w500">Password</label>
									  <input type="password" class="form-control" id="exampleFormControlInput2" value="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>