File size: 6,451 Bytes
7f2d1b0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Weekly Schedule</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #0b2234; /* Dark background matching the image */
display: flex;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
padding: 40px 20px;
color: #ffffff;
}
.schedule-table-container {
width: 100%;
max-width: 900px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
border-radius: 8px;
overflow: hidden;
}
.schedule-table {
width: 100%;
border-collapse: collapse;
font-size: 1em;
text-align: center;
}
.schedule-table th,
.schedule-table td {
padding: 15px 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/* Header Styling */
.schedule-table thead th {
background-color: #17426b; /* Slightly lighter blue for header */
color: #ffffff;
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
}
/* Row Grouping and Striping */
.schedule-table tr {
background-color: #123456; /* Base dark blue for rows */
}
/* Styling for the Day column */
.schedule-table td:first-child {
background-color: #17426b; /* Same as header, to visually separate the day block */
font-weight: bold;
text-transform: uppercase;
vertical-align: top;
padding-top: 15px;
}
/* Alternating row style within a day block (if needed, but kept uniform here) */
.schedule-table tr:nth-child(odd):not(:first-child) {
background-color: #123456;
}
/* Specific Cell Styles */
.time-cell {
background-color: #1b4b7c; /* Medium blue for Time column */
font-weight: bold;
}
.course-cell {
text-align: center;
line-height: 1.4;
}
.room-cell {
background-color: #1b4b7c; /* Medium blue for Room column */
font-weight: bold;
}
/* Merged Cell Logic */
.day-merged {
vertical-align: top;
}
/* Ensuring consistent font style (matching the image's bold, blocky font aesthetic) */
.schedule-table {
font-family: 'Verdana', sans-serif; /* A bold, blocky font substitute */
letter-spacing: 0.5px;
}
</style>
</head>
<body>
<div class="schedule-table-container">
<table class="schedule-table">
<thead>
<tr>
<th>DAY</th>
<th>TIME</th>
<th>COURSE</th>
<th>ROOM</th>
</tr>
</thead>
<tbody>
<!-- SUNDAY -->
<tr>
<td rowspan="2" class="day-merged">SUNDAY</td>
<td class="time-cell">8:00 - 9:30 AM</td>
<td class="course-cell">ENGLISH WRITING SKILLS & COMMUNICATIONS [FST/FE] [W]</td>
<td class="room-cell">DS0808</td>
</tr>
<tr>
<td class="time-cell">10:20 AM - 12:40 PM</td>
<td class="course-cell">OBJECT ORIENTED</td>
<td class="room-cell">DS0808</td>
</tr>
<!-- MONDAY (Using Data from Prompt for detailed timings) -->
<tr>
<td rowspan="3" class="day-merged">MONDAY</td>
<td class="time-cell">8:00 - 9:30 AM</td>
<td class="course-cell">INTEGRAL CALCULUS & ORD. DIFF EQUATION [X]</td>
<td class="room-cell">DS0605</td>
</tr>
<tr>
<td class="time-cell">9:40 - 11:10 AM</td>
<td class="course-cell">DISCRETE MATHEMATICS</td>
<td class="room-cell">3101</td>
</tr>
<tr>
<td class="time-cell">11:20 AM - 12:50 PM</td>
<td class="course-cell">PHYSICS 1 [R]</td>
<td class="room-cell">3118</td>
</tr>
<!-- TUESDAY -->
<tr>
<td rowspan="3" class="day-merged">TUESDAY</td>
<td class="time-cell">8:00 - 9:30 AM</td>
<td class="course-cell">ENGLISH WRITING SKILLS & COMMUNICATIONS [FST/FE] [W]</td>
<td class="room-cell">DS0808</td>
</tr>
<tr>
<td class="time-cell">10:20 AM - 12:20 PM</td>
<td class="course-cell">PHYSICS 1 LAB</td>
<td class="room-cell">3108</td>
</tr>
<tr>
<td class="time-cell">12:40 PM - 3:00 PM</td>
<td class="course-cell">PHYSICS 1 LAB [S]</td>
<td class="room-cell">DE0203</td>
</tr>
<!-- WEDNESDAY (Using Data from Prompt for detailed timings) -->
<tr>
<td rowspan="3" class="day-merged">WEDNESDAY</td>
<td class="time-cell">8:00 - 9:30 AM</td>
<td class="course-cell">INTEGRAL CALCULUS & ORD. DIFF EQUATION [X]</td>
<td class="room-cell">DS0605</td>
</tr>
<tr>
<td class="time-cell">9:40 - 11:10 AM</td>
<td class="course-cell">DISCRETE MATHEMATICS</td>
<td class="room-cell">3101</td>
</tr>
<tr>
<td class="time-cell">11:20 AM - 12:50 PM</td>
<td class="course-cell">PHYSICS 1 [R]</td>
<td class="room-cell">3118</td>
</tr>
<!-- Note: The provided text data had courses/times/rooms that sometimes conflicted with the image.
The table above prioritizes the structure and primary information visible in the image,
but incorporates the detailed timings and additional classes (like the extra Physics 1 class)
from the text data for a more comprehensive schedule. -->
</tbody>
</table>
</div>
</body>
</html> |