104 lines
5.0 KiB
HTML
104 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Logout | Hyper - Responsive Bootstrap 5 Admin Dashboard</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
|
|
<meta content="Coderthemes" name="author" />
|
|
|
|
<!-- App favicon -->
|
|
<link rel="shortcut icon" href="assets/images/favicon.ico">
|
|
|
|
<!-- Theme Config Js -->
|
|
<script src="assets/js/hyper-config.js"></script>
|
|
|
|
<!-- Vendor css -->
|
|
<link href="assets/css/vendor.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
<!-- App css -->
|
|
<link href="assets/css/app-saas.min.css" rel="stylesheet" type="text/css" id="app-style" />
|
|
|
|
<!-- Icons css -->
|
|
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
|
|
</head>
|
|
|
|
<body class="authentication-bg">
|
|
|
|
<div class="position-absolute start-0 end-0 start-0 bottom-0 w-100 h-100">
|
|
<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 800 800'>
|
|
<g fill-opacity='0.22'>
|
|
<circle style="fill: rgba(var(--ct-primary-rgb), 0.1);" cx='400' cy='400' r='600' />
|
|
<circle style="fill: rgba(var(--ct-primary-rgb), 0.2);" cx='400' cy='400' r='500' />
|
|
<circle style="fill: rgba(var(--ct-primary-rgb), 0.3);" cx='400' cy='400' r='300' />
|
|
<circle style="fill: rgba(var(--ct-primary-rgb), 0.4);" cx='400' cy='400' r='200' />
|
|
<circle style="fill: rgba(var(--ct-primary-rgb), 0.5);" cx='400' cy='400' r='100' />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
|
|
<div class="account-pages pt-2 pt-sm-5 pb-4 pb-sm-5 position-relative">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xxl-4 col-lg-5">
|
|
<div class="card">
|
|
|
|
<!-- Logo -->
|
|
<div class="card-header py-4 text-center bg-primary">
|
|
<a href="index.html">
|
|
<span><img src="assets/images/logo.png" alt="logo" height="22"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="card-body p-4">
|
|
|
|
<div class="text-center w-75 m-auto">
|
|
<h4 class="text-dark-50 text-center mt-0 fw-bold">See You Again !</h4>
|
|
<p class="text-muted mb-4">You are now successfully sign out.</p>
|
|
</div>
|
|
|
|
<div class="logout-icon m-auto">
|
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 161.2 161.2" enable-background="new 0 0 161.2 161.2" xml:space="preserve">
|
|
<path class="path" fill="none" stroke="#0acf97" stroke-miterlimit="10" d="M425.9,52.1L425.9,52.1c-2.2-2.6-6-2.6-8.3-0.1l-42.7,46.2l-14.3-16.4
|
|
c-2.3-2.7-6.2-2.7-8.6-0.1c-1.9,2.1-2,5.6-0.1,7.7l17.6,20.3c0.2,0.3,0.4,0.6,0.6,0.9c1.8,2,4.4,2.5,6.6,1.4c0.7-0.3,1.4-0.8,2-1.5
|
|
c0.3-0.3,0.5-0.6,0.7-0.9l46.3-50.1C427.7,57.5,427.7,54.2,425.9,52.1z" />
|
|
<circle class="path" fill="none" stroke="#0acf97" stroke-width="4" stroke-miterlimit="10" cx="80.6" cy="80.6" r="62.1" />
|
|
<polyline class="path" fill="none" stroke="#0acf97" stroke-width="6" stroke-linecap="round" stroke-miterlimit="10" points="113,52.8
|
|
74.1,108.4 48.2,86.4 " />
|
|
|
|
<circle class="spin" fill="none" stroke="#0acf97" stroke-width="4" stroke-miterlimit="10" stroke-dasharray="12.2175,12.2175" cx="80.6" cy="80.6" r="73.9" />
|
|
</svg>
|
|
</div> <!-- end logout-icon-->
|
|
|
|
</div> <!-- end card-body-->
|
|
</div> <!-- end card-->
|
|
|
|
<div class="row mt-3">
|
|
<div class="col-12 text-center">
|
|
<p class="text-muted">Back to <a href="pages-login.html" class="text-muted ms-1"><b>Log In</b></a></p>
|
|
</div> <!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
</div> <!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
</div>
|
|
<!-- end container -->
|
|
</div>
|
|
<!-- end page -->
|
|
|
|
<footer class="footer footer-alt">
|
|
2018 -
|
|
<script>document.write(new Date().getFullYear())</script> © Hyper - Coderthemes.com
|
|
</footer>
|
|
<!-- Vendor js -->
|
|
<script src="assets/js/vendor.min.js"></script>
|
|
|
|
<!-- App js -->
|
|
<script src="assets/js/app.min.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |