{% extends "layout/base.html" %}


{% block body %}
{% include "layout/topnav.html" %}
<div class="container body">
    <div class="card-panel z-depth-5">
        <h5>Basic User Profile</h5>
        <div class="row">
            <div class="col s2">
                <img class="z-depth-5 circle responsive-img materialboxed" width="128"
                     src="http://www.gravatar.com/avatar/508aa4ce6833d58bef7aa5b107b93da2?s=512">
            </div>

            <div class="col s10">
            </div>
            <table>
                <thead>
                <tr>
                    <td data-field="id"></td>

                    <th data-field="name">Uid</th>
                    <td data-field="price">spi-ca</td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th data-field="id">Name</th>
                    <td>$0.87</td>
                </tr>
                <tr>
                    <td>Alan</td>
                    <td>$3.76</td>
                </tr>
                <tr>
                    <td>Lollipop</td>
                    <td>$7.00</td>
                </tr>
                </tbody>
            </table>
        </div>

    </div>
</div>


<!-- /page content -->
</div>
{% include "layout/footer.html" %}

{% endblock %}