| Server IP : 179.61.189.242 / 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>
<head>
<title>IDI Kota Bandung</title>
<link rel="icon" href="idilogo.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Tambahkan icon library -->
<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: dodgerblue;
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>
<meta charset="utf-8">
</head>
<body>
<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">
<h3 align="center" >Member Login</h3>
<div class="input-container">
<i class="fa fa-user icon"></i>
<input class="input-field" type="text" placeholder="ISI Kode ID" name="username" autocomplete="off" maxlength="15" required />
</div>
<div class="input-container">
<i class="fa fa-key icon"></i>
<input class="input-field" type="password" placeholder="ISI Password" name="password" required />
</div>
<button type="submit" class="btn">Log In</button>
<br> <br>
<label>
<input type="checkbox" checked="checked" name="remember"> Remember me
</label>
<br> <br>
<div class="container" style="background-color:"></div>
<span class="psw"> <a href="forgot.php"> Lupa Password?</a></span>
<br> <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>-->
<rigt><a class='btn btn-warning btn-sm' href='member/input_member.php'>Registrasi User Baru</a></right>
<br> <br><br>
<div align="center"><span class="fa fa-home"> </span> <a href="../index.php">Home </div>
</form>
</div>
</body>
</html>