Skip to content

Instantly share code, notes, and snippets.

@faizan1947

faizan1947/HTML PSL Schedule

Created May 9, 2021 01:00
Show Gist options
  • Save faizan1947/32a638068e403e5f27c5de6fce83e3aa to your computer and use it in GitHub Desktop.
Save faizan1947/32a638068e403e5f27c5de6fce83e3aa to your computer and use it in GitHub Desktop.
Download ZIP
Raw
HTML PSL Schedule
<!--HTML-->
<html>
<head>
<style type="text/css">
/*CSS*/
* {
font-family: sans-serif; /* Change your font family */
}
.content-table {
border-collapse: collapse;
margin: 25px 0;
font-size: 0.9em;
min-width: 200px; /* Change this */
border-radius: 5px 5px 0 0;
overflow: hidden;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.content-table thead tr {
background-color: #009879;
color: #ffffff;
text-align: left;
font-weight: bold;
}
.content-table th,
.content-table td {
padding: 12px 15px;
}
.content-table tbody tr {
border-bottom: 1px solid #dddddd;
}
.content-table tbody tr:nth-of-type(even) {
background-color: #f3f3f3;
}
.content-table tbody tr:last-of-type {
border-bottom: 2px solid #009879;
}
.content-table tbody tr.active-row {
font-weight: bold;
color: #ff0000;
}
</style>
</head>
<body>
<table class="content-table">
<thead>
<tr>
<th>Date</th>
<th>Day</th>
<th>Night</th>
<th>Venue</th>
</tr>
</thead>
<tbody>
<tr>
<td>20 Feb</td>
<td></td> <!--Day-->
<td>KK v QG</td> <!--Night-->
<td>Karachi</td>
</tr>
<tr>
<td>21 Feb</td>
<td>LQ v PZ</td> <!--Day-->
<td>IU vs MS</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>22 Feb</td>
<td></td> <!--Day-->
<td>LQ v QG</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>23 Feb</td>
<td></td> <!--Day-->
<td>PZ vs MS</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>24 Feb</td>
<td></td> <!--Day-->
<td>KK vs IU</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>26 Feb</td>
<td>LQ vs MS</td> <!--Day-->
<td>PZ vs QG</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr class="active-row">
<td>27 Feb</td>
<td>KK vs MS</td> <!--Day-->
<td>PZ vs IU</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>28 Feb</td>
<td></td> <!--Day-->
<td>KK vs LQ</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>1 Mar</td>
<td></td> <!--Day-->
<td>IU vs QG</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>3 Mar</td>
<td>KK vs PZ</td> <!--Day-->
<td>QG vs MS</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>4 Mar</td>
<td></td> <!--Day-->
<td>LQ vs IU</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>5 Mar</td>
<td></td> <!--Day-->
<td>MS vs KK</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>6 Mar</td>
<td>IU vs QG</td> <!--Day-->
<td>PZ vs LQ</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>7 Mar</td>
<td>MS vs QG</td> <!--Day-->
<td>IU vs KK</td> <!--Night-->
<td>Karachi</td> <!--Stadium-->
</tr>
<tr>
<td>10 Mar</td>
<td></td> <!--Day-->
<td>PZ vs KK</td> <!--Night-->
<td>Lahore</td> <!--Stadium-->
</tr>
<tr>
<td>11 Mar</td>
<td></td> <!--Day-->
<td>QG vs LQ</td> <!--Night-->
<td></td> <!--Stadium-->
</tr>
<tr>
<td>12 Mar</td>
<td>MS vs PZ</td> <!--Day-->
<td>IU vs LQ</td> <!--Night-->
<td>Lahore</td> <!--Stadium-->
</tr>
<tr>
<td>13 Mar</td>
<td>QG vs KK</td> <!--Day-->
<td>MS vs IU</td> <!--Night-->
<td>Lahore</td> <!--Stadium-->
</tr>
<tr>
<td>14 Mar</td>
<td>QG vs PZ</td> <!--Day-->
<td>LQ vs KK</td> <!--Night-->
<td>Lahore</td> <!--Stadium-->
</tr>
<tr>
<td>15 Mar</td>
<td></td> <!--Day-->
<td>IU vs PZ</td> <!--Night-->
<td>Lahore</td> <!--Stadium-->
</tr>
<tr>
<td>16 Mar</td>
<td></td> <!--Day-->
<td>MS vs LQ</td> <!--Night-->
<td>Lahore</td> <!--Stadium-->
</tr>
<tr>
<td>18 Mar</td>
<td></td> <!--Day-->
<td>Qlualifier T1 vs T2</td> <!--Night-->
<td></td> <!--Stadium-->
</tr>
<tr>
<td>19 Mar</td>
<td></td> <!--Day-->
<td>Eliminator T3 vs T4</td> <!--Night-->
<td>Lahore</td> <!--Stadium-->
</tr>
<tr>
<td>20 Mar</td>
<td></td> <!--Day-->
<td></td> <!--Night-->
<td>Lahore</td> <!--Stadium-->
</tr>
<tr>
<td>22 Mar</td>
<td></td> <!--Day-->
<td>Final</td> <!--Night-->
<td>Lahore</td> <!--Stadium-->
</tr>
</tbody>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment