BVITE

Michelle Glover

michelle.glover@gmail.com

Logout
Privacy policy•Terms•Cookies
Recent Search
Vite Bootstra 5 Contact's
Help
New around here? Sign up How to setup theme? View detail documentation
New users
avatar Kevin Gill avatar Michelle Glover avatar Jony Doe
  1. Home
  2. Pages
  3. Tables

Tables

Patients Status
Patients Adress Admited Discharge Progress Status
profile-imageJony 2861 Geneva Street, New York, 10016 Mar 17, 2023 Mar 19, 2023
40% Complete
Admit
profile-imageMarco Sent 3387 Caldwell Road, Rochester, 14620 Mar 17, 2023 Mar 22, 2023
100% Complete
Discharge
profile-imageMarco Sent 3958 Kuhl Avenue, Smyrna, 64507 Mar 17, 2023 Mar 19, 2023
100% Complete
Discharge
profile-imageDean Otto 3387 Caldwell Road, Rochester, 14620 Mar 17, 2023 Mar 23, 2023
15% Complete
Admit
profile-imageHughe 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
# Source Visits Avg. Time Bounce Rate
1 https://Pixelwibes.com/ 980 55s 5.2%
2 https://Pixelwibes.com/ 851 16s 8.0%
3 https://Pixelwibes.com/ 321 10s 5.7%
4 https://Pixelwibes.com/ 205 57s 5.3%
5 https://Pixelwibes.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://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
Title Date Start Days to Deadline Progress Priority Leader Status
Ebazar 12-02-2023 12 days
95%
 MEDIUM AvatarIrene ACTIVE
EShop 24-05-2023 30 days
40%
 LOW AvatarJasmine PENDING
Food Buddy 20-09-2023 50 days
65%
 HIGH AvatarJasmine ACTIVE
Property Pro 05-10-2023 40 days
77%
 MEDIUM AvatarIrene ACTIVE
Testroutes 15-11-2023 30 days
25%
 LOW AvatarMegan ACTIVE
Property Pro 05-10-2023 N/A
100%
 MEDIUM AvatarIrene 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
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
Day Yoga Guru Yoga Session Student Action
Monday
Frank Baker
 Bridge – Bandha Sarvangasana 5 friend friend friend friend
Tuesday
Liam Berry
 Arm Balance – Pincha Mayurasana 11 friend friend friend friend
Wednesday
Stephen McLean
 Triangle – Trikonasana 4 friend friend friend
Thursday
Frank Baker
 Child Pose – Balasana 6 friend friend friend friend friend friend
Friday
Frank Baker
 Downward Dog – Adho Mukha Svanasana 2 friend friend friend
Saturday
Gordon Butler
 King Dancer – Natarajasana 2 friend 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
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>
Template Setting
Set Theme Color
Template Layouts
Icon Border Stroke
Layout Section Ligh/Dark
More App Setting