
<!DOCTYPE html>
<html lang="en" class="h-100">
<head>
    <!-- Title -->
	<title>Register</title>
	<!-- Meta -->   
	<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 rel="stylesheet" href="../../../fonts.googleapis.com/css230c1.css?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0">
    <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 up</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">Username</label>
									  <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="username">
									</div>
									<div class="mb-3">
										<label for="exampleFormControlInput2" class="form-label mb-2 fs-13 label-color font-w500">Email address</label>
									  <input type="email" class="form-control" id="exampleFormControlInput2" placeholder="Email">
									</div>
									<div class="mb-3">
										<label for="exampleFormControlInput3" class="form-label mb-2 fs-13 label-color font-w500">Password</label>
									  <input type="password" class="form-control" id="exampleFormControlInput3" placeholder="Password">
									</div>
									<a href="javascript:void(0);" class="text-primary float-end mb-4">Forgot Password ?</a>
									<button type="submit" class="btn btn-block btn-primary">Sign me up</button>
									
								</form>
								<div class="new-account mt-3 text-center">
									<p class="font-w500">Already have an account? <a class="text-primary" href="<?= base_url('AuthController') ?>">Sign in</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>