<div class="title-bar">
    <h4>timeclock login/logout time</h4>
    <a href="#"><i class="fa fa-download" aria-hidden="true"></i></a>
</div>
<div class="card-body">
    <div class="my-secondary-table table-responsive">
        <table class="table table-bordered">
            <thead>
            <tr>
                <th scope="col">ID</th>
                <th scope="col">EDIT</th>
                <th scope="col">EVENT</th>
                <th scope="col">DATE</th>
                <th scope="col">IP ADDRESS</th>
                <th scope="col">GROUP</th>
                <th scope="col">HH:MM:SS</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td colspan="7">No data available</td>
            </tr>
            </tbody>
        </table>

        <p class="text-right mr-3 mt-2">Total: <a href="#">000000:00:00</a></p>
    </div>
</div>