<!DOCTYPE html>
<?
$nm = "";
?>
<html>
<title>SIMKP ADHI GUNA PUTERA</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="plg//w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<body style="background:black;padding-top:5%;" class="w3-light-gray">

<center>
  <form class="" action="area.php" method="post">
<table cellpadding="0" cellspacing="0" class="w3-card-4 w3-animate-zoom" style="">
  <tr class="w3-white">
    <td class="" style="height:600px" valign="top">
      <img src="plg/kartini3.png" style="height:800px">
    </td>
    <td class="w3-center" style="width:500px;height:600px" valign="top">
      <img src="plg/top-right.png" style="width:100px" class="w3-right">
      <br/><br/>
      <img src="plg/logo.png" style="width:150px">
      <br/><br/><br/><br/>
      <img src="plg/simkplogo.png" style="width:200px">
      <br/><br/><center>
        <b class="w3-small">Login To SIMKP</b><br/><br/>
        <div class="w3-border w3-light-blue w3-round-large w3-card-4" style="width:350px;">
          <input type="text" class="w3-center w3-light-blue" style="width:300px;border:0px solid white;padding-top:10px;padding-bottom:10px;"
          placeholder="Username" name="user" id="usr">
          <i class="fa fa-user-circle-o" style="font-size:28px"></i>
        </div>
        <br/>
        <div class="w3-border w3-light-blue w3-round-large w3-card-4" style="width:350px;">
          <input type="password" class="w3-center w3-light-blue" style="width:300px;border:0px solid white;padding-top:10px;padding-bottom:10px;"
          placeholder="Password" name="pass">
          <i class="fa fa-key" style="font-size:28px"></i>
        </div>
        <br/><br/>
        <button class="w3-btn w3-card-4 w3-small w3-blue-gray w3-round-large" style="width:300px;padding:15px">Login</button>
    </center>
    </td>
  </tr>
</table>
</form>
<center>
</body>
</html>
<script>

</script>
