{% extends "base.html" %}

{% block content %}
<div class="columns">
    <div class="column col-12">
        <h1>{% block title %}Dashboard{% endblock %}</h1>
    </div>
</div>
<div class="columns">
    <div class="column col-4">
        <div class="panel">
            <div class="panel-header">
                <div class="panel-title">Comments</div>
            </div>
            <div class="panel-nav">
                <!-- navigation components: tabs, breadcrumbs or pagination -->
            </div>
            <div class="panel-body">
                <!-- contents -->
            </div>
            <div class="panel-footer">
                <!-- buttons or inputs -->
            </div>
        </div>
    </div>
    <div class="column col-4">
        <div class="panel">
            <div class="panel-header">
                <div class="panel-title">Comments</div>
            </div>
            <div class="panel-nav">
                <!-- navigation components: tabs, breadcrumbs or pagination -->
            </div>
            <div class="panel-body">
                <!-- contents -->
            </div>
            <div class="panel-footer">
                <!-- buttons or inputs -->
            </div>
        </div>
    </div>
    <div class="column col-4">
        <div class="panel">
            <div class="panel-header">
                <div class="panel-title">Comments</div>
            </div>
            <div class="panel-nav">
                <!-- navigation components: tabs, breadcrumbs or pagination -->
            </div>
            <div class="panel-body">
                <!-- contents -->
            </div>
            <div class="panel-footer">
                <!-- buttons or inputs -->
            </div>
        </div>
    </div>
</div>
{% endblock %}
