<head>
  <link href='https://fonts.googleapis.com/css?family=Anton' rel='stylesheet'>

</head>


<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
  <div class="container-fluid" id="navbar-content">
    <a class="navbar-brand" href="index">
      <img
        class="circular--square"
        src="/images/text-logo.png"
        alt="CourseInsider"
        style="width: 200px"
      />
      </h5>
    </a>

    <button
      class="navbar-toggler"
      type="button"
      data-bs-toggle="collapse"
      data-bs-target="#collapsibleNavbar"
    >
      <span class="navbar-toggler-icon"></span>
    </button>
    <div
      class="collapse navbar-collapse justify-content-end"
      id="collapsibleNavbar"
    >
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" href="login" target="_blank">Login</a>
        </li>
        <li class="nav-item">
          <!-- <a class="nav-link" href="search" target ="_blank">Search Courses</a> -->
          <a class="nav-link" href="search">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="16"
              height="16"
              fill="currentColor"
              class="bi bi-search"
              viewBox="0 0 16 16"
            >
              <path
                d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"
              />
            </svg>
          </a>
        </li>
      </ul>
    </div>
  </div>
</nav>
