{{ "<!-- ENTERING partial headerbanner1.html -->" | safeHTML }}

<header role="banner" class="clearfix px4 m0 white bg-gradient-greenblue2">
<div class="flex flex-center py4">
  <div class="flex-auto">
    <div class="h1 sans bold caps flex flex-center m0">RCC</div>
    <nav role="navigation" class="rccnav mxn1 clearfix align-baseline">
      <span class="r-Tooltip r-Tooltip--bottom r-Tooltip--nowrap" data-r-tooltip="About Rick Cogley">
        <a href="/about" class="btn btn-primary px1 sans light bg-darken-2">About</a>
      </span>
      <span class="r-Tooltip r-Tooltip--bottom r-Tooltip--nowrap" data-r-tooltip="Archive List of Blog Articles">
        <a href="/blog" class="btn btn-primary px1 sans light bg-darken-2">Articles</a>
      </span>
      <span class="r-Tooltip r-Tooltip--bottom r-Tooltip--nowrap" data-r-tooltip="All Topics">
        <a href="/topics" class="btn btn-primary px1 sans light bg-darken-2">Topics</a>
      </span>
      <span class="r-Tooltip r-Tooltip--bottom r-Tooltip--nowrap" data-r-tooltip="All Tags">
        <a href="/tags" class="btn btn-primary px1 sans light bg-darken-2">Tags</a>
      </span>
    </nav>
  </div>
  <div class="clearfix sm-hide"></div>
  <div class="overflow-hidden px2 py1" role="search">
    <input type="text" class="right fit field white sans light bg-darken-2" placeholder="Search">
  </div>
  <img src="img/rcc-logo-1.svg" width="40" class="m0 p1 bg-lighten-4 rounded" />
</div>
</header>

{{ "<!-- LEAVING partial headerbanner1.html -->" | safeHTML }}

Add new headerbanner with basscss classes
Add new headerbanner with basscss classes
