<nav class="navbar is-dark has-shadow">
  <!-- Logo -->
  <div class="navbar-brand">
    <a class="navbar-item" href="/">
      <img src="https://api.placeholder.app/image/640x160" width="112" height="28">
    </a>
  </div>

  <!-- Menu Buttons -->
  <div class="navbar-menu" style="align-items: center">
    <div class="navbar-start">
      <a class="navbar-item">
        Home
      </a>
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">
          Top Brands
        </a>
        <div class="navbar-dropdown is-boxed">
          <a class="navbar-item">
            Toyota
          </a>
          <a class="navbar-item">
            Honda
          </a>
          <a class="navbar-item">
            BMW
          </a>
          <a class="navbar-item">
            Ford
          </a>
        </div>
      </div>
    </div>

    <!-- Vehicle Search -->
    <div class="navbar-end">
      <div class="navbar-item">
        <div class="dropdown" id="navigation-search-dropdown">
          <div class="dropdown-trigger">
            <div class="field has-addons" aria-haspopup="true" aria-controls="dropdown-menu2">
              <div class="control">
                <input class="input" id="navigation-search-input" type="text" placeholder="Search for a Make, Model, Etc">
              </div>
              <div class="control">
                <a class="button is-link" id="navigation-search-button">
                  Search
                </a>
              </div>
            </div>
          </div>
          <div class="dropdown-menu" id="dropdown-menu2" role="menu">
            <div class="dropdown-content" id="navigation-search-results"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</nav>
