gov-banner.html

  <section class="usa-banner" aria-label="Official website of the United States government">
    <div class="usa-accordion container">
      <div class="usa-banner__inner">
        <img aria-hidden="true" class="usa-banner__header-flag" src="/assets/images/flag.png" alt="" />
        <p class="usa-banner__header-text">An official website of the United States government</p>
        <p class="usa-banner__header-action" aria-hidden="true">Here's how you know</p>
        <button type="button" class="usa-accordion__button usa-banner__button" data-bs-toggle="collapse" data-bs-target="#gov-banner" aria-expanded="false" aria-controls="gov-banner">
            <span class="usa-banner__button-text">Here’s how you know</span>
        </button>
      </div>
      <div id="gov-banner" class="usa-banner__content usa-accordion__content row collapse" id="gov-banner">
        <div class="usa-media-block__body col-12 col-md-6 col-lg-5">
          <img class="usa-banner__icon usa-media-block__img" src="/assets/images/icon-dot-gov.svg" role="img" alt="" aria-hidden="true"/>
          <p><strong>Official websites use .gov</strong><br />A <strong>.gov</strong> website belongs to an official government organization in the United States.</p>
        </div>
        <div class="usa-media-block__body col-12 col-md-6 col-lg-5">
          <img class="usa-banner__icon usa-media-block__img" src="/assets/images/icon-https.svg" role="img" alt="" aria-hidden="true" />
          <p><strong>Secure .gov websites use HTTPS</strong><br />A <strong>lock</strong> (<span class="icon-lock">
          <svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64" class="usa-banner__lock-image" role="img" aria-labelledby="banner-lock-description-default" focusable="false">
            <title id="banner-lock-title-default">Lock</title>
            <desc id="banner-lock-description-default">Locked padlock icon</desc>
            <path fill="#000000" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z" />
          </svg>
          </span>) or <strong>https://</strong> means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.</p>
        </div>
      </div>
    </div>
  </section>