<div class="hstack gap-3">
    <div class="p-2"><h5 class="h5">Regions</h5></div>
    <div class="vr"></div>
    <div class="p-2">

      <nav class="nav">
        <a class="nav-link" href="#">North Asia</a>
        <a class="nav-link" href="#">South Asian</a>
        <a class="nav-link" href="#">SE Asia</a>
        <a class="nav-link" href="#">Papua New Guinea</a>
        <a class="nav-link" href="#">Australasia & Pacific Islands</a>
        <a class="nav-link" href="#">EMEA</a>
        <a class="nav-link" href="#">Iran</a>
      </nav>
    </div>
    <div class="ms-auto">
      <a class="btn btn-primary btn-sm" data-bs-toggle="offcanvas" href="#offcanvasExample" role="button" aria-controls="offcanvasExample">DEV Notes</a></button>
    </div>
  </div>
</div>
