coursework2 documentation2

<!DOCTYPE html>
<html>
<body style="background-color:gray;">

<style>
body
{
background-image:url('background.jpg');
background-color:#cccccc;
background-repeat:repeat-y,x;
background-position: centre centre;

}
</style>


<div id="container" style="width:900px" align="center">

<div id="header" style="background-color:red;">
<h1 style="margin-bottom:0;">First Drop- Box</h1></div>

// this code I have used div menu section of the frame layout in green color with the given height and width and I have used the list style for the page navigations
<div id="menu" style="background-color:green;height:500px;width:200px;float:left;">

          <li><b>Home</li></b>
	 <li><b>Main</li></b>
          <li><b>Register</li></b>
	 <li><b>About us</li></b>
         <li><b>Contact</li></b>
 </ul></div>


<div id="content" style="background-color:#EEEEEE;height:500px;width:700px;float:left;" align="left"></b></b></b></b></b>

  // in the following code I have  added table with 5 rows and 5 colunms with the fixed table border and table align//

  <h1 align="center"> Data file table</h1></b></b></b></b></b>

  <table border="1" align="center">
  <tr>
    <th>ID</th>
    <th>NAME</th>
	<th>TYPE</th>
	<th>DATEMODIFIED</th>
	<th>SIZE</th>

  </tr>
  <tr>

    <td>1</td>
	<td>Ms Word</td>
	<td>PDF</td>
	<td>11/11/13</td>
	<td>1KB</td>
  </tr>
  <tr>

    <td>2</td>
	<td>POWERPOINT</td>
	<td>PDF</td>
	<td>09/11/13</td>
	<td>1KB</td>
  </tr>
  <tr>
    <td>3</td>
	<td>Excell</td>
	<td>exl</td>
	<td>09/11/13</td>
	<td>1KB</td>
  </tr>
  <tr>

</table>
// this code is used to display delete, rename and upload button which able the user to enable the user to used these buttons for the table data but it is possible to do so  when we have the data file on MySQL hosing//
    <button type="button" onclick= >Delete</button>
     <button type="button" onclick= >Rename</button>
	 <button type="button" onclick= >Upload</button><br><br><br><br>

// this code is used to allow the user to watch youtube video //

<iframe width="220" height="145"
src="http://www.youtube.com/watch?v=l6tkGSIFsH0">
</iframe>


  <br></div>


<div id="footer" style="background-color:red;clear:both;text-align:center;">
Friba Rawish</div>


</div>
</body>
</html>