topnav.html

<div class="row" id="topnav">
  <div class="col-md-12">
    <!-- Mobile Side Navigation -->
    <nav class="mobile_expanded">
      <div class="close-wrap">
        <a
          class="logo"
          href="https://www.cockroachlabs.com/"
          title="Cockroach Labs"
        >
          <img
            src="{{ 'images/cockroachdb-docs.svg' | relative_url }}"
            width="100%"
            alt="Cockroach Labs"
          />
        </a>
        <div class="hamburger">
          <span></span>
          <span></span>
          <span></span>
          <span></span>
        </div>
      </div>
      <a
        class="mobile-nav__link"
        href="https://www.cockroachlabs.com/contact/"
        itemprop="url"
        >Contact Us</a
      >
    </nav>
    <!-- Desktop / Tablet Navigation -->
    <nav class="navbar navbar-default flex-md-nowrap p-0 row">
      <a
        class="navbar-brand col-md-3 col-lg-3 col-xl-2 mr-0 pl-3 pr-2 border-right d-flex justify-content-center h-100"
        href="https://www.cockroachlabs.com/"
        title="Cockroach Labs"
      >
        <img
          src="{{ 'images/Full-Logo-Horizontal_Full-Color-Light-BG.svg' | relative_url }}"
          alt="Cockroach Labs"
          width="199"
          class="img-fluid"
        />
      </a>

      <div 
        id="topnav-form"
        class="col-lg-9 col-xl-10 d-flex justify-content-center align-items-center h-100 border-bottom"
      >
        <div class="input-group">
          <div class="input-group-prepend">
            <span class="input-group-text border-0 bg-white pl-4 ml-1" id="basic-addon1">
              <img width="16" src="{{ 'images/icon-search.svg' | relative_url }}" alt="search">
            </span>
          </div>
          <input type="text" class="form-control border-0" placeholder="Search" aria-label="Search" aria-describedby="basic-addon1">
        </div>
        <ul class="navbar-nav">
          <li class="nav-item text-nowrap mb-0">
            <a class="btn btn-sm btn-outline-secondary" href="#">Contact Support</a>
          </li>
        </ul>
      </div>
    </nav>
  </div>
</div>