JSFiddle - React, Tailwind, and code Playground

by rhewitt

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="container">
			<table class="table table-bordered">
				<thead>
					<tr>
						<th>Time:</th>
						<th>Computer 1<br>Kittrell Hall<br>Room 308</th>
						<th>Computer 2<br>Kittrell Hall<br>Room 202</th>
						<th>Computer 3<br>Kittrell Hall<br>Room 302</th>
					</tr>
				</thead>
				<tbody>
					<tr class="day">
						<td class="full-row" colspan='4'>Tuesday</td>
					</tr>
					<tr>
						<td>7:30 - 8:00</td>
						<td colspan="3">Registration</td>
					<tr>
					<tr>
						<td>8:00 - 10:00</td>
						<td colspan="3">
							Plenary Session<br>
							Kitrell Hall - Room 204<br><br>
						</td>
					<tr>
					<tr>
						<td>10:30 - 12:00</td>
						<td>Smart Phone Apps</td>
						<td class="introduction-to-GIS">GIS Introduction</td>
						<td>ERA Tools Demo</td>
					<tr>
					<tr class="lunch">
						<td>12:00 - 1:00</td>
						<td colspan="3">LUNCH</td>
					</tr>
					<tr>
						<td>1:00 - 3:00</td>
						<td>High Accuracy Elevation Modeling with LiDAR</td>
						<td rowspan="2" class="introduction-to-GIS">GIS Introduction</td>
						<td rowspan="2" class="intermediate-GIS">Intermediate GIS</td>
					</tr>
					<tr>
						<td>3:00 - 5:00</td>
						<td>Cartographic Design Essentials</td>
					</tr>
					<tr class="day">
						<td class="full-row"colspan='4'>Wednesday</td>
					</tr>
					<tr>
						<td>8:00 - 12:00</td>
						<td class="spatial-analyst">Spatial Analyst</td>
						<td class="introduction-to-GIS">GIS Introduction<br><br>(Continued)</td>
						<td class="intermediate-GIS">Intermediate GIS<br><br>(Continued)</td>
					</tr>
					<tr class="lunch">
						<td>12:00 - 1:00</td>
						<td colspan="3">LUNCH</td>
					</tr>
					<tr>
						<td>1:00 - 2:30</td>
						<td class="spatial-analyst">Spatial Analyst<br>(Continued)t</td>
						<td rowspan="2"...

CSS

table, th {
				text-align:center;
			}
			.full-row {
				font-weight:bold;
			}
			.introduction-to-GIS {
				background-color:#4fffcb;
			}
			.intermediate-GIS {
				background-color:#b6fffc;
			}
			.model-builder {
				background-color:#f3873f;
			}
			.spatial-analyst {
				background-color:#ff6573;
			}
			.lunch {
				background-color:#ffcd1e;
			}
			.day {
				background-color:#fbff97;
			}