<!DOCTYPE html>
<html>
<head>
    <title>Food Ordering System</title>
	<style>
		a {
		  display: inline;
		  width: 15%;
		  height: 5%;
		  padding: 1%;
		  margin-top: 15%;
		  margin-left: 23%;
		  margin-right: 0.1%;
		  float: left;
		  border: 1px solid blue;  
		  background-color: black; 
		  opacity:0.9;
		}
		
		a{
			color:white;
			font-size:25px;
		}
		a:link {
		  text-decoration: none;
		 
		}
		a:hover {
		  background-color:gray ;
		}
		body{
			background-image: url(image/back.jpg);
		}
		
		div{
			color:white;
			background-color:black;
		}
	</style>				
</head>
<body >

<div>
<hr>
<h1 style="text-align:center;">Food Ordering System</h1>
<hr>
</div>

	<a href="staff">Staff Management</a>
	<a href="admin">Admin Management</a>
</body>
</html>