<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 1: Time Table for School</title>
</head>
<body>
<h3>COACHING TIME TABLE</h3> <hr/>
<table width ="100%" height = "220px" border cellspacing ="0">
<thead>
<th colspan="5">Time Table</th>
</thead>
<tbody>
<tr bgcolor = "grey" align="center">
<td width ="25%">Days</td>
<td width ="15%">1</td>
<td width ="30%">2</td>
<td width ="5%" rowspan="4" align="center">L<br/>U<br/>N<br/>C<br/>H</td>
<td width ="15%">3</td>
</tr>
<tr align="center">
<td width ="25%" bgcolor = "grey">Monday</td>
<td width ="15%">English</td>
<td width ="30%">Social Science</td>
<td width ="15%">Sanskrit</td>
</tr>
<tr align="center">
<td width ="25%" bgcolor = "grey">Wednesday</td>
<td width ="15%">Maths</td>
