Untitled

<!DOCTYPE HTML>

<html>

<head>
  <title>Login</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
  <link rel="stylesheet" href="assets/css/main.css" />
  <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
  <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>

<body>
<section id="contact" class="four">
  <div class="container">

    <header>
      <h2>Login</h2>
    </header>

    <p>Elementum sem parturient nulla quam placerat viverra
    mauris non cum elit tempus ullamcorper dolor. Libero rutrum ut lacinia
    donec curae mus. Eleifend id porttitor ac ultricies lobortis sem nunc
    orci ridiculus faucibus a consectetur. Porttitor curae mauris urna mi dolor.</p>
  <?php
include('template.php');
if (isset($_POST['username']) and isset($_POST['password'])) {
 $name = $mysqli->real_escape_string($_POST['username']);
 $pwd = $mysqli->real_escape_string($_POST['password']);
 $query = <<<END
SELECT username, password, id FROM users
 WHERE username = '{$name}'
 AND password = '{$pwd}'
END;
 $result = $mysqli->query($query);
 if ($result->num_rows > 0) {
 $row = $result->fetch_object();
 $_SESSION["username"] = $row->username;
 $_SESSION["userId"] = $row->id;
 header("Location:index.html");
 } else {
 echo "Wrong username or password. Try again";
 }
}
$content = <<<END
<form method="post" action="#">
<div class="row">
<div class="6u 12u$(mobile)">Usernamn:<input type="text" name="Username" required></div>
<div class="6u$ 12u$(mobile)">Password:<input type="password" name="Password" required></div>
<div class="6u 12u$(mobile)"><button type="btn btn-default" name="Login">Login</div>
<div class="6u$ 12u$(mobile)"><p id="preg">Not a member?<a href="register.php"> Register</a>!</p></div>
</div>
</div>
</form>
END;
echo $navigation;
echo $content;
?>
  </div>
</section>

</div>
</body>
</html>


                        </div>
                    </section>

            </div>

    </body>
</html>