0% found this document useful (0 votes)
3 views3 pages

2

Uploaded by

sakazuki546
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views3 pages

2

Uploaded by

sakazuki546
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<html>

<head>
<title>Time Table</title>
<style>
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
th {
background-color: #f2f2f2;
}
tfoot td {
background-color: #d9d9d9;
font-weight: bold;
}
thead td {
background-color: #d9d9d9;
font-weight: bold;
font-size: larger;
}
.lab {
background-color: #ffcccc; /* Light red for lab hours */
}
.elective {
background-color: #ccffcc; /* Light green for elective hours */
}
.row-color-1 {
background-color: #e6f7ff; /* Light blue for row color */
}
.row-color-2 {
background-color: #ffffe6; /* Light yellow for row color */
}
</style>
</head>
<body>

<h1>My Class Time Table</h1>

<table>
<thead>
<tr>
<td colspan="8">Department of Computer Science and Engineering <br>
First semester class timetable 2024</td>
</tr>
</thead>
<tbody>
<tr>
<th>Day</th>
<th>9:00 - 10:00</th>
<th>10:00 - 11:00</th>
<th>11:00 - 12:00</th>
<th>12:00 - 1:00</th>
<th>2:00 - 3:00</th>
<th>3:00 - 4:00</th>
<th>4:00 - 5:00</th>
</tr>
<tr class="row-color-1">
<th>Monday</th>
<td>Math</td>
<td>Physics</td>
<td class="lab" rowspan="2">Physics Lab</td>
<td>Chemistry</td>
<td>English</td>
<td class="elective">Elective 1</td>
<td>Computer Science</td>
</tr>
<tr class="row-color-2">
<th>Tuesday</th>
<td>Math</td>
<td>Chemistry</td>
<td>Biology</td>
<td>English</td>
<td>Civil</td>
<td class="lab">CS Lab</td>
</tr>
<tr class="row-color-1">
<th>Wednesday</th>
<td colspan="2" class="lab">Chemistry Lab</td>
<td>Physics</td>
<td>Math</td>
<td class="elective">Elective 2</td>
<td>Chemistry</td>
<td>English</td>
</tr>
<tr class="row-color-2">
<th>Thursday</th>
<td>Biology</td>
<td>Physics</td>
<td>English</td>
<td>Chemistry</td>
<td>Math</td>
<td class="elective">Elective 3</td>
<td>Civil</td>
</tr>
<tr class="row-color-1">
<th>Friday</th>
<td>Math</td>
<td>Chemistry</td>
<td>Biology</td>
<td>Physics</td>
<td>Computer Science</td>
<td class="lab">CS Lab</td>
<td>Civil</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="8">Note: Lab hours are highlighted in red, elective
hours in green.</td>
</tr>
</tfoot>
</table>
</body>
</html>

You might also like