MINI

files >> C:/siak/TOOL SIAK/tool9/tool/index.php
 <!DOCTYPE html>
<html>
<head>
	<title>SIAK</title>
	
	<!--link rel="stylesheet" type="text/css" href="../css/style.css"-->
<style type="text/css">
<!--
body{
	font-family: sans-serif;
	background-image: url(img/bg.png);
	background-size:cover;
}

h1{
	text-align: center;
	/*ketebalan font*/
	font-weight: 400;
	color: white;
	
}

.tulisan_login{
	text-align: center;
	/*membuat semua huruf menjadi kapital*/
	text-transform: uppercase;
}

.kotak_login{
	width: 350px;
	background: white;
	/*meletakkan form ke tengah*/
	margin: 50px auto;
	padding: 30px 20px;
}

label{
	font-size: 11pt;
}

.form_login{
	/*membuat lebar form penuh*/
	box-sizing : border-box;
	width: 100%;
	padding: 10px;
	font-size: 11pt;
	margin-bottom: 20px;
}

.tombol_login{
	background: #46de4b;
	color: white;
	font-size: 11pt;
	width: 100%;
	border: none;
	border-radius: 3px;
	padding: 10px 20px;
}

.link{
	color: #232323;
	text-decoration: none;
	font-size: 10pt;
}
-->
</style>
</head>
<body>

	<h1><b><font color="Yellow">AplikaSI </b></font></h1>
	<h1><b><font color="Yellow">(oooo)</b></font></h1>
	<div class="kotak_login">
		<p class="tulisan_login">Silahkan login</p>

		<form id="form1" name="form1" method="post" action="proses_log.php">
			<label>Username</label>
			<input type="text" name="namauser" class="form_login" placeholder="Username" required>
			<label>Password</label>
			<input type="password" name="pass" class="form_login" id="pass" placeholder="Password" required>
			<input type="checkbox" onclick="myFunction()"><label>Show password</label>
			<br>
			<br>
			<br>
			 <script>
        function myFunction() {
            var x = document.getElementById("pass");
            if (x.type === "password") {
                x.type = "text";
            } else {
                x.type = "password";
            }
        }
    </script>
			<input type="submit" name="Submit" class="tombol_login" value="LOGIN">
			<br>
			<center>
				<a class="link" href="https:wa.me/6282256032411" target="_blank"><font color="red">copyright &copy;2024 - Design By </font></a>
			</center>
		</form>
		
	</div>
</body>

</html>