This repository has been archived on 2020-04-22. You can view files and clone it, but cannot push or open issues or pull requests.
victor-hugo/site/layouts/partials/footer.html

41 lines
2.2 KiB
HTML

<footer class="footer transition-fade">
<div class="l-underlay footer-bg"></div>
<div class="l-wrapper l-section-pad l-section-pad--pb-reduce">
<ul class="l-flex-list-row footer__body">
<li class="footer__body-section footer__body-section--m-left-align footer-section">
<h3 class="footer__heading">Let's keep in touch!</h3>
<p>Find us on any of these platforms. We respond in 1-2 business days.</p>
<ul class="l-flex-list-row footer__social-list">
<li><span class="social-icon"></span></li>
<li><span class="social-icon"></span></li>
<li><span class="social-icon"></span></li>
<li><span class="social-icon"></span></li>
</ul>
</li>
<li class="footer__body-section footer__body-section--m-left-align footer__body-section--narrow footer-section">
<h3 class="footer__heading--small footer__heading">Useful Links</h3>
<ul class="l-list-bare">
<li><a class="footer__link" href="#">Link One</a></li>
<li><a class="footer__link" href="#">Link Two</a></li>
<li><a class="footer__link" href="#">Link Three</a></li>
<li><a class="footer__link" href="#">Link Four</a></li>
</ul>
</li>
<li class="footer__body-section footer__body-section--m-left-align footer__body-section--narrow footer-section">
<h3 class="footer__heading--small footer__heading">Other Resources</h3>
<ul class="l-list-bare">
<li><a class="footer__link" href="#">Link One</a></li>
<li><a class="footer__link" href="#">Link Two</a></li>
<li><a class="footer__link" href="#">Link Three</a></li>
<li><a class="footer__link" href="#">Link Four</a></li>
</ul>
</li>
</ul>
<ul class="l-flex-list-row footer__footer">
<li class="footer__term"><a class="footer__link" href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li>
<li class="footer__term"><a class="footer__link" href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li>
</ul>
<p class="footer__attr">Copyright &copy; <span id="js-copy-date">2019</span> &dash; <a class="footer__link" rel="nofollow" href="https://rayelliott.dev">rayelliott.dev</a></p>
</div>
</footer>