views/public/layout.html

<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
  <meta charset="utf-8">
  <title>Mozilla Webmaker Badges</title>
  <link rel="stylesheet" href="/stylesheets/opensans/stylesheet.css">
  <link rel="stylesheet" href="/stylesheets/webmaker.css">
  <link href="//www.mozilla.org/tabzilla/media/css/tabzilla.css" rel="stylesheet">
  <!--[if lt IE 9]>
  <script src="/js/html5shiv.js"></script>
  <![endif]-->
   <script src="/js/jquery.min.js"></script>
  {% block head %}{% endblock %} 
</head>
<body>
  <div class="wrapper bg-stone">
    <header>
      <div class="container">
        <div class="logo">
          <a href="#">
            <img src="/img/header_logo.png" alt="Mozilla Webmaker Logo">
          </a>
        </div>
        <a href="http://www.mozilla.org/" id="tabzilla">Mozilla</a>
        <nav role="navigation">
          <ul>
            <li class="active">
              <a href="#">Badges</a>
            </li>
          </ul>
        </nav>
      </div>
    </header>
    <section>
      <div class="container">
      {% block body %}{% endblock %}
      </div>
    </section>
    <footer>
      <div class="container">
        <div class="row">
          <div class="span2">
            <h2><img src="/img/footer-logo.png" alt="Webmaker Logo"></h2>
          </div>
          <nav class="span2">
            <h3>About</h3>
            <ul>
                <li><a href="https://www.webmaker.org/en-US/about/">About Us</a></li>
                <li><a href="mailto:mozparty@mozilla.org">Contact Us</a></li>
                <li><a href="http://www.mozilla.org/en-US/privacy-policy.html">Privacy Policy</a></li>
                <li><a href="http://www.mozilla.org/en-US/about/legal.html">Legal Notices</a></li>
            </ul>
          </nav>
          <nav class="span2">
            <h3>Connect with us</h3>
            <ul>
                <li><a href="http://twitter.com/mozilla/">Twitter</a></li>
                <li><a href="https://www.facebook.com/mozilla/">Facebook</a></li>
            </ul>
          </nav>
          <nav class="span2">
            <h3>Make something</h3>
            <ul>
                <li><a href="https://www.webmaker.org/en-US/projects/">Projects</a></li>
                <li><a href="https://www.webmaker.org/en-US/tools/">Tools</a></li>
                <li><a href="https://www.webmaker.org/en-US/events/">Events</a></li>
            </ul>
          </nav>
          <nav class="span2">
            <h3>Support our work</h3>
            <ul>
                <li><a href="https://donate.mozilla.org/page/contribute/join-mozilla?source=join_link">Donate</a></li>
                <li><a href="https://mozillalabs.com/en-US/">Contribute</a></li>
                <li><a href="https://donate.mozilla.org/page/contribute/firefoxtshirt">Buy a t-shirt</a></li>
            </ul>
          </nav>
        </div>
      </div>
    </footer>
  </div>
  <script src="//www.mozilla.org/tabzilla/media/js/tabzilla.js"></script> 
  {% block scripts %}{% endblock %} 
</body>
</html>