<div class="table-responsive">
    <table class="table vl-custom-table">
        <thead>
        <tr>
            <th>زمان</th>
            <th>کلاس</th>
            <th>معلم</th>
            <th>هم اکنون وارد شوید</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>10:00 قبل ظهر - 12:00 قبل ظهر</td>
            <td>
                <h6>پرتاب طناب</h6>
                <span class="text-muted">داخل سالن</span>
            </td>
            <td>
                <h6>آندره مایر</h6>
                <span class="text-muted">2 سال تجربه </span>
            </td>
            <td>
                <a href="#" class="btn btn-pill btn-outline">هم اکنون وارد شوید</a>
            </td>
        </tr>
        <tr>
            <td>10:00 قبل ظهر - 12:00 قبل ظهر</td>
            <td>
                <h6>شدت </h6>
                <span class="text-muted">آموزش شنا</span>
            </td>
            <td>
                <h6>گرترود تایلر</h6>
                <span class="text-muted">2 سال تجربه </span>
            </td>
            <td>
                <a href="#" class="btn btn-pill btn-outline">هم اکنون وارد شوید</a>
            </td>
        </tr>
        <tr>
            <td>10:00 قبل ظهر - 12:00 قبل ظهر</td>
            <td>
                <h6>یوگا </h6>
                <span class="text-muted">در ساحل</span>
            </td>
            <td>
                <h6>کلاید هینس</h6>
                <span class="text-muted">2 سال تجربه </span>
            </td>
            <td>
                <a href="#" class="btn btn-pill btn-outline">هم اکنون وارد شوید</a>
            </td>
        </tr>
        </tbody>
    </table>
</div>

<div class="table-responsive">
    <table class="table table-bordered table-striped">
        <thead>
        <tr>
            <th>زمان</th>
            <th>کلاس</th>
            <th>معلم</th>
            <th>هم اکنون وارد شوید</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>10:00 قبل ظهر - 12:00 قبل ظهر</td>
            <td>
                پرتاب طناب
            </td>
            <td>
                آندره مایر
            </td>
            <td>
                <a href="#" class="btn btn-sm btn-pill btn-outline">هم اکنون وارد شوید</a>
            </td>
        </tr>
        <tr>
            <td>10:00 قبل ظهر - 12:00 قبل ظهر</td>
            <td>
                شدت
            </td>
            <td>
                گرترود تایلر
            </td>
            <td>
                <a href="#" class="btn btn-sm btn-pill btn-outline">هم اکنون وارد شوید</a>
            </td>
        </tr>
        <tr>
            <td>10:00 قبل ظهر - 12:00 قبل ظهر</td>
            <td>
                یوگا
            </td>
            <td>
                کلاید هینس
            </td>
            <td>
                <a href="#" class="btn btn-sm btn-pill btn-outline">هم اکنون وارد شوید</a>
            </td>
        </tr>
        </tbody>
    </table>
</div>