: HotelAir : Hotel Management Admin Dashboard Template

Table example

Patients Status

Show Code

Patients	Adress	Admited	Discharge	Progress	Status
Jony	2861 Geneva Street, New York, 10016	Mar 17, 2023	Mar 19, 2023	40% Complete	Admit
Marco Sent	3387 Caldwell Road, Rochester, 14620	Mar 17, 2023	Mar 22, 2023	100% Complete	Discharge
Marco Sent	3958 Kuhl Avenue, Smyrna, 64507	Mar 17, 2023	Mar 19, 2023	100% Complete	Discharge
Dean Otto	3387 Caldwell Road, Rochester, 14620	Mar 17, 2023	Mar 23, 2023	15% Complete	Admit
Hughe L.	3958 Kuhl Avenue, Smyrna, 64507	Apr 23, 2023	Apr 23, 2023	85% Complete	Admit

<table class="myDataTable table table-hover align-middle mb-0" style="width: 100%;">
	<thead>
		<tr>
			<th>Patients</th>
			<th>Adress</th>
			<th>Admited</th>
			<th>Discharge</th>
			<th>Progress</th>
			<th>Status</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td><img src="../assets/images/xs/avatar3.jpg" class="avatar sm rounded me-2" alt="profile-image"><span>Jony</span></td>
			<td>2861 Geneva Street, New York, 10016</td>
			<td>Mar 17, 2023</td>
			<td>Mar 19, 2023</td>
			<td>
				<div class="progress" style="height: 3px;">
					<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;"> <span class="sr-only">40% Complete</span> </div>
				</div>
			</td>
			<td><span class="badge bg-info">Admit</span></td>
		</tr>
		<tr>
			<td><img src="../assets/images/xs/avatar1.jpg" class="avatar sm rounded me-2" alt="profile-image"><span>Marco Sent</span></td>
			<td>3387 Caldwell Road, Rochester,  14620</td>
			<td>Mar 17, 2023</td>
			<td>Mar 22, 2023</td>
			<td>
				<div class="progress" style="height: 3px;">
					<div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"> <span class="sr-only">100% Complete</span> </div>
				</div>
			</td>
			<td><span class="badge bg-success">Discharge</span></td>
		</tr>
		<tr>
			<td><img src="../assets/images/xs/avatar2.jpg" class="avatar sm rounded me-2" alt="profile-image"><span>Marco Sent</span></td>
			<td>3958 Kuhl Avenue, Smyrna,  64507</td>
			<td>Mar 17, 2023</td>
			<td>Mar 19, 2023</td>
			<td>
				<div class="progress" style="height: 3px;">
					<div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"> <span class="sr-only">100% Complete</span> </div>
				</div>
			</td>
			<td><span class="badge bg-success">Discharge</span></td>
		</tr>
		<tr>
			<td><img src="../assets/images/xs/avatar4.jpg" class="avatar sm rounded me-2" alt="profile-image"><span>Dean Otto</span></td>
			<td>3387 Caldwell Road, Rochester,  14620</td>
			<td>Mar 17, 2023</td>
			<td>Mar 23, 2023</td>
			<td>
				<div class="progress" style="height: 3px;">
					<div class="progress-bar bg-info" role="progressbar" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100" style="width: 15%;"> <span class="sr-only">15% Complete</span> </div>
				</div>
			</td>
			<td><span class="badge bg-info">Admit</span></td>
		</tr>
		<tr>
			<td><img src="../assets/images/xs/avatar5.jpg" class="avatar sm rounded me-2" alt="profile-image"><span>Hughe L.</span></td>
			<td>3958 Kuhl Avenue, Smyrna,  64507</td>
			<td>Apr 23, 2023</td>
			<td>Apr 23, 2023</td>
			<td>
				<div class="progress" style="height: 3px;">
					<div class="progress-bar bg-danger" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;"> <span class="sr-only">85% Complete</span> </div>
				</div>
			</td>
			<td><span class="badge bg-info">Admit</span></td>
		</tr>
	</tbody>
</table>

Website Performance

Show Code

#	Source	Visits	Avg. Time	Bounce Rate
1	https://Hotelair.com/	980	55s	5.2%
2	https://Hotelair.com/	851	16s	8.0%
3	https://Hotelair.com/	321	10s	5.7%
4	https://Hotelair.com/	205	57s	5.3%
5	https://Hotelair.com/	89	45s	6.1%

<div class="table-responsive">
	<table class="table table-borderless table-hover mb-0">
		<thead>
			<tr>
				<th>#</th>
				<th>Source</th>
				<th>Visits</th>
				<th>Avg. Time</th>
				<th>Bounce Rate</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td><a href="https://Hotelair.com/" target="_blank">https://Hotelair.com/</a>
				</td>
				<td>980</td>
				<td>55s</td>
				<td>5.2%</td>
			</tr>
			<tr>
				<td>2</td>
				<td><a href="https://Hotelair.com/" target="_blank">https://Hotelair.com/</a>
				</td>
				<td>851</td>
				<td>16s</td>
				<td>8.0%</td>
			</tr>
			<tr>
				<td>3</td>
				<td><a href="https://Hotelair.com/" target="_blank">https://Hotelair.com/</a>
				</td>
				<td>321</td>
				<td>10s</td>
				<td>5.7%</td>
			</tr>
			<tr>
				<td>4</td>
				<td><a href="https://Hotelair.com/" target="_blank">https://Hotelair.com/</a>
				</td>
				<td>205</td>
				<td>57s</td>
				<td>5.3%</td>
			</tr>
			<tr>
				<td>5</td>
				<td><a href="https://Hotelair.com/" target="_blank">https://Hotelair.com/</a>
				</td>
				<td>89</td>
				<td>45s</td>
				<td>6.1%</td>
			</tr>
		</tbody>
	</table>
</div>

Project Status

Show Code

Title	Date Start	Days to Deadline	Progress	Priority	Leader	Status
Ebazar	12-02-2023	12 days	95%	MEDIUM	Irene	ACTIVE
EShop	24-05-2023	30 days	40%	LOW	Jasmine	PENDING
Food Buddy	20-09-2023	50 days	65%	HIGH	Jasmine	ACTIVE
Property Pro	05-10-2023	40 days	77%	MEDIUM	Irene	ACTIVE
Testroutes	15-11-2023	30 days	25%	LOW	Megan	ACTIVE
Property Pro	05-10-2023	N/A	100%	MEDIUM	Irene	CLOSED

<table class="myDataTable table table-hover align-middle mb-0" style="width:100%">
	<thead>
		<tr>
			<th>Title</th>
			<th>Date Start</th>
			<th>Days to Deadline</th>
			<th>Progress</th>
			<th>Priority</th>
			<th>Leader</th>
			<th>Status</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td><a href="#">Ebazar</a></td>
			<td>12-02-2023</td>
			<td>12 days</td>
			<td>
				<div class="progress">
					<div class="progress-bar" data-transitiongoal="95" aria-valuenow="95" style="width: 95%;">95%</div>
				</div>
			</td>
			<td><span class="badge bg-warning">MEDIUM</span></td>
			<td><img src="../assets/images/xs/avatar1.jpg" alt="Avatar" class="avatar sm rounded me-2"><a href="#">Irene</a></td>
			<td><span class="badge bg-success">ACTIVE</span></td>
		</tr>
		<tr>
			<td><a href="#">EShop</a></td>
			<td>24-05-2023</td>
			<td>30 days</td>
			<td>
				<div class="progress">
					<div class="progress-bar" data-transitiongoal="40" aria-valuenow="40" style="width: 40%;">40%</div>
				</div>
			</td>
			<td><span class="badge bg-success">LOW</span></td>
			<td><img src="../assets/images/xs/avatar2.jpg" alt="Avatar" class="avatar sm rounded me-2"><a href="#">Jasmine</a></td>
			<td><span class="badge bg-warning">PENDING</span></td>
		</tr>
		<tr>
			<td><a href="#">Food Buddy</a></td>
			<td>20-09-2023</td>
			<td>50 days</td>
			<td>
				<div class="progress">
					<div class="progress-bar" data-transitiongoal="65" aria-valuenow="65" style="width: 65%;">65%</div>
				</div>
			</td>
			<td><span class="badge bg-danger">HIGH</span></td>
			<td><img src="../assets/images/xs/avatar3.jpg" alt="Avatar" class="avatar sm rounded me-2"><a href="#">Jasmine</a></td>
			<td><span class="badge bg-success">ACTIVE</span></td>
		</tr>
		<tr>
			<td><a href="#">Property Pro</a></td>
			<td>05-10-2023</td>
			<td>40 days</td>
			<td>
				<div class="progress">
					<div class="progress-bar" data-transitiongoal="77" aria-valuenow="77" style="width: 77%;">77%</div>
				</div>
			</td>
			<td><span class="badge bg-warning">MEDIUM</span></td>
			<td><img src="../assets/images/xs/avatar4.jpg" alt="Avatar" class="avatar sm rounded me-2"><a href="#">Irene</a></td>
			<td><span class="badge bg-success">ACTIVE</span></td>
		</tr>
		<tr>
			<td><a href="#">Testroutes</a></td>
			<td>15-11-2023</td>
			<td>30 days</td>
			<td>
				<div class="progress">
					<div class="progress-bar" data-transitiongoal="25" aria-valuenow="25" style="width: 25%;">25%</div>
				</div>
			</td>
			<td><span class="badge bg-success">LOW</span></td>
			<td><img src="../assets/images/xs/avatar5.jpg" alt="Avatar" class="avatar sm rounded me-2"><a href="#">Megan</a></td>
			<td><span class="badge bg-success">ACTIVE</span></td>
		</tr>
		<tr>
			<td><a href="#">Property Pro</a></td>
			<td>05-10-2023</td>
			<td>N/A</td>
			<td>
				<div class="progress">
					<div class="progress-bar progress-bar-default" data-transitiongoal="100" aria-valuenow="100" style="width: 100%;">100%</div>
				</div>
			</td>
			<td><span class="badge bg-secondary">MEDIUM</span></td>
			<td><img src="../assets/images/xs/avatar6.jpg" alt="Avatar" class="avatar sm rounded me-2"><a href="#">Irene</a></td>
			<td><span class="badge bg-secondary">CLOSED</span></td>
		</tr>
	</tbody>
</table>

New Admission List

Show Code

ID	Name	Age	Address	Number	Department
OU 00456	Joseph	25	2861 Geneva Street, New York, 10016	516-503-6013	MCA
KU 00789	Cameron	27	3387 Caldwell Road, Rochester, 14620	516-503-4569	Medical
KU 00987	Alex	23	3387 Caldwell Road, Rochester, 14620	516-503-7412	M.COM
OU 00951	James	23	43958 Kuhl Avenue, Smyrna, 64507	516-503-2589	MBA
OU 00953	charlie	21	3387 Caldwell Road, Rochester, 14620	516-503-9632	BBA
KU 00987	Alex	23	3387 Caldwell Road, Rochester, 14620	516-503-7412	M.COM
OU 00951	James	23	43958 Kuhl Avenue, Smyrna, 64507	516-503-2589	MBA
OU 00456	Joseph	25	2861 Geneva Street, New York, 10016	516-503-6013	MCA

<table class="myDataTable table table-hover m-b-0" style="width: 100%;">
	<thead>
		<tr>
			<th>ID</th>
			<th>Name</th>
			<th>Age</th>
			<th>Address</th>
			<th>Number</th>
			<th>Department</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>OU 00456</td>
			<td>Joseph</td>
			<td>25</td>
			<td>2861 Geneva Street, New York, 10016</td>
			<td>516-503-6013</td>
			<td><span class="badge bg-primary">MCA</td>
		</tr>
		<tr>
			<td>KU 00789</td>
			<td>Cameron</td>
			<td>27</td>
			<td>3387 Caldwell Road, Rochester,  14620</td>
			<td>516-503-4569</td>
			<td><span class="badge bg-warning">Medical</td>
		</tr>
		<tr>
			<td>KU 00987</td>
			<td>Alex</td>
			<td>23</td>
			<td>3387 Caldwell Road, Rochester,  14620</td>
			<td>516-503-7412</td>
			<td><span class="badge bg-info">M.COM</td>
		</tr>
		<tr>
			<td>OU 00951</td>
			<td>James</td>
			<td>23</td>
			<td>43958 Kuhl Avenue, Smyrna,  64507</td>
			<td>516-503-2589</td>
			<td><span class="badge bg-dark">MBA</td>
		</tr>
		<tr>
			<td>OU 00953</td>
			<td>charlie</td>
			<td>21</td>
			<td>3387 Caldwell Road, Rochester,  14620</td>
			<td>516-503-9632</td>
			<td><span class="badge bg-success">BBA</td>
		</tr>
		<tr>
			<td>KU 00987</td>
			<td>Alex</td>
			<td>23</td>
			<td>3387 Caldwell Road, Rochester,  14620</td>
			<td>516-503-7412</td>
			<td><span class="badge bg-info">M.COM</td>
		</tr>
		<tr>
			<td>OU 00951</td>
			<td>James</td>
			<td>23</td>
			<td>43958 Kuhl Avenue, Smyrna,  64507</td>
			<td>516-503-2589</td>
			<td><span class="badge bg-dark">MBA</td>
		</tr>
		<tr>
			<td>OU 00456</td>
			<td>Joseph</td>
			<td>25</td>
			<td>2861 Geneva Street, New York, 10016</td>
			<td>516-503-6013</td>
			<td><span class="badge bg-primary">MCA</td>
		</tr>
	</tbody>
</table>

Schedule Table

Show Code

Day	Yoga Guru	Yoga	Session
Monday	Frank Baker	Bridge – Bandha Sarvangasana	5
Tuesday	Liam Berry	Arm Balance – Pincha Mayurasana	11
Wednesday	Stephen McLean	Triangle – Trikonasana	4
Thursday	Frank Baker	Child Pose – Balasana	6
Friday	Frank Baker	Downward Dog – Adho Mukha Svanasana	2
Saturday	Gordon Butler	King Dancer – Natarajasana	2

<ul class="nav nav-tabs tab-card mb-4" role="tablist">
	<li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#nav-week1" role="tab">Week 1</a></li>
	<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#nav-week2" role="tab">Week 2</a></li>
	<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#nav-week3" role="tab">Week 3</a></li>
	<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#nav-week4" role="tab">Week 4</a></li>
</ul>
<table id="myDataTable_no_filter" class="table align-middle table-bordered mb-0 custom-table dataTable m-0 w-100">
	<thead>
		<tr>                                       
			<th>Day</th>
			<th>Yoga Guru</th>
			<th>Yoga</th>
			<th>Session</th>
			<th>Student</th>
			<th>Action</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Monday</td>
			<td class="d-flex align-items-center">
				<img src="../assets/images/xs/avatar1.jpg" class="rounded sm avatar" alt="">
				<div class="ms-2 mb-0">Frank Baker</div>
			</td>
			<td>Bridge – Bandha Sarvangasana</td>
			<td>5</td>
			<td>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar3.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar1.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar7.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar9.jpg" alt="friend"> </a>
			</td>
			<td>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Video"><i class="fa fa-youtube-play"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Send Video"><i class="fa fa-envelope"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Download"><i class="fa fa-download"></i></button>
			</td>
		</tr>
		<tr>
			<td>Tuesday</td>
			<td class="d-flex align-items-center">
				<img src="../assets/images/xs/avatar2.jpg" class="rounded sm avatar" alt="">
				<div class="ms-2 mb-0">Liam Berry</div>
			</td>
			<td>Arm Balance – Pincha Mayurasana</td>
			<td>11</td>
			<td>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar4.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar5.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar6.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar7.jpg" alt="friend"> </a>
			</td>
			<td>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Video"><i class="fa fa-youtube-play"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Send Video"><i class="fa fa-envelope"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Download"><i class="fa fa-download"></i></button>
			</td>
		</tr>
		<tr>
			<td>Wednesday</td>
			<td class="d-flex align-items-center">
				<img src="../assets/images/xs/avatar3.jpg" class="rounded sm avatar" alt="">
				<div class="ms-2 mb-0">Stephen McLean</div>
			</td>
			<td>Triangle – Trikonasana</td>
			<td>4</td>
			<td>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar8.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar9.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar10.jpg" alt="friend"> </a>
			</td>
			<td>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Video"><i class="fa fa-youtube-play"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Send Video"><i class="fa fa-envelope"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Download"><i class="fa fa-download"></i></button>
			</td>
		</tr>
		<tr>
			<td>Thursday</td>
			<td class="d-flex align-items-center">
				<img src="../assets/images/xs/avatar1.jpg" class="rounded sm avatar" alt="">
				<div class="ms-2 mb-0">Frank Baker</div>
			</td>
			<td>Child Pose – Balasana</td>
			<td>6</td>
			<td>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar1.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar2.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar3.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar4.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar5.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar6.jpg" alt="friend"> </a>
			</td>
			<td>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Video"><i class="fa fa-youtube-play"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Send Video"><i class="fa fa-envelope"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Download"><i class="fa fa-download"></i></button>
			</td>
		</tr>
		<tr>
			<td>Friday</td>
			<td class="d-flex align-items-center">
				<img src="../assets/images/xs/avatar1.jpg" class="rounded sm avatar" alt="">
				<div class="ms-2 mb-0">Frank Baker</div>
			</td>
			<td>Downward Dog – Adho Mukha Svanasana</td>
			<td>2</td>
			<td>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar10.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar5.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar2.jpg" alt="friend"> </a>
			</td>
			<td>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Video"><i class="fa fa-youtube-play"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Send Video"><i class="fa fa-envelope"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Download"><i class="fa fa-download"></i></button>
			</td>
		</tr>
		<tr>
			<td>Saturday</td>
			<td class="d-flex align-items-center">
				<img src="../assets/images/xs/avatar8.jpg" class="rounded sm avatar" alt="">
				<div class="ms-2 mb-0">Gordon Butler</div>
			</td>
			<td>King Dancer – Natarajasana</td>
			<td>2</td>
			<td>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar4.jpg" alt="friend"> </a>
				<a href="#" title=""><img class="avatar xs rounded" src="../assets/images/xs/avatar9.jpg" alt="friend"> </a>
			</td>
			<td>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Video"><i class="fa fa-youtube-play"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Send Video"><i class="fa fa-envelope"></i></button>
				<button type="button" class="btn btn-link btn-sm text-muted" data-bs-toggle="tooltip" data-bs-placement="top" title="Download"><i class="fa fa-download"></i></button>
			</td>
		</tr>
	</tbody>
</table>

Timetable Table

Show Code

Time	Monday	Tuesday	Wednesday	Thursday	Friday	Saturday
09:00am	Dance 9:00-10:00 Stephen McLean	Yoga 9:00-10:00 Marco Sent	Music 9:00-10:00 Stephen McLean	Dance 9:00-10:00 Stephen McLean	Art 9:00-10:00 Dean Otto	English 9:00-10:00 James Smith
10:00am	Music 10:00-11:00 Stephen McLean		Art 10:00-11:00 Dean Otto	Yoga 10:00-11:00 Marco Sent	English 10:00-11:00 James Smith
11:00am	Break 11:00-12:00	Break 11:00-12:00	Break 11:00-12:00	Break 11:00-12:00	Break 11:00-12:00	Break 11:00-12:00
12:00pm		Art 12:00-1:00 Dean Otto	Dance 12:00-1:00 Stephen McLean	Music 12:00-1:00 Stephen McLean		Yoga 12:00-1:00 Marco Sent
01:00pm	English 1:00-2:00 James Smith	Music 1:00-2:00 Stephen McLean		English 1:00-2:00 James Smith	Yoga 1:00-2:00 Marco Sent	Music 1:00-2:00 Stephen McLean

<ul class="nav nav-tabs tab-card" role="tablist">
	<li class="nav-item dropdown">
		<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Month</a>
		<ul class="dropdown-menu border-0 shadow py-3 px-2">
			<li><a class="dropdown-item py-2 rounded" href="#">Jan 2021</a></li>
			<li><a class="dropdown-item py-2 rounded" href="#">Feb 2021</a></li>
			<li><a class="dropdown-item py-2 rounded" href="#">March 2021</a></li>
			<li><a class="dropdown-item py-2 rounded" href="#">Apr 2021</a></li>
			<li><a class="dropdown-item py-2 rounded" href="#">May 2021</a></li>
		</ul>
	</li>
	<li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#nav-week1" role="tab">Week 1</a></li>
	<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#nav-week1" role="tab">Week 2</a></li>
	<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#nav-week1" role="tab">Week 3</a></li>
	<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#nav-week1" role="tab">Week 4</a></li>
</ul>
<div class="table-responsive">
	<table class="table align-middle table-bordered mb-0 custom-table text-center">
		<thead>
			<tr class="bg-light-gray">
				<th>Time</th>
				<th>Monday</th>
				<th>Tuesday</th>
				<th>Wednesday</th>
				<th>Thursday</th>
				<th>Friday</th>
				<th>Saturday</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td class="align-middle">09:00am</td>
				<td>
					<span class="badge bg-info text-dark">Dance</span>
					<div class="mt-2">9:00-10:00</div>
					<div class="small text-muted">Stephen McLean</div>
				</td>
				<td>
					<span class="badge bg-warning text-dark">Yoga</span>
					<div class="mt-2">9:00-10:00</div>
					<div class="small text-muted">Marco Sent</div>
				</td>

				<td>
					<span class="badge bg-danger">Music</span>
					<div class="mt-2">9:00-10:00</div>
					<div class="small text-muted">Stephen McLean</div>
				</td>
				<td>
					<span class="badge bg-success">Dance</span>
					<div class="mt-2">9:00-10:00</div>
					<div class="small text-muted">Stephen McLean</div>
				</td>
				<td>
					<span class="badge bg-primary">Art</span>
					<div class="mt-2">9:00-10:00</div>
					<div class="small text-muted">Dean Otto</div>
				</td>
				<td>
					<span class="badge bg-dark">English</span>
					<div class="mt-2">9:00-10:00</div>
					<div class="small text-muted">James Smith</div>
				</td>
			</tr>

			<tr>
				<td class="align-middle">10:00am</td>
				<td>
					<span class="badge bg-danger">Music</span>
					<div class="mt-2">10:00-11:00</div>
					<div class="small text-muted">Stephen McLean</div>
				</td>
				<td class="bg-light-gray">

				</td>
				<td>
					<span class="badge bg-primary">Art</span>
					<div class="mt-2">10:00-11:00</div>
					<div class="small text-muted">Dean Otto</div>
				</td>
				<td>
					<span class="badge bg-warning text-dark">Yoga</span>
					<div class="mt-2">10:00-11:00</div>
					<div class="small text-muted">Marco Sent</div>
				</td>
				<td>
					<span class="badge bg-dark">English</span>
					<div class="mt-2">10:00-11:00</div>
					<div class="small text-muted">James Smith</div>
				</td>
				<td class="bg-light-gray">

				</td>
			</tr>

			<tr>
				<td class="align-middle">11:00am</td>
				<td>
					<span class="badge bg-light text-dark">Break</span>
					<div class="mt-2">11:00-12:00</div>
				</td>
				<td>
					<span class="badge bg-light text-dark">Break</span>
					<div class="mt-2">11:00-12:00</div>
				</td>
				<td>
					<span class="badge bg-light text-dark">Break</span>
					<div class="mt-2">11:00-12:00</div>
				</td>
				<td>
					<span class="badge bg-light text-dark">Break</span>
					<div class="mt-2">11:00-12:00</div>
				</td>
				<td>
					<span class="badge bg-light text-dark">Break</span>
					<div class="mt-2">11:00-12:00</div>
				</td>
				<td>
					<span class="badge bg-light text-dark">Break</span>
					<div class="mt-2">11:00-12:00</div>
				</td>
			</tr>

			<tr>
				<td class="align-middle">12:00pm</td>
				<td class="bg-light-gray">

				</td>
				<td>
					<span class="badge bg-primary">Art</span>
					<div class="mt-2">12:00-1:00</div>
					<div class="small text-muted">Dean Otto</div>
				</td>
				<td>
					<span class="badge bg-success">Dance</span>
					<div class="mt-2">12:00-1:00</div>
					<div class="small text-muted">Stephen McLean</div>
				</td>
				<td>
					<span class="badge bg-danger">Music</span>
					<div class="mt-2">12:00-1:00</div>
					<div class="small text-muted">Stephen McLean</div>
				</td>
				<td class="bg-light-gray">

				</td>
				<td>
					<span class="badge bg-warning text-dark">Yoga</span>
					<div class="mt-2">12:00-1:00</div>
					<div class="small text-muted">Marco Sent</div>
				</td>
			</tr>

			<tr>
				<td class="align-middle">01:00pm</td>
				<td>
					<span class="badge bg-dark">English</span>
					<div class="mt-2">1:00-2:00</div>
					<div class="small text-muted">James Smith</div>
				</td>
				<td>
					<span class="badge bg-danger">Music</span>
					<div class="mt-2">1:00-2:00</div>
					<div class="small text-muted">Stephen McLean</div>
				</td>
				<td class="bg-light-gray">

				</td>
				<td>
					<span class="badge bg-dark">English</span>
					<div class="mt-2">1:00-2:00</div>
					<div class="small text-muted">James Smith</div>
				</td>
				<td>
					<span class="badge bg-warning text-dark">Yoga</span>
					<div class="mt-2">1:00-2:00</div>
					<div class="small text-muted">Marco Sent</div>
				</td>
				<td>
					<span class="badge bg-danger">Music</span>
					<div class="mt-2">1:00-2:00</div>
					<div class="small text-muted">Stephen McLean</div>
				</td>
			</tr>
		</tbody>
	</table>
</div>

Widgets

Charts

Plugin (NPM)

Font icon

Table example

Patients Status

Website Performance

Project Status

New Admission List

Schedule Table

Timetable Table

Template Setting

Set Theme Color

Icon Border Stroke

Layout Section Ligh/Dark

More App Setting