<html>
<head>
<title>UKK</title>
</head>
<style>
.br {
line-height: 50px;
}
.body {
background: #d68e8f;
text-align: center;
}
.h1 {
line-height: 30px;
color: white;
}
.wlcm {
text-align: center;
}
.p {
color: #c33f3d;
line-height: 1px;
font-weight: bold;
}
.box {
width: 230px;
height: 30px;
border: 1px solid gray;
border-radius: 3px;
}
.check {
line-height: 20px;
}
.rmb {
padding: 4px;
position: fixed;
color: white;
}
.btn {
width: 230px;
height: 30px;
background: #c33f3d;
color: white;
font-weight: bold;
font-family: arial;
border: 0px;
border-radius: 3px;
}
.img {
width: 28px;
height: 28px;
}
.rz {
width: 100%;
position: absolute;
bottom: 0;
color: white;
}
</style>
<body class="body">
<br class="br">
<h1 class="h1"><img class="img" src="w10.png"/><font class="wlcm"> Welcome Admin</font></h1>
<p class="p">Welcome To Admin DistroIT</p>
<table align="center">
<tr>
<td><input class="box" type="text" placeholder=" Username" name="username"/><br><input class="box" type="password" placeholder=" Password" name="password"/><br></td>
</tr>
<tr>
<td><input class="check" type="checkbox" name="remember"><font class="rmb">Remember me</font></input>
</tr>
<tr>
<td><input class="btn" type="button" name="sign" value="Sign In"/></td>
</tr>
</table>
<p class="rz">Copyright © Dwiki Fauzi</p>
</body>
</html>
