social_media_platform/application/templates/student_page.html

{% extends "base.html" %} {% block content %}
<div class="table-responsive">
    <table class="table table-striped table-bordered table-hover">
        <thead>
            <tr>
                <th>Ref. No.</th>
                <th>Date</th>
                <th>Amount</th>
                <th>Status</th>
                <th>Delivery On </th>
                <th># #</th>
            </tr>
        </thead>
        <tbody>

            <tr>
                <td># 2501</td>
                <td>01/22/2015 </td>
                <td>
                    <label class="label label-info">300 USD </label>
                </td>
                <td>
                    <label class="label label-success">Delivered</label>
                </td>
                <td>01/25/2015</td>
                <td>
                    <a href="#" class="btn btn-xs btn-danger">View</a>
                </td>
            </tr>
            <tr>
                <td># 15091</td>
                <td>12/12/2014 </td>
                <td>
                    <label class="label label-danger">7000 USD </label>
                </td>
                <td>
                    <label class="label label-warning">Shipped</label>
                </td>
                <td>N/A</td>
                <td>
                    <a href="#" class="btn btn-xs btn-success">View</a>
                </td>
            </tr>
            <tr>
                <td># 11291</td>
                <td>12/03/2014 </td>
                <td>
                    <label class="label label-warning">7000 USD </label>
                </td>
                <td>
                    <label class="label label-success">Delivered</label>
                </td>
                <td>01/23/2015</td>
                <td>
                    <a href="#" class="btn btn-xs btn-primary">View</a>
                </td>
            </tr>
            <tr>
                <td># 1808</td>
                <td>11/10/2014 </td>
                <td>
                    <label class="label label-success">2000 USD </label>
                </td>
                <td>
                    <label class="label label-info">Returned</label>
                </td>
                <td>N/A</td>
                <td>
                    <a href="#" class="btn btn-xs btn-danger">View</a>
                </td>
            </tr>
        </tbody>
    </table>
</div>
{% endblock %}