viewTask(edit)

<!DOCTYPE html>
<html style="background-color:#ffe6f2;">
<head>
<title>AWESOME TO-DO LIST</title>
</head>

<form action="action_page.php" style="text-align:center; ">
<h1 style="margin:20px;"><b>MY TO-DO LIST</b></h1>

<ul STYLE="list-style-type:none; margin-left:30%; padding:0; overflow:hidden;">
<li><b>DUE</b></li>
<li><a>TODAY</a></li>
<li><a>IN 3 DAY</a></li>
<li><a>THIS MONTH</a></li>

</ul>
<div class="container" style="text-align:center;  margin:20px; ">
   <table style="width:100%; padding-right:10%; ">
   <tr>
   <th>TASK</th>
   <th>Due</th>
   <th>Actions</th>
   </tr>

   <tr>
   <td>siram pokok</td>
   <td>21/9/2018</td>
   <td><a href="MarkTaskDone?taskid=1"> mark done | </a><a href="EditTask?taskid=1"> edit | </a><a href="url"> delete  | </a>
   </td>
   </tr>

   <tr>
   <td>makan nasi</td>
   <td>21/9/2018</td>
   <td><a href="MarkTaskDone?taskid=2"> mark done | </a><a href="EditTask?taskid=2"> edit | </a><a href="url"> delete  | </a>
   </td>
   </tr>

   </table>
  </div>


</form>

<style>
li{
margin-left:10px;
float:left;
}

li a{
border: 1px solid black;
display:incline-block;
color:white;
text-align:center;
background-color:black;
padding: 21px;
margin:10px;
margin-righ:20px;
text-decoration:none;
}

table {
border: 1px solid black;

}

li a:hover{
background-color:red;}

</style>
</html>