<div class="table-responsive">
    <table class="table vl-custom-table">
        <thead>
        <tr>
            <th>Time</th>
            <th>Class</th>
            <th>Teacher</th>
            <th>Join Now</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>10:00am - 12:00am</td>
            <td>
                <h6>Rope Skipping</h6>
                <span class="text-muted">Indoor</span>
            </td>
            <td>
                <h6>Andre Mayer</h6>
                <span class="text-muted">2 Years experience </span>
            </td>
            <td>
                <a href="#" class="btn btn-pill btn-outline">Join Now</a>
            </td>
        </tr>
        <tr>
            <td>12:00am - 2:00am</td>
            <td>
                <h6>Intensity </h6>
                <span class="text-muted">BW Training</span>
            </td>
            <td>
                <h6>Gertrude  Tyler</h6>
                <span class="text-muted">2 Years experience </span>
            </td>
            <td>
                <a href="#" class="btn btn-pill btn-outline">Join Now</a>
            </td>
        </tr>
        <tr>
            <td>2:00am - 5:00am</td>
            <td>
                <h6>Yoga </h6>
                <span class="text-muted">On the Beach</span>
            </td>
            <td>
                <h6>Clyde Haynes</h6>
                <span class="text-muted">2 Years experience </span>
            </td>
            <td>
                <a href="#" class="btn btn-pill btn-outline">Join Now</a>
            </td>
        </tr>
        </tbody>
    </table>
</div>

<div class="table-responsive">
    <table class="table table-bordered table-striped">
        <thead>
        <tr>
            <th>Time</th>
            <th>Class</th>
            <th>Teacher</th>
            <th>Join Now</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>10:00am - 12:00am</td>
            <td>
                Rope Skipping
            </td>
            <td>
                Andre Mayer
            </td>
            <td>
                <a href="#" class="btn btn-sm btn-pill btn-outline">Join Now</a>
            </td>
        </tr>
        <tr>
            <td>12:00am - 2:00am</td>
            <td>
                Intensity
            </td>
            <td>
                Gertrude  Tyler
            </td>
            <td>
                <a href="#" class="btn btn-sm btn-pill btn-outline">Join Now</a>
            </td>
        </tr>
        <tr>
            <td>2:00am - 5:00am</td>
            <td>
                Yoga
            </td>
            <td>
                Clyde Haynes
            </td>
            <td>
                <a href="#" class="btn btn-sm btn-pill btn-outline">Join Now</a>
            </td>
        </tr>
        </tbody>
    </table>
</div>