Screenshot of Output
Source Code
<!doctype html>
<html>
<head>
<title>Timetable</title>
<style type="text/css">
body
{
font-family: arial;
}
th,td
{
margin: 0;
text-align: center;
border-collapse: collapse;
outline: 1px solid #e3e3e3;
}
td
{
padding: 5px 10px;
}
th
{
background: #666;
color: white;
padding: 5px 10px;
}
td:hover
{
cursor: pointer;
background: #666;
color: white;
}
</style>
</head>
<body>
<table width="80%" align="center" >
<div id="head_nav">
<tr>
<th>Time</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thrusday</th>
<th>Friday</th>
<th>Saturday</th>
</tr>
</div>
<tr>
<th>10:00 - 11:00</th>
<td>Physics-1</td>
<td>English</td>
<td title="No Class" class="Holiday"></td>
<td>Chemestry-1</td>
<td>Alzebra</td>
<td>Physical</td>
</div>
</tr>
<tr>
<th>11:00 - 12:00</td>
<td>Math-2</td>
<td>Chemestry-2</td>
<td>Physics-1</td>
<td>Hindi</td>
<td>English</td>
<td>Soft Skill</td>
</div>
</tr>
<tr>
<th>12:00 - 01:00</td>
<td>Hindi</td>
<td>English</td>
<td>Math-1</td>
<td>Chemistry</td>
<td>Physics</td>
<td>Chem.Lab</td>
</div>
</tr>
<tr>
<th>01:00 - 02:00</td>
<td>Cumm. Skill</td>
<td>Sports</td>
<td>English</td>
<td>Computer Lab</td>
<td>Header</td>
<td>Header</td>
</div>
</tr>
<tr>
<th>02:00 - 03:00</td>
<td>Header</td>
<td>Header</td>
<td>Header</td>
<td>Header</td>
<td>Header</td>
<td>Header</td>
</div>
</tr>
</table>
<small><a href="http://www.lovelycoding.org" rel="Dofollow" style="text-align:center;font-size:7px;">Wedget by LovelyCoding.Org</a></small>
</body>
</html>
0 comments:
Post a Comment