login.php

<!DOCTYPE html>
<html>
<head>
<title>.::PkKit::.</title>

<!-- BootStrap -->

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="style.css" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700|Lato:400,100,300,700,900' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="css/animate.css">

    <link rel="stylesheet" href="css/style.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

<body>
<?php
    session_start();
    // login
    $servername = "localhost";
    $username = "PKKIT";     // Set up the SQL server details.
    $password = "jeznicklogan";
    $dbname = "PKKIT";

    $conn = mysql_connect($servername, $username, $password, $dbname);
    // Check connection
    if (!$conn)
    {
        die("Connection failed: " . mysql_connect_error());
    }

    mysql_select_db($dbname, $conn);
    $tbl_name="account";
    $AccountID = $_POST['username'];
    $Password = $_POST['password'];

    // To protect against malformed user data
    $AccountID = stripslashes($AccountID);
    $Password = stripslashes($Password);
    $AccountID = mysql_real_escape_string($AccountID);
    $Password = mysql_real_escape_string($Password);
    $encrypted_mypassword=md5($Password);

    $sql="SELECT * FROM account WHERE account_id='$AccountID' and account_pwd='$encrypted_mypassword'";
    $result=mysql_query($sql);

    // Check Row Exists for User
    $count=mysql_num_rows($result);

    if($count==1)
    {

        // User exists and password is correct then
        $_SESSION["user_logged_in"] = "1";
        $_SESSION["AccountID"] = $_POST["username"];
        echo '<script language="javascript">';
        echo 'alert("Ive logged in with user: ' . $_POST['username'] . '")';
        echo '</script>';
        header("location:myphotos.php");
    } else
    {
            echo "Wrong Username or Password";
            echo '<script language="javascript">';
        echo 'alert("Login failed.")';
        echo '</script>';
    }
 ?>


<body>

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">PKKIT</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li><a href="myphotos.php">My Photos</a></li>
        <li><a href="aboutus.php">About Us</a></li>
        <li><a href="faqs.php">FAQs</a></li>
        <li><a href="support.php">Support</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="register.html"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
        <li><a href="login.html"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
      </ul>
    </div>
  </div>
</nav>


</div>


<div id="body" class="container-fluid">
<div class="login-box animated fadeInUp">
            <div class="box-header">
                <h2>Log In</h2>
            </div>
            <form action="login.php" method="POST">
            <label for="username">Username (E-Mail)</label>
            <br/>
            <input type="text" id="username" name="username">
            <br/>
            <label for="password">Password</label>
            <br/>
            <input type="password" id="password" name="password">
            <br/>
            <button type="submit">Sign In</button>
            <br/>
            <a href="forgotpassword.php"><p class="small">Forgot your password?</p></a>
        </div>
    </div>

</div>


<script>
    $(document).ready(function () {
        $('#logo').addClass('animated fadeInDown');
        $("input:text:visible:first").focus();
    });
    $('#username').focus(function() {
        $('label[for="username"]').addClass('selected');
    });
    $('#username').blur(function() {
        $('label[for="username"]').removeClass('selected');
    });
    $('#password').focus(function() {
        $('label[for="password"]').addClass('selected');
    });
    $('#password').blur(function() {
        $('label[for="password"]').removeClass('selected');
    });
</script>

</html>