"Time Table for School"
Bootstrap 4.1.1 Snippet by priyankagautam

Post to Facebook Tweet this

<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> <!------ Include the above in your HEAD tag ----------> <!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> <td width ="30%">English</td> <td width ="15%">GK</td> </tr> <tr align="center"> <td width ="25%" bgcolor = "grey">Friday</td> <td width ="15%">Science</td> <td width ="30%">Hindi</td> <td width ="15%">Computer</td> </tr> </tbody> </table> </body> </html>

Related: See More

Vue Now UI Kit
School Form
Bootstrap Tabs with Table
Creative Princing Table

Questions / Comments: