Tables

Patients Status
PatientsAdressAdmitedDischargeProgressStatus
profile-imageJony2861 Geneva Street, New York, 10016Mar 17, 2023Mar 19, 2023
40% Complete
Admit
profile-imageMarco Sent3387 Caldwell Road, Rochester, 14620Mar 17, 2023Mar 22, 2023
100% Complete
Discharge
profile-imageMarco Sent3958 Kuhl Avenue, Smyrna, 64507Mar 17, 2023Mar 19, 2023
100% Complete
Discharge
profile-imageDean Otto3387 Caldwell Road, Rochester, 14620Mar 17, 2023Mar 23, 2023
15% Complete
Admit
profile-imageHughe L.3958 Kuhl Avenue, Smyrna, 64507Apr 23, 2023Apr 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
#SourceVisitsAvg. TimeBounce Rate
1https://Pixelwibes.com/98055s5.2%
2https://Pixelwibes.com/85116s8.0%
3https://Pixelwibes.com/32110s5.7%
4https://Pixelwibes.com/20557s5.3%
5https://Pixelwibes.com/8945s6.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://Pixelwibes.com/" target="_blank">https://Pixelwibes.com/</a>
                            </td>
                            <td>980</td>
                            <td>55s</td>
                            <td>5.2%</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td><a href="https://Pixelwibes.com/" target="_blank">https://Pixelwibes.com/</a>
                            </td>
                            <td>851</td>
                            <td>16s</td>
                            <td>8.0%</td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td><a href="https://Pixelwibes.com/" target="_blank">https://Pixelwibes.com/</a>
                            </td>
                            <td>321</td>
                            <td>10s</td>
                            <td>5.7%</td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td><a href="https://Pixelwibes.com/" target="_blank">https://Pixelwibes.com/</a>
                            </td>
                            <td>205</td>
                            <td>57s</td>
                            <td>5.3%</td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td><a href="https://Pixelwibes.com/" target="_blank">https://Pixelwibes.com/</a>
                            </td>
                            <td>89</td>
                            <td>45s</td>
                            <td>6.1%</td>
                        </tr>
                    </tbody>
                </table>
            </div>
Project Status
TitleDate StartDays to DeadlineProgressPriorityLeaderStatus
Ebazar12-02-202312 days
95%
MEDIUMAvatarIreneACTIVE
EShop24-05-202330 days
40%
LOWAvatarJasminePENDING
Food Buddy20-09-202350 days
65%
HIGHAvatarJasmineACTIVE
Property Pro05-10-202340 days
77%
MEDIUMAvatarIreneACTIVE
Testroutes15-11-202330 days
25%
LOWAvatarMeganACTIVE
Property Pro05-10-2023N/A
100%
MEDIUMAvatarIreneCLOSED
<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
IDNameAgeAddressNumberDepartment
OU 00456Joseph252861 Geneva Street, New York, 10016516-503-6013MCA
KU 00789Cameron273387 Caldwell Road, Rochester, 14620516-503-4569Medical
KU 00987Alex233387 Caldwell Road, Rochester, 14620516-503-7412M.COM
OU 00951James2343958 Kuhl Avenue, Smyrna, 64507516-503-2589MBA
OU 00953charlie213387 Caldwell Road, Rochester, 14620516-503-9632BBA
KU 00987Alex233387 Caldwell Road, Rochester, 14620516-503-7412M.COM
OU 00951James2343958 Kuhl Avenue, Smyrna, 64507516-503-2589MBA
OU 00456Joseph252861 Geneva Street, New York, 10016516-503-6013MCA
<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
DayYoga GuruYogaSessionStudentAction
Monday
Frank Baker
Bridge – Bandha Sarvangasana5friend friend friend friend
Tuesday
Liam Berry
Arm Balance – Pincha Mayurasana11friend friend friend friend
Wednesday
Stephen McLean
Triangle – Trikonasana4friend friend friend
Thursday
Frank Baker
Child Pose – Balasana6friend friend friend friend friend friend
Friday
Frank Baker
Downward Dog – Adho Mukha Svanasana2friend friend friend
Saturday
Gordon Butler
King Dancer – Natarajasana2friend friend
<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
TimeMondayTuesdayWednesdayThursdayFridaySaturday
09:00amDance
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:00amMusic
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:00amBreak
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:00pmArt
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:00pmEnglish
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>
Template Setting
Set Theme Color
Template Layouts
Icon Border Stroke
Layout Section Ligh/Dark
More App Setting