Untitled

<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<?php session_start() ?>
<!DOCTYPE HTML>
<html>
<head>
<title>Display Web Design and Graphics Consultancy :: admin</title>
<link href="../css/bootstrap.css" rel='stylesheet' type='text/css' />
<!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
<script src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.min.js"></script>
 <!-- Custom Theme files -->
<link href="../css/style.css" rel='stylesheet' type='text/css' />
<!--Custom Theme files-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
 <!--start-smoth-scrolling-->
<script type="text/javascript" src="../js/move-top.js"></script>
<script type="text/javascript" src="../js/easing.js"></script>

		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
<!--start-smoth-scrolling-->
<!--webfonts-->
	<link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>
<!--webfonts-->
</head>
<body>
<!--header-->
	<div class="header">
		<div class="container">
			<!--logo-->
			<div class="header-top">
				<div class="logo">
					<a href="index.php"><img src="../images/logo.png" /></a>
				</div>
			<!--top-nav-->
				<div class="top-icons">
					<ul>
						<li><a class="twitter" href="#"><span> </span></a></li>
						<li><a class="fb" href="#"><span> </span></a></li>
						<li><a class="rss" href="#"><span> </span></a></li>
						<li><a class="p" href="#"><span> </span></a></li>
						<li><a class="gp" href="#"><span> </span></a></li>
						<li><a class="db" href="#"><span> </span></a></li>
						<div class="clearfix"> </div>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="top-nav">
					<span class="menu"> </span>
					<ul>
						<li><a href="../index.php">Home</a></li>
						<li><a href="../about.php">About</a></li>
						<li><a href="../work.php">Work</a></li>
						<li><a href="../contact.php">Contact</a></li>
                        <li class="active"><a href="index.php">Admin</a></li>
						<div class="clearfix"> </div>
					</ul>
				</div>
				<div class="clearfix"> </div>
		<!-- script-for-menu -->
				<script>
					$(document).ready(function(){
						$("span.menu").click(function(){
							$(".top-nav ul").slideToggle(200);
						});
					});
				</script>
	<!--End-top-nav-script-->
				<div class="clearfix"> </div>
		</div>
		<!--/header-->
	</div>
	<!--main-head-->
	 <div class="main-head-section">
		 		<div class="container">
		 			<h3>Admin <small style="float:right;">Login</small></h3>
		 		</div>
		 </div>
		 <!--main-text-grids-->
				 <div class="main-textgrids">
				 		<div class="container">
		<!-- Page Content Goes Here! -->

<?php
// Database Connection Information
$db_server = "localhost";
$db_username = "root";
$db_password = "";
$db_database = "design";
$connect = mysqli_connect($db_server, $db_username, $db_password, $db_database);

$i_username = $_POST["i_username"];
$i_password = $_POST["i_password"];
$query = "SELECT * FROM `t_admin` WHERE `USERNAME` = '$i_username' AND `PASSWORD` = '$i_password'";
$result = mysqli_query($connect,$query);
$matches = mysqli_num_rows($result);

if ($matches == "1"){
    $_SESSION["loggedin"] = "loggedin";
    header("Location:index.php");
}
else{
    echo "Invalid Username or Password";
}
?>

<form action="login.php" method="post"> <!-- Login form using method get -->
<input name="i_username" type="text" placeholder="Username" required> <!-- Required input of text for the username -->
<br></br>
<input name="i_password" type="password" placeholder="Password" required> <!--Required input of password -->
<br></br>
<button type="submit">Login</button> <!--Login button -->
</form>


        <!-- /Page Content Goes Here! -->
				 		</div>
				 </div>
		  <!--main-text-grids-->
		<!----- /start-footer---->
				<div class="footer">
						<div class="container">
							<div class="footer-content">
								<div class="col-md-6 copy-right">
									<p>&copy; 2014 Display. </p>

								</div>
								<div class="col-md-6 copy-text">
									<div class="footer-nav">
										<ul>
											<li class="active"><a href="../index.php">Home</a></li>
											<li><a href="../about.php">About</a></li>
											<li><a href="../work.php">Work</a></li>
											<li><a href="../contact.php">Contact</a></li>
												<div class="clearfix"> </div>
										</ul>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
					<!----- //End-footer---->
						<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear'
								 		};
										*/

										$().UItoTop({ easingType: 'easeOutQuart' });

									});
								</script>
					<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	</body>
</html>