New

<!
doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></s
cript>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<style type="text/css">
#t-width{
width: 180px;
}
</style>
</head>
<body>
<div class="container mt-5">
<p class="d-inline mr-2">Select Academic year</p>
<div class="dropdown d-inline-block">
<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-
toggle="dropdown">
2019
</button>
</div>
<p class="d-inline mr-2 ">Select Academic year</p>
toggle="dropdown">
BS(SE)2017
</button>
</div>
<button type="button" class="btn btn-primary">Submit</button>
<table class="table table-bordered mt-4 table-sm">
<thead>
<tr class="bg-info text-center">
<th>Days</th>
<th id="t-width">1<br>09:15-10:05</th>
<th id="t-width">2<br>10:05-10:55</th>
<th id="t-width">3<br>10:55-11:45</th>
<th id="t-width">4<br>11:45-12:35</th>
<th id="t-width">5<br>12:35-1:25</th>
<th id="t-width">6<br>1:25-2:15</th>
</tr>
</thead>
<tbody>
<tr>
<td>Monday</td>
<td>
toggle="dropdown">
ob
</button>
</div>
<div class="dropdown d-inline">
toggle="dropdown">
</button>
</div>
<button type="button" class="btn btn-primary" style="margin-right: -40px"
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Link 1</a>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
</tr>
<tr>
<td>Tuesday</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
</tr>
<tr>
<td>Wednesday</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
<tr>
<td>Thursday</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
</tr>
<td>Friday</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
<td>
toggle="dropdown">
ob
</button>
</div>
</div>
toggle="dropdown">
</button>
</div>
</div>
>Save</button>
</td>
</tr>
</tbody>
</table>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" href="#b18">Batches</a>
</li>
<a class="nav-link " href="#b17">BS(CS)2019</a>
</li>
<a class="nav-link " href="#">BS(SE)2019</a>
</li>
<a class="nav-link " href="#">BS(CS)2015</a>
</li>
</li>
</li>
</li>
</li>
</li>
</li>
</ul>
<br><br>
<div class="row ">
<div class="col-sm-3 ">
<ul class="list-group" >
<li class="list-group-item active">Rooms</li>
<li class="list-group-item">B-16</li>
<li class="list-group-item">FYP-1</li>
<li class="list-group-item">FYP-2</li>
<li class="list-group-item">Lab-1</li>
<li class="list-group-item">OS-lab</li>
</ul></div>
<div class="col-sm-5">
<div class="tab-content">
<div class="tab-pane container active" id="b18">
<h2 style="text-align: center;">B-16</h2>
<table class="table d-inline table-bordered">
<thead>
<tr class="bg-info">
<th class="w-50"></th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
</tr>
</thead>
<tbody>
<tr>
<td>Monday</td>
<td bgcolor="#FF0000"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Tuesday</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Wednesday</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Thursday</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Friday</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-sm-4">
<ul class="list-group d-inline" >
<li class="list-group-item active">Courses</li>
<li class="list-group-item">Object Oriented Programming(Theory)Anum Hameed</li>
<li class="list-group-item">Communication & Presentation Skills(Theory)Saba
Mazher</li>
<li class="list-group-item">Software Engineering(Theory)Sadia Javed</li>
<li class="list-group-item">Discrete structures(Theory)Javeria</li>
<li class="list-group-item">Pakistan studies(Theory)Miss Kaneez Fatima</li>
<li class="list-group-item">Tafseer ul Quran(Theory)Noor jahan</li>
<li class="list-group-item">forgien language Arabic(Theory)Dr Bushra</li>
<li class="list-group-item">Applied Physics(Theory)Ummay Faseeha</li>
<li class="list-group-item">English Composition & Comprehension(Theory)Saba
Mazher</li>
<li class="list-group-item">Agile Software development(Theory)Anum Hameed</li>
</ul>
</div>
</div>
</div>
</body>
</html>

New

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

New

Transféré par

Droits d'auteur :

Formats disponibles

<!

Vous aimerez peut-être aussi