<footer class=“footer”>

<div class="container">
  <div class="clearfix">
    <dl class="footer-nav">
      <dt class="nav-title">Meta</dt>
      <dd class="nav-item">
        <a href="#">Imprint</a>
      </dd>
    </dl>

    <dl class="footer-nav">
      <dt class="nav-title">Latest Posts</dt>
      {% for post in site.posts limit:5 %}
        <dd class="nav-item">
          <a href="{{ post.url | prepend: site.baseurl }}">
            {{ post.title | truncate: 35 }}
          </a>
        </dd>
      {% endfor %}
    </dl>

    <dl class="footer-nav">
      <dt class="nav-title">Title</dt>
      <dd class="nav-item">
        <a href="#">Link</a>
      </dd>
    </dl>

    <dl class="footer-nav">
      <dt class="nav-title">Title</dt>
      <dd class="nav-item">
        <a href="mailto://mail@example.com">
          <i class="fa fa-envelope" aria-hidden="true"></i> &nbsp;
          mail@example.com
        </a>
      </dd>
      <dd class="nav-item">
        <a href="https://www.twitter.com/twitter-handle">
          <i class="fa fa-twitter" aria-hidden="true"></i> &nbsp;
          @twitter-handle
        </a>
      </dd>
    </dl>
  </div>

  <div class="footer-copyright text-center">
    {{ site.title }} | &nbsp;
    <a href="{{ site.url }}">your.awesome.domain</a>
  </div>
</div>

<script type='text/javascript' src="{{ site.url }}/assets/js/jquery.min.js"></script>
<script type='text/javascript' src="{{ site.url }}/assets/js/bootstrap.min.js"></script>
<script type='text/javascript' src="{{ site.url }}/assets/js/icheck.min.js"></script>
<script type='text/javascript' src="{{ site.url }}/assets/js/jquery.fs.selecter.min.js"></script>
<script type='text/javascript' src="{{ site.url }}/assets/js/jquery.fs.stepper.min.js"></script>

{% if page.custom_js %}
  {% for js_file in page.custom_js %}
  <script src='{{ site.url }}/js/{{ js_file }}.js' type="text/javascript"></script>
  {% endfor %}
{% endif %}

</footer>