<ul class="nav nav-tabs" id="myTab" role="tablist" style="border-bottom: 0">
    <li class="nav-item" role="presentation">
      <button class="nav-link active" id="create-class-tab" data-bs-toggle="tab" data-bs-target="#create-class-content" type="button" role="tab" aria-controls="create-class-tab" aria-selected="true">Create Class</button>
    </li>
    <li class="nav-item" role="presentation">
      <button class="nav-link" id="upload-qb-tab" data-bs-toggle="tab" data-bs-target="#upload-qb-content" type="button" role="tab" aria-controls="upload-qb-tab" aria-selected="false">Upload QB</button>
    </li>
</ul>

<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="create-class-content" role="tabpanel" aria-labelledby="create-class-tab">{% include 'modular/forms/create_class.html' %}</div>
  <div class="tab-pane fade" id="upload-qb-content" role="tabpanel" aria-labelledby="profile-tab">{% include 'modular/forms/upload_questionbank.html' %}</div>
</div>
