nav.html

<!-- SECTION Navbar     -->
<nav
  class="navbar navbar-expand-lg sticky-top bg-dark border-bottom border-body text-white"
  data-bs-theme="dark"
>
  <div class="container-fluid ">
    <a class="navbar-brand" href="/index.html"
      ><img src="/images/helpcodeitlogo.svg" class="navIcon"
    /></a>
    <button
      class="navbar-toggler"
      type="button"
      data-bs-toggle="collapse"
      data-bs-target="#navbarSupportedContent"
      aria-controls="navbarSupportedContent"
      aria-expanded="false"
      aria-label="Toggle navigation"
    >
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav me-auto mb-2 mb-lg-0 text-white">
        <li class="nav-item text-white navText">
          <a class="nav-link navText text-white" href="/about.html">About</a>
        </li>
        <li class="nav-item navText">
          <a class="nav-link navText text-white" href="/contribute.html"
            >Contribute</a
          >
        </li>
        <li class="nav-item dropdown navText">
          <a
            class="nav-link dropdown-toggle navText text-white"
            href="#"
            role="button"
            data-bs-toggle="dropdown"
            aria-expanded="false"
            >Getting Started Coding</a
          >
          <ul class="dropdown-menu">
            <li class="dropdown-item navText">
              <a
                class="nav-link navText text-white"
                href="/gettingStarted/initialSetup.html"
                >Getting Started Coding</a
              >
            </li>
            <li class="dropdown-item navText">
              <a
                class="nav-link navText text-white"
                href="/gettingStarted/practiceEnvironmentVideo.html"
                >Setting Up a Practice Environment</a
              >
            </li>
            <li><hr class="dropdown-divider" /></li>
            <li class="dropdown-item navText">
              <a class="nav-link navText text-white" href="/gettingStarted/notestrategies.html">
                How to Take Notes in Code</a>
            </li>
            <li class="dropdown-item navText">
              <a
                class="nav-link navText text-white"
                href="/gettingStarted/terminology.html"
              >
                Commonly Used Terminology</a
              >
            </li>
            <li class="dropdown-item navText">
              <a
                class="nav-link navText text-white"
                href="/html/bootstrap.html"
              >
                Linking Bootstrap</a
              >
            </li>
            <li class="dropdown-item navText">
              <a
                class="nav-link navText text-white"
                href="/gettingStarted/fileStructure.html"
              >
                Introduction to File Structure</a
              >
            </li>
            <li class="dropdown-item navText">
              <a class="nav-link navText text-white" href="/html/paths.html">
                File Path Issues</a
              >
            </li>
          </ul>
        </li>
        <li class="nav-item navText">
          <a
            class="nav-link navText text-white"
            href="/javascriptPrincipals/jsmain.html"
            role="button"
          >
            JavaScript
          </a>
        </li>
        <a
          class="nav-link navText text-white"
          href="/react/react-main.html"
          >React.js</a
        >

        <a class="nav-link navText text-white" href="/github/githubmain.html"
          >GitHub</a
        >
      </ul>
      <a
        class="btn btn-danger btn-lg m-1 me-3 text-white satisfyFont pe-4 btn-danger"
        href="/community/community.html"
        >Community Pages</a
      >
      <a href="https://www.buymeacoffee.com/michaelvarnell" target="_blank"
        ><img
          src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"
          alt="Buy Me A Coffee"
          style="height: 50px !important; width: 200px !important"
      /></a>
    </div>
  </div>
</nav>
<!-- !SECTION End Nav -->