{% extends "header.html" %}

{% block body %}
<div role="tabpanel">
  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#basics" aria-controls="basics" role="tab" data-toggle="tab">Basics</a></li>
    <li role="presentation"><a href="#wdev" aria-controls="wdev" role="tab" data-toggle="tab">Web Dev</a></li>
    <li role="presentation"><a href="#dbs" aria-controls="databases" role="tab" data-toggle="tab">Databases</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane fade in active" id="basics">Basic stuff here</div>
    <div role="tabpanel" class="tab-pane fade" id="wdev">Web dev stuff here</div>
    <div role="tabpanel" class="tab-pane fade" id="dbs">Database stuff here</div>
  </div>

</div>
 <h1> Hello this is the dashboard</h1>
{% endblock %}