| Server IP : 2.57.91.168 / Your IP : 216.73.216.163 Web Server : LiteSpeed System : Linux id-dci-web1986.main-hosting.eu 5.14.0-611.26.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Jan 29 05:24:47 EST 2026 x86_64 User : u686484674 ( 686484674) PHP Version : 8.0.30 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u686484674/domains/idikotabandung.com/public_html/IDI/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="idilogo.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login - Sistem Informasi IDI Bandung</title>
<!-- Bootstrap & Font Awesome -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
background: linear-gradient(to right, #4682B4, #00FFFF, #00FA9A);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.login-card {
background: white;
border-radius: 15px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
padding: 2rem;
width: 100%;
max-width: 450px;
animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.icon {
background: #007bff;
color: white;
min-width: 45px;
text-align: center;
border-radius: 5px 0 0 5px;
}
.form-control:focus {
border-color: #007bff;
box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
.btn-primary {
background: #007bff;
border: none;
transition: background 0.3s ease;
}
.btn-primary:hover {
background: #0056b3;
}
.extra-links a {
display: block;
margin-top: 8px;
color: #007bff;
text-decoration: none;
}
.extra-links a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="login-card">
<div class="text-center mb-3">
<img src="assets/img/idi2.png" width="90" height="90" alt="IDI Logo">
<h4 class="mt-3">Sistem Informasi</h4>
<h5><strong>Ikatan Dokter Indonesia<br>Cabang Bandung</strong></h5>
</div>
<form method="post" action="action.php">
<div class="form-group">
<label><b>ID Login</b></label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text icon"><i class="fa fa-user"></i></span>
</div>
<input class="form-control" type="text" placeholder="ISI ID Anda" name="username" maxlength="15" required>
</div>
</div>
<div class="form-group">
<label><b>Password</b></label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text icon"><i class="fa fa-key"></i></span>
</div>
<input type="password" id="pass" class="form-control" name="password" required>
<div class="input-group-append">
<span id="mybutton" onclick="change()" class="input-group-text" style="cursor:pointer;">
<i class="fa fa-eye"></i>
</span>
</div>
</div>
</div>
<small class="text-muted">(ID dan Password bersifat case-sensitive)</small>
<button type="submit" class="btn btn-primary btn-block mt-3">Login</button>
</form>
<div class="extra-links mt-3 text-center">
<a href="forgot.php"><b>Lupa Password?</b></a>
<a href="forgot_id.php"><b>Lupa ID Login?</b></a>
</div>
<hr>
<div class="text-center">
<a href='member/input_member.php' class="btn btn-info btn-sm mb-2">
<i class="fa fa-id-card"></i> Registrasi Ulang Anggota IDI Bandung
</a><br>
<a href='member/input_membernon.php' class="btn btn-danger btn-sm">
<i class="fa fa-bell-o"></i> Registrasi Anggota Baru / Non Anggota / Tamu
</a>
<div class="mt-3">
<i class="fa fa-home"></i> <a href="../index.php">Home</a>
</div>
</div>
</div>
<script>
function change() {
const pass = document.getElementById('pass');
const btn = document.getElementById('mybutton');
if (pass.type === 'password') {
pass.type = 'text';
btn.innerHTML = '<i class="fa fa-eye-slash"></i>';
} else {
pass.type = 'password';
btn.innerHTML = '<i class="fa fa-eye"></i>';
}
}
</script>
</body>
</html>