Footer

The Footer is for applications and subsites outside of the main MBTA.com website.

This shows users that they are on an MBTA page, and offers links users might not find elsewhere in the page.

When to use a Footer

You must use the MBTA footer at the bottom of every page if your service is being hosted on mbta.com.

When not to use a Footer

You must not use the MBTA footer if your service is not being hosted on the above domain.

How the Footer works

Default Footer

The default footer contains links to the privacy policy and terms of use, as well as a copyright notice and another link to MBTA.com.

<footer>
  <nav class="mbta--nav" aria-label="MBTA.com footer">
    <ul class="mbta--nav-actions">
      <li><a href="https://www.mbta.com/policies/privacy-policy">Privacy</a></li>
      <li><a href="https://www.mbta.com/policies/terms-use">Terms and conditions</a></li>
    </ul>
    <div class="mbta--copyright">© Massachusetts Bay Transportation Authority, all rights reserved.</div>
    <a class="mbta--logo" href="https://www.mbta.com">
      <img 
        role="img"
        src="https://cdn.mbta.com/images/mbta-logo.svg"
        width="36"
        height="36"
        alt="Massachusetts Bay Transportation Authority"
      />
    </a>
  </nav>
</footer>

There are no variations of this component.