                </li>
                  <li class="nav-item">
                    <a class="nav-link" id="pills-four-direction-html-tab" data-bs-toggle="pill"
                      href="#pills-four-direction-html" role="tab" aria-controls="pills-four-direction-html"
                      aria-selected="false">HTML</a>
                  </li>
                </ul>
                <!-- Tab content -->
                <div class="tab-content p-4" id="pills-tabContent-four-direction">
                  <div cl