<?php
$error = '';
if (!empty($_REQUEST['error'])) {
    $error = "<div style='border: 1px solid #777; background: #faa; padding: 1em; margin: 1em 0;'>";
    $error .= htmlspecialchars(strip_tags(base64_decode($_REQUEST['error'])));
    $error .= "</div>";
}
?><!DOCTYPE html>
<html>
	<head>
		<title>Exam Form</title>
     <meta charset='utf-8' />
		<meta name='viewport' content='width=device-width, initial-scale=1.0' />
		
		<style>
			#demo-form>div {
				font-size:24px;
				display: flex;
				max-width: 60%;
				margin: 0 0 1em 0;
				background-color:#ffffff;
		
			}

			#demo-form>div>* {
				flex: 1 1 50%;
			}
	

		form {margin-left:20%;
		margin-right:20%;
		background-color:#ffffff;
		padding-top:4%;
		padding-bottom:4%;
		padding-left:7%;
		padding-right:4%;
		
		}
			
			
button {
	background-color:aliceblue;
	width:10px;
	margin-left:20%;
	}
	

		</style>
	</head>
	<body class='no-heading' style="background-color:#38393A;">
     <div style="    background-color: #2c3e50; ">
	 <div id="header" style=" overflow: hidden; height:110px; " >
  <div class="logo" >
    <a href="#"><img alt="logo" src="logomini.png" style=" height:80px; float:left;"  >
   </a>
  
  </div>
         </div>
</div>
     
		<div class='container'>
			<div class='container-inner post' >
				<h2 style: align="center"; style="color:#ffffff;"> Log In</h2>
				<div>
                    <?php echo $error; ?>
					<form id='demo-form' method='POST' action='formLogin.php'>
						<input type='hidden' name='submit' value='1' />

					

						<div>
							<label for='demo-input-email'>Email: </label>
							<input type='text' name='email' id='demo-input-email' required minlength='3'>
						</div>

						<div>
							<label for='demo-input-password'>Password: </label>
							<!--<input type='tel' name='password' id='demo-input-password' required minlength='3'>-->
                         <input type="password" name="password" id='demo-input-password' required minlength='3'>
						</div>

						<div>
							<button id='demo-submit' type='submit'>Submit</button>
						</div>
                      
					</form>
				</div>
			</div>
		</div>
     
      <footer style="height: 100px;
             background-color: black; 
                position:fixed;
   bottom:0px;
   width:100%;
   height:60px;   /* Height of the footer */
  
               ">
 <p style=" margin-top: 20px; text-align: center;  color:bisque;   "> @ 2017 All rights reserved, Powered by Taisir Obad</p></footer>
     
	</body>
</html>
