<header>
  <section class="top-section container">
    <div class="logo-container">
      <a href="/"><img src="images/logo.png" alt="RTG" /></a>
      <h2 class="tagline"><a href="/">RTG Employee Directory</a></h2>
    </div>
    <div class="d-lg-none d-block">
      <a id="toggle_btn" href="javascript:void(0);">
        <span class="bar-icon">
          <span></span>
          <span></span>
          <span></span>
        </span>
      </a>
    </div>
    <nav>
      <ul>
        <li class="nav-item">
          <a href="/dashboard" class="nav-link">Dashboard</a>
        </li>
        <li class="nav-item">
          <a href="/" class="nav-link">Add New</a>
        </li>
        <li class="nav-item">
          <a href="/login" class="nav-link">Login</a>
        </li>
        <li class="nav-item">
          <a href="/logout" class="nav-link">Logout</a>
        </li>
      </ul>
    </nav>
    <div class="search_container">
      <input
        type="text"
        name="search_bar"
        id="search_bar"
        placeholder="Type to search..."
      />
      <button class="srch_btn">
        <i class="fa fa-search" aria-hidden="true"></i>
      </button>
    </div>
  </section>
</header>
