17Footer
Global applicaton footer
<footer class="footer hide-for-print">
<div class="row footer__navigation">
<div class="small-12 medium-4 columns">
<ul class="footer__list">
<li><span class="footer__label">Search</span></li>
<li><a class="footer__link" href="#">Search Listings</a></li>
<li><a class="footer__link" href="#">Search Corps Members</a></li>
<li><a class="footer__link" href="#">Search Organizations</a></li>
<li><a class="footer__link" href="#">Search Networks</a></li>
</ul>
</div>
<div class="small-12 medium-4 columns">
<ul class="footer__list">
<li><span class="footer__label">About Serving</span></li>
<li><a class="footer__link" href="#">What is a Service Year?</a></li>
<li><a class="footer__link" href="#">Types of Programs</a></li>
<li><a class="footer__link" href="#">How it Works</a></li>
</ul>
</div>
<div class="small-12 medium-4 columns">
<ul class="footer__list">
<li><span class="footer__label">About Hosting</span></li>
<li><a class="footer__link" href="#">Why Host a Service Year?</a></li>
<li><a class="footer__link" href="#">Why Host with Service Year Alliance?</a></li>
<li><a class="footer__link" href="#">How it Works</a></li>
</ul>
</div>
<div class="small-12 medium-4 columns">
<ul class="footer__list">
<li><span class="footer__label">Service Year Alliance</span></li>
<li><a class="footer__link" href="#">About Us</a></li>
<li><a class="footer__link" href="#">Press</a></li>
<li><a class="footer__link" href="#">Impact of Service Years</a></li>
<li><a class="footer__link" href="#">Donate Now</a></li>
<li><a class="footer__link" href="#">Alums</a></li>
<li><a class="footer__link" href="#">AmeriCorps Alums</a></li>
</ul>
</div>
<div class="small-12 medium-4 columns end">
<ul class="footer__list">
<li><span class="footer__label">Have a Question?</span></li>
<li><a class="footer__link" href="#">Help Center</a></li>
<li><a class="footer__link" href="#">Contact Us</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<div class="footer__brand">
<div class="small-12 medium-6 columns">
<a class="navigation__brand" href="#">
<span class="show-for-sr">Service Year</span>
</a>
<div class="small-only-text-center">
<a class="footer__link" href="#" target="_blank">
<small>Terms of Service</small>
</a>
<a class="footer__link" href="#" target="_blank">
<small>Privacy Policy</small>
</a>
</div>
</div>
<div class="small-12 medium-6 columns small-text-center medium-text-right">
<div class="footer__social-links" itemscope="" itemtype="http://schema.org/Organization">
<link itemprop="url" href="https://serviceyear.org">
<a class="footer__icon" href="#" target="_blank" itemprop="sameAs">
<svg class="svg-icon svg-icon--black" role="presentation" ><use xlink:href="/static/svg/sprite/symbol/sprite.svg#icon--social-twitter"></use></svg>
<span class="show-for-sr">Service Year on Twitter</span>
</a>
<a class="footer__icon" href="#" target="_blank" itemprop="sameAs">
<svg class="svg-icon svg-icon--black" role="presentation" ><use xlink:href="/static/svg/sprite/symbol/sprite.svg#icon--social-facebook"></use></svg>
<span class="show-for-sr">Service Year on Facebook</span>
</a>
<a class="footer__icon" href="#" target="_blank" itemprop="sameAs">
<svg class="svg-icon svg-icon--black" role="presentation" ><use xlink:href="/static/svg/sprite/symbol/sprite.svg#icon--social-youtube"></use></svg>
<span class="show-for-sr">Service Year on YouTube</span>
</a>
<a class="footer__icon" href="#" target="_blank" itemprop="sameAs">
<svg class="svg-icon svg-icon--black" role="presentation" ><use xlink:href="/static/svg/sprite/symbol/sprite.svg#icon--social-instagram"></use></svg>
<span class="show-for-sr">Service Year on Instaagram</span>
</a>
</div>
</div>
</div>
</div>
</div>
</footer>