## mako
<%! from django.core.urlresolvers import reverse %>
<%namespace name='static' file='static_content.html'/>

<div class="wrapper wrapper-footer">
  <footer>
    <div class="colophon">
      <nav class="nav-colophon">
      <ol>
          <li class="nav-colophon-01">
          <a id="about" href="${marketing_link('ABOUT')}">
              About
          </a>
          </li>
          <li class="nav-colophon-02">
          <a id="jobs" href="${marketing_link('JOBS')}">
              Jobs
          </a>
          </li>
          <li class="nav-colophon-03">
          <a id="press" href="${marketing_link('PRESS')}">
              Press
          </a>
          </li>
          <li class="nav-colophon-04">
          <a id="faq" href="${marketing_link('FAQ')}">
              FAQ
          </a>
          </li>
          <li class="nav-colophon-05">
          <a id="contact" href="${marketing_link('CONTACT')}">
              Contact
          </a>
          </li>
      </ol>
      </nav>

      <div class="colophon-about">
        <img src="${MITX_ROOT_URL}/static/images/header-logo.png" />

        <p>EdX is a non-profit created by founding partners Harvard and MIT whose mission is to bring the best of higher education to students of all ages anywhere in the world, wherever there is Internet access. EdX’s free online MOOCs are interactive and subjects include computer science, public health, and artificial intelligence.</p>
      </div>
    </div>

    <div class="references">
      <nav class="nav-social">
        <ul>
          <li class="nav-social-01">
            <a href="http://www.meetup.com/edX-Global-Community/" rel="external">
              <img src="${MITX_ROOT_URL}/static/images/social/ico-social-meetup.png" alt="edX on Meetup" />
            </a>
          </li>
          <li class="nav-social-02">
            <a href="http://www.facebook.com/EdxOnline" rel="external">
              <img src="${MITX_ROOT_URL}/static/images/social/ico-social-facebook.png" alt="edX on Facebook" />
            </a>
          </li>
          <li class="nav-social-03">
            <a href="https://twitter.com/edXOnline" rel="external">
              <img src="${MITX_ROOT_URL}/static/images/social/ico-social-twitter.png" alt="edX on Twitter" />
            </a>
          </li>
          <li class="nav-social-04">
            <a href="https://plus.google.com/108235383044095082735/posts" rel="external">
              <img src="${MITX_ROOT_URL}/static/images/social/ico-social-google.png" alt="edX on Google+" />
            </a>
          </li>
          <li class="nav-social-05">
            <a href="http://youtube.com/user/edxonline" rel="external">
              <img src="${MITX_ROOT_URL}/static/images/social/ico-social-youtube.png" alt="edX on YouTube" />
            </a>
          </li>
        </ul>
      </nav>

      <p class="copyright">&copy; 2013 edX, some rights reserved.</p>

      <nav class="nav-legal">
        <ul>
          <li class="nav-legal-01">
            <a href="${marketing_link('TOS')}">Terms of Service and Honor Code</a>
          </li>
          <li class="nav-legal-02">
            <a href="${marketing_link('PRIVACY')}">Privacy Policy</a>
          </li>
        </ul>
      </nav>
    </div>
  </footer>
</div>