<footer class="bg-white rounded shadow p-5 mb-2 mt-2 py-3">
  <div class="row">
    <div class="col-10 col-md-8 col-xl-8 mb-0 mb-md-0">
        <p class="mb-0 text-left">
        &copy; BRACE<sup class="superscript">2</sup>
        - A project by PEER.
        </p>
    </div>
    <div class="col-10 col-md-4 col-xl-4 text-end">
      <ul class="list-inline list-group-flush list-group-borderless text-end mb-0">
        <li class="list-inline-item px-0 px-sm-2">
            <a target="_blank" 
               href="https://peer.berkeley.edu">Berkeley, CA</a>
        </li>
      </ul>
    </div>
  </div>
</footer>
