You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
2.9 KiB
89 lines
2.9 KiB
<!doctype html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<link rel="icon" href="assets/img/logo/logoHSE.png"> |
|
<title>Login Page HSE | Geonet Infomedia</title> |
|
|
|
<!-- Bootstrap CSS --> |
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet" > |
|
|
|
<!-- CSS --> |
|
<link rel="stylesheet" href="assets/css/style.css"> |
|
|
|
<!-- Icons --> |
|
<script src="https://kit.fontawesome.com/6949d15862.js" crossorigin="anonymous"></script> |
|
|
|
</head> |
|
<body> |
|
|
|
<!-- Login Start --> |
|
<a href="index.html"><img class="img-login" src="assets/img/login.jpg" alt="" width="500px"></a> |
|
|
|
<div class="button-home"> |
|
<div class="button-item"> |
|
<a class="click-home" href="index.html" role="button"><i class="fa-solid fa-house fa-xl"></i></a> |
|
</div> |
|
</div> |
|
|
|
|
|
|
|
<div class="login-container"> |
|
<div class="grid-container"> |
|
<div class="form-container"> |
|
<div class="item-login"> |
|
<h2>Welcome Back!</h2> |
|
<h5>Login to Continue</h5> |
|
<div class="container-login-form"> |
|
<div class="login-form"> |
|
<form action="" method="post"> |
|
<ul> |
|
<li> |
|
<label for="username"><i class="fa-solid fa-user"></i> HSE Account :</label> |
|
<input type="text" name="username" id="username" placeholder="Username"> |
|
</li> |
|
<li> |
|
<label for="password"><i class="fa-solid fa-key"></i> Password :</label> |
|
<input type="password" name="password" id="password" placeholder="Password"> |
|
</li> |
|
</ul> |
|
<a type="button" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Lupa Password?</a> |
|
<button class="btn btn-primary" type="submit">Login</button> |
|
</form> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- Login Finish --> |
|
|
|
|
|
|
|
|
|
<!-- Modal Lupa Password --> |
|
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> |
|
<div class="modal-dialog modal-dialog-centered"> |
|
<div class="modal-content"> |
|
<div class="modal-header"> |
|
<h1 class="modal-title fs-5" id="staticBackdropLabel">Lupa Password?</h1> |
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> |
|
</div> |
|
<div class="modal-body"> |
|
Silakan hubungi Admin HSE untuk mendapatkan password baru. |
|
</div> |
|
<div class="modal-footer"> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- Modal Lupa Password --> |
|
|
|
|
|
<!-- Bootstrap JS --> |
|
<script src="assets/js/bootstrap.bundle.min.js"></script> |
|
|
|
|
|
</body> |
|
</html> |