<div class="tabbable"> <!-- Only required for left/right tabs -->
<ul class="nav nav-tabs responsive nav-justified" id="tabs">
 
 <?php
$tabs = $c->getAttribute('tabs');
 for( $i=0; $i<$tabs; $i++ ) {
                if ($i == 0){
                 echo '<li class="active"><a data-toggle="tab" href="#tab' . $i . '" role="tab" >' . $c->getAttribute('tab_label' . $i). '<br><i class="fa '. $c->getAttribute('tab_icon' . $i).'  fa-2x" aria-hidden="true"></i></a></li>';
                 }  else {
                   echo '<li><a data-toggle="tab" href="#tab' . $i . '" role="tab">' . $c->getAttribute('tab_label' . $i). '<br><i class="fa '. $c->getAttribute('tab_icon' . $i).'  fa-2x" aria-hidden="true"></i></a></li>';
                    }
             }
?>
             </ul>
 
<!-- Tab panes -->
<div class="tab-content responsive" id="my-tab-content">
 
      <?php
        for( $i=0; $i<$tabs; $i++ ) {
               if ($i == 0){
             echo '<div class="tab-pane active" id="tab' . $i . '">';
             }else{
              echo '<div class="tab-pane" id="tab' . $i . '">';
              }
              $a = new Area('Tab_Content' . $i);
                        $a->display($c);
                       echo '</div>';
              }
?>  
 
         </div><!-- end ta-content-->
</div>  <!-- end tabbable -->