login

<!DOCTYPE html>
<html>
<head>
	<title>LOGIN DAN REGISTER</title>
	<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">

</head>
<body style="background-image: url(image/2.jpg); background-size: cover; background-repeat: no-repeat; height: 540px;">
	<div class="container" style="width: 400px; margin-top: 60px;">
		<div class="card">
			<img src="image/1.png" class="card-img-top" style="height: 200px;">
			<div class="card-body">
				<form method="POST" action="">
					<div class="form-group">
						<label for="user">Username : </label>
						<input type="text" name="user" class="form-control" placeholder="Masukkan Username">
					</div>
					<div class="form-group">
						<label for="pass">Password : </label>
						<input type="password" name="pass" class="form-control" placeholder="Masukkan Password">
					</div>
					<div class="row">
					<div class="col-md-4">
					<input type="button" class="btn btn-primary" name="login" value="Login"></input><br>
					</div>
					<p><small>Belum daftar ? Silahkan <a href="register.php">Registrasi</a></small></p>
					</div>
				</form>
				<?php
				include 'db.php';
					if(isset($_POST['login'])){
						$user = $_POST['user'];
						$pass = (md5($_POST['pass']));

						$query = "SELECT username, password WHERE username ='$user' AND password ='$pass'";
						$row = mysqli_query($con, $query);
						if($row){
							session_start();
							$_SESSION['user'] = $user;
							header("locaion:user.php");
						}
					}
				?>
			</div>
		</div>
	</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</body>
</html>