165 lines
8.2 KiB
HTML
165 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
|
|
<meta content="IE=edge" http-equiv="X-UA-Compatible">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<meta content="Multipurpose, super flexible, powerful, clean modern responsive bootstrap 5 admin template"
|
|
name="description">
|
|
<meta content="admin template, ki-admin admin template, dashboard template, flat admin template, responsive admin template, web app"
|
|
name="keywords">
|
|
<meta content="la-themes" name="author">
|
|
<link href="../assets/images/logo/favicon.png" rel="icon" type="image/x-icon">
|
|
<link href="../assets/images/logo/favicon.png" rel="shortcut icon" type="image/x-icon">
|
|
|
|
<title>Sign Up | ki-admin - Premium Admin Template</title>
|
|
|
|
<!--font-awesome-css-->
|
|
<link href="../assets/vendor/fontawesome/css/all.css" rel="stylesheet">
|
|
|
|
<!-- Fonts -->
|
|
<link href="https://fonts.googleapis.com" rel="preconnect">
|
|
<link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
|
|
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap"
|
|
rel="stylesheet">
|
|
|
|
<!-- phosphor-icon css-->
|
|
<link href="../assets/vendor/phosphor/phosphor-bold.css" rel="stylesheet">
|
|
|
|
<!-- tabler icons-->
|
|
<link href="../assets/vendor/tabler-icons/tabler-icons.css" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Bootstrap css-->
|
|
<link href="../assets/vendor/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">
|
|
|
|
<!-- App css-->
|
|
<link href="../assets/css/style.css" rel="stylesheet" type="text/css">
|
|
|
|
<!-- Responsive css-->
|
|
<link href="../assets/css/responsive.css" rel="stylesheet" type="text/css">
|
|
|
|
</head>
|
|
|
|
<body class="sign-in-bg">
|
|
<div class="app-wrapper d-block">
|
|
<div class="main-container">
|
|
<!-- sign up start -->
|
|
<div class="container main-container">
|
|
<div class="row main-content-box">
|
|
<div class="col-lg-7 image-contentbox d-none d-lg-block">
|
|
<div class="form-container">
|
|
|
|
<div class="signup-content mt-4">
|
|
<span>
|
|
<img alt="" class="img-fluid " src="../assets/images/logo/1.png">
|
|
</span>
|
|
</div>
|
|
|
|
<div class="signup-bg-img">
|
|
<img alt="" class="img-fluid" src="../assets/images/login/02.png">
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5 form-content-box">
|
|
<div class="form-container">
|
|
<form class="app-form">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="mb-5 text-center text-lg-start">
|
|
<h2 class="text-white f-w-600">Create <span class="text-dark">Account</span></h2>
|
|
<p>Get Started For Free Today!</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-floating mb-3">
|
|
<input class="form-control" id="UserName" placeholder="Email Username"
|
|
type="text">
|
|
<label for="UserName">Username</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-floating mb-3">
|
|
<input class="form-control" id="email" placeholder="Enter Your Email"
|
|
required type="email">
|
|
<label for="email">Email</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-floating mb-3">
|
|
<input class="form-control" id="password" placeholder="Enter Your Password"
|
|
required
|
|
type="password">
|
|
<label class="form-label" for="password">Password</label>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-floating mb-3">
|
|
<input class="form-control" id="password1" placeholder="Enter Your Password"
|
|
required
|
|
type="password">
|
|
<label class="form-label" for="password1">Confirm Password</label>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-check d-flex align-items-center gap-2 mb-3">
|
|
<input class="form-check-input w-25 h-25" id="checkDefault" type="checkbox"
|
|
value="">
|
|
<label class="form-check-label text-white mt-2 f-s-16 text-dark"
|
|
for="checkDefault">
|
|
Accept Terms & Conditions
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="mb-3">
|
|
<a class="btn btn-primary w-100" href="index.html" role="button">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
|
|
<div class="text-center text-lg-start f-w-500">
|
|
Already Have A Account? <a class="text-white-800 text-decoration-underline" href="sign_in.html"> Sign in</a>
|
|
</div>
|
|
</div>
|
|
<div class="app-divider-v light justify-content-center py-lg-5 py-3">
|
|
<p>OR</p>
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<div class="d-flex gap-3 justify-content-center text-center">
|
|
<button class="btn btn-light-white icon-btn w-45 h-45 b-r-15 " type="button">
|
|
<i class="ph-bold ph-facebook-logo f-s-20"></i>
|
|
</button>
|
|
<button class="btn btn-light-white icon-btn w-45 h-45 b-r-15 " type="button">
|
|
<i class="ph-bold ph-google-logo f-s-20"></i>
|
|
</button>
|
|
<button class="btn btn-light-white icon-btn w-45 h-45 b-r-15 " type="button">
|
|
<i class="ph-bold ph-twitter-logo f-s-20"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- sign up end -->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- latest jquery-->
|
|
<script src="../assets/js/jquery-3.6.3.min.js"></script>
|
|
|
|
<!-- Bootstrap js-->
|
|
<script src="../assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |