<footer class=“footer flex-grid flex-grid–quarters”>
<div class='footer-module column'> <h5>About</h5> <p>{{ site.description }}</p> </div> <div class='footer-module column'> <h5>Latest Posts</h5> <ul> {% for post in site.posts limit:4 %} <li> <a href="{{ post.url }}">{{ post.title}}</a> </li> {% endfor %} </ul> </div> <div class='footer-module column'> <h5>Categories</h5> <ul> {% for category in site.categories %} <li> <a href="{{ baseurl }}/category/{{ category | first }}.html">{{ category | first }}</a> </li> {% endfor %} </ul> </div> <div class='footer-module column'> <h5>Social</h5> {% include social.html %} </div>
</footer>
<script> $(document).ready(function() {
jQuery('.menu-icon').click(function(e) { $("#nav").toggleClass("hidden"); });
}); </script>