<!-- [START] Tabs  -->
    <!-- Nav tabs -->
    <div class="row tab-tabs" id="panel-tabs"> 
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" id="notesTab" class="active navtabClass"><a href="#infoText
" aria-controls="datasetNotes" role="tab" data-toggle="tab">Info</a></li>
        <li role="presentation" class="navtabClass"><a href="#citationText" aria-controls="citation" role="tab" data-toggle="tab">Citation</a></li>
        <li role="presentation" class="navtabClass"><a href="#downloadData" aria-controls="citation" role="tab" data-toggle="tab">Download Data</a></li>
    </ul>
    </div>

    <!-- Tab panes -->
    <div class="row tab-text" id="panel-tabs-text">
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane fade in active" id="infoText"></div>
            <div role="tabpanel" class="tab-pane fade" id="citationText"></div>
            <div role="tabpanel" class="tab-pane fade" id="downloadData"></div>
        </div> <!-- tab-content -->
    </div>

    <div class="row"> <!-- Add a space -->
        <hr ></hr>
    </div>   
<!-- [END] Tabs -->

