app/views/shared/_footer.html.erb
<footer role="contentinfo" class="mt-4">
<section id="pre-footer" class="pt-3 pb-2">
<div class="container">
<div class="row">
<div id="sul-footer-img" class="col-sm-12 col-md-5 col-lg-4 col-xl-3 d-flex justify-content-center justify-content-md-start">
<%= link_to 'https://library.stanford.edu' do %>
<%= image_tag 'sul-logo-white.svg', alt: 'Stanford Libraries', height: 45 %>
<% end %>
</div>
<div class="col d-flex justify-content-md-start justify-content-center">
<ul class="list-unstyled d-flex mt-3 mt-md-1 mt-lg-3 ms-xl-3 text-center">
<li class="mx-2 mx-md-3"><a href="https://library.stanford.edu/libraries-0/branches-and-centers">Hours & locations</a></li>
<li class="mx-2 mx-md-3"><a href="https://mylibrary.stanford.edu">My Account</a></li>
<li class="mx-2 mx-md-3"><a href="https://library.stanford.edu/contact-us">Contact us</a></li>
<li class="mx-2 mx-md-3"><a href="https://library-status.stanford.edu/">System status</a></li>
</ul>
</div>
</div>
</div>
</section>
<div id="su-footer" class="text-white pt-4 pb-4">
<div class="container d-flex flex-column flex-lg-row align-items-center align-md-normal" title="Common Stanford resources">
<div class="mt-1 mb-2 align-self-lg-start">
<a class="su-logo" href="https://www.stanford.edu">Stanford<br><span class="su-logo-university">University</span></a>
</div>
<div class="ms-lg-5">
<nav aria-label="global footer menu" class="d-flex flex-row gap-4 gap-sm-0 flex-sm-column justify-content-center justify-content-lg-start align-items-start align-items-sm-center align-items-lg-start">
<ul class="justify-content-center justify-content-lg-start fw-semibold gap-sm-2 gap-md-3 gap-lg-4 list-unstyled d-flex flex-column flex-sm-row">
<li>
<a href="https://www.stanford.edu">
Stanford Home<span class="visually-hidden">(link is external)</span>
</a>
</li>
<li>
<a href="https://visit.stanford.edu/plan/">
Maps & Directions<span class="visually-hidden">(link is external)</span>
</a>
</li>
<li>
<a href="https://www.stanford.edu/search/">
Search Stanford<span class="visually-hidden">(link is external)</span>
</a>
</li>
<li>
<a href="https://emergency.stanford.edu">
Emergency Info<span class="visually-hidden">(link is external)</span>
</a>
</li>
</ul>
<ul class="justify-content-center justify-content-lg-start gap-sm-2 gap-md-3 gap-lg-4 list-unstyled d-flex flex-column flex-sm-row">
<li>
<a href="https://www.stanford.edu/site/terms/" title="Terms of use for sites">
Terms of Use<span class="visually-hidden">(link is external)</span>
</a>
</li>
<li>
<a href="https://www.stanford.edu/site/privacy/" title="Privacy and cookie policy">
Privacy<span class="visually-hidden">(link is external)</span>
</a>
</li>
<li>
<a href="https://uit.stanford.edu/security/copyright-infringement" title="Report alleged copyright infringement">
Copyright<span class="visually-hidden">(link is external)</span>
</a>
</li>
<li>
<a href="https://adminguide.stanford.edu/chapter-1/subchapter-5/policy-1-5-4" title="Ownership and use of Stanford trademarks and images">
Trademarks<span class="visually-hidden">(link is external)</span>
</a>
</li>
<li>
<a href="https://studentservices.stanford.edu/more-resources/student-policies/non-academic/non-discrimination" title="Non-discrimination policy">
Non-Discrimination<span class="visually-hidden">(link is external)</span>
</a>
</li>
<li>
<a href="https://www.stanford.edu/site/accessibility" title="Report web accessibility issues">
Accessibility<span class="visually-hidden">(link is external)</span>
</a>
</li>
</ul>
</nav>
<div class="text-center text-lg-start copyright">
<span class="text-nowrap">© Stanford University.</span><span class="text-nowrap"> Stanford, California 94305.</span>
</div>
</div>
</div>
</div>
</footer>