Files
MercuryCloud_Dashboard/dashboard/auth/lock-screen.html
2022-08-30 22:48:15 +02:00

122 lines
5.9 KiB
HTML

<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mercury Cloud | Responsive Bootstrap 5 Admin Dashboard Template</title>
<!-- Favicon -->
<link rel="shortcut icon" href="../../assets/images/favicon.ico" />
<!-- Library / Plugin Css Build -->
<link rel="stylesheet" href="../../assets/css/core/libs.min.css" />
<!-- Mercury Cloud Design System Css -->
<link rel="stylesheet" href="../../assets/css/dashboard.css?v=1.2.0" />
<!-- Custom Css -->
<link rel="stylesheet" href="../../assets/css/custom.min.css?v=1.2.0" />
<!-- Dark Css -->
<link rel="stylesheet" href="../../assets/css/dark.min.css"/>
<!-- Customizer Css -->
<link rel="stylesheet" href="../../assets/css/customizer.min.css" />
<!-- RTL Css -->
<link rel="stylesheet" href="../../assets/css/rtl.min.css"/>
</head>
<body class=" " data-bs-spy="scroll" data-bs-target="#elements-section" data-bs-offset="0" tabindex="0">
<!-- loader Start -->
<div id="loading">
<div class="loader simple-loader">
<div class="loader-body"></div>
</div> </div>
<!-- loader END -->
<div class="wrapper">
<section class="login-content">
<div class="row m-0 align-items-center bg-white vh-100">
<div class="col-md-6 p-0">
<div class="card card-transparent auth-card shadow-none d-flex justify-content-center mb-0">
<div class="card-body">
<a href="../../dashboard/index.html" class="navbar-brand d-flex align-items-center mb-3">
<!--Logo start-->
<svg width="30" class="" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)" fill="currentColor"/>
<rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)" fill="currentColor"/>
<rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)" fill="currentColor"/>
<rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)" fill="currentColor"/>
</svg>
<!--logo End--> <h4 class="logo-title ms-3">Mercury Cloud</h4>
</a>
<img src="../../assets/images/avatars/01.png" class="rounded avatar-80 mb-3" alt="">
<h2 class="mb-2">Hi ! Ruben Dokidis</h2>
<p>Enter your password to access the admin.</p>
<form>
<div class="row">
<div class="col-lg-12">
<div class="floating-label form-group">
<label for="password" class="form-label">Password</label>
<input type="password" class="form-control" id="password" aria-describedby="password" placeholder=" ">
</div>
</div>
</div>
<button type="submit" class="btn btn-primary">Login</button>
</form>
</div>
</div>
<div class="sign-bg">
<svg width="280" height="230" viewBox="0 0 431 398" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.05">
<rect x="-157.085" y="193.773" width="543" height="77.5714" rx="38.7857" transform="rotate(-45 -157.085 193.773)" fill="#3B8AFF"></rect>
<rect x="7.46875" y="358.327" width="543" height="77.5714" rx="38.7857" transform="rotate(-45 7.46875 358.327)" fill="#3B8AFF"></rect>
<rect x="61.9355" y="138.545" width="310.286" height="77.5714" rx="38.7857" transform="rotate(45 61.9355 138.545)" fill="#3B8AFF"></rect>
<rect x="62.3154" y="-190.173" width="543" height="77.5714" rx="38.7857" transform="rotate(45 62.3154 -190.173)" fill="#3B8AFF"></rect>
</g>
</svg>
</div>
</div>
<div class="col-md-6 d-md-block d-none bg-primary p-0 mt-n1 vh-100 overflow-hidden">
<img src="../../assets/images/auth/04.png" class="img-fluid gradient-main animated-scaleX" alt="images">
</div>
</div>
</section>
</div>
<!-- Library Bundle Script -->
<script src="../../assets/js/core/libs.min.js"></script>
<!-- External Library Bundle Script -->
<script src="../../assets/js/core/external.min.js"></script>
<!-- Widgetchart Script -->
<script src="../../assets/js/charts/widgetcharts.js"></script>
<!-- mapchart Script -->
<script src="../../assets/js/charts/vectore-chart.js"></script>
<script src="../../assets/js/charts/dashboard.js" ></script>
<!-- fslightbox Script -->
<script src="../../assets/js/plugins/fslightbox.js"></script>
<!-- Settings Script -->
<script src="../../assets/js/plugins/setting.js"></script>
<!-- Slider-tab Script -->
<script src="../../assets/js/plugins/slider-tabs.js"></script>
<!-- Form Wizard Script -->
<script src="../../assets/js/plugins/form-wizard.js"></script>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
</html>