| Server IP : 88.223.91.234 / 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/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<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;}
* {box-sizing: border-box;}
.input-container {
display: -ms-flexbox; /* IE10 */
display: flex;
width: 100%;
margin-bottom: 15px;
}
.icon {
padding: 10px;
background: dodgerblue;
color: white;
min-width: 50px;
text-align: center;
}
.input-field {
width: 100%;
padding: 10px;
outline: none;
}
.input-field:focus {
border: 2px solid dodgerblue;
}
/* Atur style untuk submit button */
.btn {
background-color: ;
color: white;
padding: 15px 20px;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}
.btn2 {
background-color: dodgeryellow;
color: white;
padding: 15px 20px;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}
.btn:hover {
opacity: 1;
}
#form-div {
background-image: linear-gradient(to right, #4682B4, #00FFFF, #00FA9A);
padding-left:35px;
padding-right:35px;
padding-top:35px;
padding-bottom:50px;
width: 450px;
float: left;
left: 645px;
position: absolute;
margin-top:30px;
margin-left: -260px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
top: 4px;
}
@media only screen and (max-width: 580px) {
#form-div{
left: 3%;
margin-right: 3%;
width: 94%;
margin-left: 0;
padding-left: 3%;
padding-right: 3%;
}
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
</head>
<body>
<br>
<div id="form-div">
<h3 align="center" class="tittle style1">Sistem Informasi </h3>
<h3 align="center" class="tittle tittle tittle"><strong>Ikatan Dokter Indonesia <br>
Cabang Bandung</strong></h3>
<div align="center">
<p><img src="assets/img/idi2.png" width="100" height="100"></p>
</div>
<form method="post" action="action.php" role="form">
<div class="form-group">
<label for="exampleInputEmail1"><b>ID Login </b></label>
<div class="input-group">
<i class="fa fa-user icon"></i>
<input class="form-control" type="text" placeholder="ISI ID Anda" name="username" maxlength="15">
</div>
<br>
<div class="form-group">
<label for="exampleInputEmail1"><b>Password</b></label>
<div class="input-group">
<i class="fa fa-key icon"></i>
<input type="password" id="pass" class="form-control" name="password">
<div class="input-group-append">
<!-- kita pasang onclick untuk merubah icon buka/tutup mata setiap diklik -->
<span id="mybutton" onclick="change()" class="input-group-text">
<!-- icon mata bawaan bootstrap -->
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-eye-fill" fill="currentColor"
xmlns="http://www.w3.org/2000/svg">
<path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
<path fill-rule="evenodd"
d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
</svg>
</span>
<br>
</div>
</div>
</div>
*(ID dan Password, Huruf Besar kecil Pengaruh)
<br><br>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
<br>
</label>
<br>
<div class="container" style="background-color:"></div>
<span class="psw"> <a href="forgot.php"> <b>Lupa Password?</b></a></span>
<br>
<span class="psw"> <a href="forgot_id.php"><b> Lupa ID Login?</b></a></span>
<br> <br>
</p>
<!-- <div align="right"><span class="psw">Registrasi <a href="member/input_member.php">Baru</a></span></div>-->
<br>
<center><a href='member/input_member.php' class="btn btn-info btn-sm"><span class="fa fa-id-card"> </span> Anggota IDI Bandung Belum Registrasi ulang</a></center>
<br>
<center><a href='member/input_membernon.php' class="btn btn-danger btn-sm"> <span class="fa fa-bell-o"></span> Registrasi Anggota Baru/ Non Anggota/ Tamu/ Internsip, untuk Rekom SIP dll</a></center>
<br> <br>
<div align="center"><span class="fa fa-home"> </span> <a href="../index.php">Home </div>
</div>
<script>
// membuat fungsi change
function change() {
// membuat variabel berisi tipe input dari id='pass', id='pass' adalah form input password
var x = document.getElementById('pass').type;
//membuat if kondisi, jika tipe x adalah password maka jalankan perintah di bawahnya
if (x == 'password') {
//ubah form input password menjadi text
document.getElementById('pass').type = 'text';
//ubah icon mata terbuka menjadi tertutup
document.getElementById('mybutton').innerHTML = `<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-eye-slash-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M10.79 12.912l-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"/>
<path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708l-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829z"/>
<path fill-rule="evenodd" d="M13.646 14.354l-12-12 .708-.708 12 12-.708.708z"/>
</svg>`;
}
else {
//ubah form input password menjadi text
document.getElementById('pass').type = 'password';
//ubah icon mata terbuka menjadi tertutup
document.getElementById('mybutton').innerHTML = `<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-eye-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"/>
<path fill-rule="evenodd" d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"/>
</svg>`;
}
}
</script>
</body>
</html>