mekuma-inc
12/30/2019 - 4:42 AM

Table Design #2

<!-- Table Schedule -->
<div class="table-responsive">
    <table class="table table-bordered table-hover table-dark u-table--v2 text-center text-uppercase g-col-border-side-0">
        <thead>
        <tr class="g-bg-primary g-col-border-top-0">
            <th class="g-brd-white-opacity-0_1"></th>
            <th class="g-brd-white-opacity-0_1">月曜日</th>
            <th class="g-brd-white-opacity-0_1">火曜日</th>
            <th class="g-brd-white-opacity-0_1">水曜日</th>
            <th class="g-brd-white-opacity-0_1">木曜日</th>
            <th class="g-brd-white-opacity-0_1">金曜日</th>
            <th class="g-brd-white-opacity-0_1">土曜日</th>
            <th class="g-brd-white-opacity-0_1">日曜日</th>
        </tr>
        </thead>

        <tbody class="g-font-size-12 g-color-white-opacity-0_5 g-font-weight-600">
        <tr>
            <th class="g-brd-white-opacity-0_1 g-color-white-opacity-0_8" scope="row">Yoga</th>
            <td class="g-brd-white-opacity-0_1">07:00 - 08:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">15:00 - 17:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">09:00 - 11:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
        </tr>
        <tr>
            <th class="g-brd-white-opacity-0_1 g-color-white-opacity-0_8" scope="row">Pilates</th>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">08:00 - 10:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">13:00 - 15:00</td>
            <td class="g-brd-white-opacity-0_1">10:00 - 12:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
        </tr>
        <tr>
            <th class="g-brd-white-opacity-0_1 g-color-white-opacity-0_8" scope="row">Crossfit</th>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">07:00 - 08:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">17:00 - 18:30</td>
            <td class="g-brd-white-opacity-0_1">11:00 - 13:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">11:00 - 13:00</td>
        </tr>
        <tr>
            <th class="g-brd-white-opacity-0_1 g-color-white-opacity-0_8" scope="row">Cardio</th>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">07:00 - 08:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">15:00 - 17:00</td>
            <td class="g-brd-white-opacity-0_1">09:00 - 11:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
        </tr>
        <tr>
            <th class="g-brd-white-opacity-0_1 g-color-white-opacity-0_8" scope="row">Zumba</th>
            <td class="g-brd-white-opacity-0_1">06:00 - 09:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">11:00 - 14:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">07:00 - 08:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">09:00 - 12:00</td>
        </tr>
        <tr>
            <th class="g-brd-white-opacity-0_1 g-color-white-opacity-0_8" scope="row">Boxing</th>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">07:00 - 08:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">15:00 - 17:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">09:00 - 11:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
        </tr>
        <tr>
            <th class="g-brd-white-opacity-0_1 g-color-white-opacity-0_8" scope="row">Straching</th>
            <td class="g-brd-white-opacity-0_1">11:00 - 14:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">16:00 - 19:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
            <td class="g-brd-white-opacity-0_1">10:00 - 12:00</td>
            <td class="g-brd-white-opacity-0_1">
                <i class="fa fa-minus"></i>
            </td>
        </tr>
        </tbody>
    </table>
</div>
<!-- End Table Schedule -->