<?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>Registration Form</title>
		<meta charset='utf-8' />
		<meta name='viewport' content='width=device-width, initial-scale=1.0' />
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="admin.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,400italic,600italic,700' rel='stylesheet' type='text/css'>
<!-- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,400italic,600italic,700' rel='stylesheet' type='text/css'> -->
		
		<style>
		/*	#demo-form> div {
				font-size:24px;
				display: flex;
				max-width: 100%;
				margin: 0 0 1em 0;
				background-color:#fff777;
             
		
			}*/
         
         #demo-form> div {
				font-size:24px;
				max-width: 100%;
				display: block;
				background-color:#ffffff;
          margin-bottom: 30px;
             
		
			}

			#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%;
         height: 360px;
		
		}
         #demo-input-email {  float:right; height: 30px; min-width: 70%; }
         #demo-input-fullname{ float:right; height: 30px;min-width: 70%; }
         #demo-input-password{ float:right; height: 30px; min-width: 70%; }
         #demo-input-phone{ float:right; height: 30px; min-width: 70%; }
			
         .textstle {  margin-left: 0px; }		
button {
	background-color:#EBEBEB;
	width:70px;
 height: 30px;
 margin-left:70%; 
	

	}
	

		</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=" text-align: center; color:#ffffff;"> Registration </h2>
				<div>
                    <?php echo $error; ?>
					<form id='demo-form' method='POST' action='form.php'>
						<input type='hidden' name='submit' value='1' />

						<div>
							<label for='demo-input-fullname'>Full Name: </label>
							<input type='text' name='fullname' id='demo-input-fullname' required minlength='3'>
						</div>

						<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'>
						</div>

						<div>
							<label for='demo-input-message'>Phone: </label>
							<input type='tel' name='phone' id='demo-input-phone' 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>
