98 lines
5.5 KiB
HTML
98 lines
5.5 KiB
HTML
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
import 'bootstrap/dist/js/bootstrap.bundle.min.js';
|
|
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Yuri admin is super flexible, powerful, clean & modern responsive bootstrap 5 admin template with unlimited possibilities.">
|
|
<meta name="keywords" content="admin template, Yuri admin template, dashboard template, flat admin template, responsive admin template, web app">
|
|
<meta name="author" content="pixelstrap">
|
|
<link rel="icon" href="../assets/images/favicon.png" type="image/x-icon">
|
|
<link rel="shortcut icon" href="../assets/images/favicon.png" type="image/x-icon">
|
|
<title>Yuri - Premium Admin Template</title>
|
|
<!-- Google font-->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Nunito+Sans:ital,wght@0,300;0,400;0,700;0,800;0,900;1,700&display=swap" rel="stylesheet">
|
|
<!-- Font Awesome-->
|
|
<link rel="stylesheet" type="text/css" href="../assets/css/font-awesome.css">
|
|
<!-- ico-font-->
|
|
<link rel="stylesheet" type="text/css" href="../assets/css/vendors/icofont.css">
|
|
<!-- Themify icon-->
|
|
<link rel="stylesheet" type="text/css" href="../assets/css/vendors/themify.css">
|
|
<!-- Flag icon-->
|
|
<link rel="stylesheet" type="text/css" href="../assets/css/vendors/flag-icon.css">
|
|
<!-- Feather icon-->
|
|
<link rel="stylesheet" type="text/css" href="../assets/css/vendors/feather-icon.css">
|
|
<!-- Plugins css start-->
|
|
<!-- Plugins css Ends-->
|
|
<!-- Bootstrap css-->
|
|
<link rel="stylesheet" type="text/css" href="../assets/css/vendors/bootstrap.css">
|
|
<!-- App css-->
|
|
<link rel="stylesheet" type="text/css" href="../assets/css/style.css">
|
|
<!-- Responsive css-->
|
|
<link rel="stylesheet" type="text/css" href="../assets/css/responsive.css">
|
|
</head>
|
|
<body>
|
|
<!-- login page start-->
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-xl-7"><img class="bg-img-cover bg-center" src="../assets/images/login/2.jpg" alt="looginpage"></div>
|
|
<div class="col-xl-5 p-0">
|
|
<div class="login-card login-dark">
|
|
<div>
|
|
<div><a class="logo" href="index.html"><img class="img-fluid for-light" src="../assets/images/logo/logo.png" alt="looginpage"><img class="img-fluid for-dark" src="../assets/images/logo/logo_dark.png" alt="looginpage"></a></div>
|
|
<div class="login-main">
|
|
<form class="theme-form">
|
|
<h2>Sign in to account</h2>
|
|
<p class="f-m-light mt-1">Enter your email & password to login</p>
|
|
<div class="form-group">
|
|
<label class="col-form-label">Email Address</label>
|
|
<input class="form-control" type="email" required="" placeholder="Test@gmail.com">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label">Password</label>
|
|
<div class="form-input position-relative">
|
|
<input class="form-control" type="password" name="login[password]" required="" placeholder="*********">
|
|
<div class="show-hide"><span class="show"> </span></div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group mb-0">
|
|
<div class="checkbox p-0">
|
|
<input id="checkbox1" type="checkbox">
|
|
<label class="text-muted" for="checkbox1">Remember password</label>
|
|
</div>
|
|
<button class="btn btn-primary btn-block w-100" type="submit">Sign in</button>
|
|
</div>
|
|
<h6 class="text-muted mt-4 or">Or Sign in with</h6>
|
|
<div class="social mt-4">
|
|
<div class="btn-showcase"><a class="btn btn-light" href="https://www.linkedin.com/login" target="_blank"><i class="txt-linkedin" data-feather="linkedin"></i> LinkedIn </a><a class="btn btn-light" href="https://twitter.com/login?lang=en" target="_blank"><i class="txt-twitter" data-feather="twitter"></i>twitter</a><a class="btn btn-light" href="https://www.facebook.com/" target="_blank"><i class="txt-fb" data-feather="facebook"></i>facebook</a></div>
|
|
</div>
|
|
<p class="mt-4 mb-0 text-center">Don't have account?<a class="ms-2" href="sign-up.html">Create Account</a></p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- latest jquery-->
|
|
<script src="../assets/js/jquery.min.js"></script>
|
|
<!-- Bootstrap js-->
|
|
<script src="../assets/js/bootstrap/bootstrap.bundle.min.js"></script>
|
|
<!-- feather icon js-->
|
|
<script src="../assets/js/icons/feather-icon/feather.min.js"></script>
|
|
<script src="../assets/js/icons/feather-icon/feather-icon.js"></script>
|
|
<!-- scrollbar js-->
|
|
<!-- Sidebar jquery-->
|
|
<script src="../assets/js/config.js"></script>
|
|
<!-- Plugins JS start-->
|
|
<!-- Plugins JS Ends-->
|
|
<!-- Theme js-->
|
|
<script src="../assets/js/script.js"></script>
|
|
</div>
|
|
</body>
|
|
</html> |