tabs.html

<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom box-shadow">
  <h5 class="my-0 mr-md-auto font-weight-normal"> Visualizando Dados do GitHub </h5>
  <nav class="my-2 my-md-0 mr-md-3">
    <a class="p-2 text-dark" href="index.html"> Visualização 1 </a>
    <a class="p-2 text-dark" href="secondVisualization.html"> Visualização 2 </a>
    <a class="p-2 text-dark dropdown-toggle" data-toggle="dropdown"
       href="#" role="button" aria-haspopup="true" aria-expanded="false"> Outras </a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="thirdVisualization.html"> Visualização 3 </a>
      <a class="dropdown-item" href="fourthVisualization.html"> Visualização 4 </a>
      <a class="dropdown-item" href="fifthVisualization.html"> Visualização 5 </a>
      <a class="dropdown-item" href="sixthVisualization.html"> Visualização 6 </a>
      <a class="dropdown-item" href="seventhVisualization.html"> Visualização 7 </a>
      <a class="dropdown-item" href="eighthVisualization.html"> Visualização 8 </a>
      <a class="dropdown-item" href="ninthVisualization.html"> Visualização 9 </a>
      <a class="dropdown-item" href="tenthVisualization.html"> Visualização 10 </a>
    </div>
  </nav>
</div>