NJ Web Design System (v2.6.1)

Banner 

<section class="nj-banner" aria-label="Official government website">
    <div class="nj-banner__header">
        <div class="grid-container">
            <div class="nj-banner__inner">
                <div class="grid-col-auto">
                    <img class="nj-banner__header-seal" src="../../dist/img/nj_state_seal.png" alt="NJ flag" />
                </div>
                <div class="grid-col-fill">
                    <a href="https://nj.gov">Official Site of the State of New Jersey</a>
                </div>
                <ul class="grid-col-auto display-flex flex-align-center">
                    <li>Governor Phil Murphy &bull; Lt. Governor Tahesha Way</li>
                    <li class="grid-col-auto">
                        <a class="display-flex flex-align-center" href="https://nj.gov/subscribe/" target="_blank">
                            <svg class="usa-icon usa-icon--size-3 nj-banner__mail-icon margin-right-05" role="img" aria-hidden="true" focusable="false">
                                <use xlink:href="../../dist/img/sprite.svg#mail" />
                            </svg>
                            Get Updates
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

No notes defined.

<section class="nj-banner" aria-label="Official government website">
  <div class="nj-banner__header">
    <div class="grid-container">
      <div class="nj-banner__inner">
        <div class="grid-col-auto">
          <img class="nj-banner__header-seal" src="{{ uswds.path }}/img/nj_state_seal.png" alt="NJ flag" />
        </div>
        <div class="grid-col-fill">
          <a href="https://nj.gov">{{ banner.stateOfNjText }}</a>
        </div>
        <ul class="grid-col-auto display-flex flex-align-center">
          <li>{{ banner.governorName }} &bull; {{ banner.ltGovernorName }}</li>
          <li class="grid-col-auto">
            <a 
              class="display-flex flex-align-center"
              href="https://nj.gov/subscribe/" 
              target="_blank"
            >
              <svg 
                class="usa-icon usa-icon--size-3 nj-banner__mail-icon margin-right-05"
                role="img"
                aria-hidden="true" 
                focusable="false" 
              >
                <use xlink:href="{{ uswds.path }}/img/sprite.svg#mail" />
              </svg>
              Get Updates
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>
 
package:
  name: null
  version: 2.6.1
uswds:
  path: ../../dist
banner:
  stateOfNjText: Official Site of the State of New Jersey
  governorName: Governor Phil Murphy
  ltGovernorName: Lt. Governor Tahesha Way