<!DOCTYPE html>
<html>
<head>
	<title>Registration - Green Food</title>
	<link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
	<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<section>

	<div id="header">
		<img src="images/logo.png" height="80px" />
	</div>
	<div class="topnav" id="myTopnav">
	  <a href="index.php">Home</a>
	  <a href="registration.php" >Registration</a>
	  <a href="animation.php">Animation</a>
	  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
		<i class="fa fa-bars"></i>
	  </a>
	</div>


	<div class="container">
		<div class="form-container">
			<h1>Registration Completed Successfully.</h1>
		</div>
	</div>
	<div id="footer">
		<a href="https://www.facebook.com/" target="_blank" class="fa fa-facebook media"></a>
		<a href="https://www.google.com/" target="_blank" class="fa fa-google media"></a>
		<a href="https://www.youtube.com/" target="_blank" class="fa fa-youtube media"></a>
	</div>
</section>
<script>
function myFunction() {
  var x = document.getElementById("myTopnav");
  if (x.className === "topnav") {
    x.className += " responsive";
  } else {
    x.className = "topnav";
  }
}
</script>
<!--<script src="js/script.js"></script>-->


</body>
</html>
