<header class=“header” role=“banner”>

<nav class="navbar-primary">
  <div class="container">
    <a class="navbar-brand" href="/"><img src="/assets/images/pga-logo-tm.svg" data-src="/assets/images/pga-logo-tm.svg" alt="" width="138"></a>
    <div class="collapse navbar-collapse align-self-stretch" id="navbarMobile">
      <div class="navbar-collapse-inner">
        <div class="navbar-collapse-header">
          <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarMobile" aria-controls="navbarMobile" aria-expanded="false" aria-label="Toggle navigation">
            <svg class="icon-cancel" xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"><g fill="none" fill-rule="evenodd" stroke="#B4975A" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M19.408 1.007L1.542 18.873M1.542 1.007l17.866 17.866L1.542 1.007z"></path></g></svg>
          </button>
        </div>
        <ul class="navbar-nav align-self-stretch">
          <li class="nav-item">
            <a class="nav-link active" href="http://beta.pga.org">about</a>
          </li>
          <li class="nav-item">
            <a class="nav-link " href="http://jobs.pga.org">jobs</a>
          </li>
          <li class="nav-item">
            <a class="nav-link " href="https://www.pga.org/directory">directory</a>
          </li>
          <li class="nav-item">
            <a class="nav-link " href="http://www.pgamediacenter.com">Media</a>
          </li>
          <li class="nav-item">
            <a class="nav-link " href=""></a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</nav>

</header>