<footer>
  <section class="panel -gray panel-newsletter">
    <div class="row fullwidth">
      <div class="show-for-large-up large-6 columns subscribe">

        <div id="mc_embed_signup">
          <form action="//deis.us2.list-manage.com/subscribe/post?u=2ad6b6ca7910248391eaa8751&amp;id=9342c8c944" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
            <div id="mc_embed_signup_scroll">
              <div class="mc-field-group">
                <label for="mce-EMAIL">Subscribe to our newsletter</label>
                <input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Subscribe to our newsletter">
              </div>
              <div id="mce-responses" class="clear">
                <div class="response" id="mce-error-response" style="display:none"></div>
                <div class="response" id="mce-success-response" style="display:none"></div>
              </div>

              <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_5e404606794b4dac9cd4667c8_2706763c5b" tabindex="-1" value=""></div>
              <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
            </div>
          </form>
        </div>
        <!--End mc_embed_signup-->

      </div>
      <div class="small-12 small-text-center large-only-text-right large-6 columns social">
        <nav class="text-right">
          <a id="footer-twitter" class="fa fa-twitter" title="Deis on Twitter" href="https://twitter.com/opendeis" target="_blank"></a>
          <a id="footer-so" class="fa fa-stack-overflow" title="Deis on StackOverflow" href="http://stackoverflow.com/questions/tagged/deis?sort=active" target="_blank"></a>
          <a id="footer-gh" class="fa fa-github" title="Deis on Github" href="https://github.com/deis" target="_blank"></a>
          <a id="footer-slack" class="fa fa-slack" title="Deis Slack Channel" href="https://slack.deis.io/" target="_blank"></a>
          <a id="footer-contact-email" class="fa fa-envelope" title="Contact us via email" href="https://deis.com/about#contact" target="_blank"></a>
        </nav>
      </div>
    </div>
  </section>
  <section class="panel panel-links">
    <div class="row fullwidth">
      <div class="small-4 medium-4 small-only-text-center columns logo-and-copyright">
        <div class="logo">
          <a id="footer-return" href="/"><img src="{{ site.baseurl }}/assets/images/svg/footer-logo.svg" alt="Deis"></a>
        </div>
        <p class="copyright show-for-medium-up">
          <a id="footer-privacy" href="/policies/privacy">Privacy Policy</a>
        </p>
        <p class="copyright show-for-medium-up">Deis.com and the Deis project are maintained by <a href="https://engineyard.com/"><img src="/assets/images/svg/footer-engine-yard.svg" alt="Engine Yard"></p>
      </div>
      <div class="small-8 medium-8 columns">
        <div class="row">
          <div class="small-6 medium-3 columns">
            <dl>
              <dt><a id="footer-gh-community" href="{{site.baseurl}}/community"><span class="hide-for-medium-down">Deis</span> Community</a></dt>
              <dd><a id="footer-get-involved" href="{{site.baseurl}}/blog">Blog</a></dd>
              <dd><a id="footer-get-involved" href="{{site.baseurl}}/community">Get Involved</a></dd>
              <dd><a id="footer-videos-events" href="{{site.baseurl}}/community#videos-events">Videos &amp; Events</a></dd>
            </dl>
          </div>
          <div class="small-6 medium-3 columns">
            <dl>
              <dt><a id="footer-projects" href="//github.com/deis">Projects</a></dt>
              <dd><a id="footer-workflow" href="{{site.baseurl}}/workflow">Deis Workflow (v2)</a></dd>
              <dd><a id="footer-helm" href="{{site.baseurl}}/helm">Helm</a></dd>
              <dd><a id="footer-deispaas" href="http://deis.io">Deis PaaS (v1)</a></dd>
            </dl>
          </div>
          <div class="small-6 medium-3 columns">
            <dl>
              <dt><a id="footer-services" href="{{site.baseurl}}/services">Services</a></dt>
              <dd><a id="footer-support-plans" href="{{site.baseurl}}/services#support">Support Plans</a></dd>
              <dd><a id="footer-pro-serv" href="{{site.baseurl}}/services">Pro Services</a></dd>
            </dl>
          </div>
          <div class="small-6 medium-3 columns">
            <dl>
              <dt><a id="footer-company" href="{{site.baseurl}}/about">Company</a></dt>
              <dd><a id="footer-about" href="{{site.baseurl}}/about">About</a></dd>
              <dd><a id="footer-careers" href="{{site.baseurl}}/careers">Careers</a></dd>
              <dd><a id="footer-contact" href="{{site.baseurl}}/about#contact">Contact</a></dd>
            </dl>
          </div>
        </div>
      </div>
    </div>
  </section>

  <script src="{{ site.baseurl }}/assets/js/dist/mc-validate.min.js"></script>
  <script src="{{ site.baseurl }}/assets/js/dist/custom.min.js"></script>
  <script src="{{ site.baseurl }}/assets/js/dist/init.min.js"></script>
  <script src="{{ site.baseurl }}/assets/js/dist/analytics.min.js" async></script>

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