
 
 <!DOCTYPE html>
<html>
<head>
<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;

}
img{padding: 4px;}
li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  margin-top: 30px;
  border-radius: 13px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #111;

}

.active {
  background-color: #04AA6D;
  border-color: white;
}
</style>
</head>
<body>

<ul>
	<li><img style="width: 50px;height: 50px; " src="Logo/logo.png"></li>
  <li><a   href="index.php">Home</a></li>
  <li> <a   href="causelist.php">Cause List</a></li>
  <li><a   href="diary.php">Diary</a> </li>
  <li><a   href="addnew.php">Add New</a></li>
  <li><a  href="proceedings.php">Daily Proceedings</a></li>
  <li> <a   href="transfer.php">Transfer Case</a> </li>
  <li> <a  href="allrecord.php">Dispose/Restore</a> </li>
  <li><a  href="reports.php">Statistics</a> </li>
  <li>  <a  href="logout.php">Logout</a> </li>

</ul>

</body>
</html>


