footer.html

<style>
#local-footer .pageColumn {
    width: 100%;
}
#local-footer .pageColumn h2 {
  border-bottom: 1px solid #aaa;
  font-size: 20px;
}
#local-footer .pageColumn {
  float:left;
  width: 100%;
}
@media (min-width: 550px) {
  #local-footer .pageColumn {
    width: 50%;
  }
}
@media (min-width: 950px) {
  #local-footer .pageColumn {
    width: 25%;
  }
}
</style>

<div class="content contentpadding" style="padding-bottom:20px;">

<div class="pageColumns">

   
    <div class="pageColumn">
      <div class="pageColumnInside">
          <h2>About</h2>
		      <a href="../io/" target="_parent">Web Applications</a><br>
          <a href="../io/communities/" target="_parent">For Companies</a><br>
		      <a href="../io/communities/" target="_parent">For Communities</a><br>
		      <a href="../io/coders/" target="_parent">For Coders & Designers</a><br>
		      <a href="../io/learn/" target="_parent">For Teachers and Students</a><br>
      </div>
    </div>
    
    <div class="pageColumn">
      <div class="pageColumnInside">
        <h2>Web Challenge</h2>
        <!--
        Compete for $10,000 in awards in our Fall&nbsp;2020 Sustainable Communities Web&nbsp;Challenge.<br>
        -->
        <a href="../community/challenge/" target="_parent">About Challenge</a><br>
        <a href="../community/projects/" target="_parent">Project Areas</a><br>
        <a href="../community/challenge/meetups/" target="_parent">Meetups and Slack</a><br> 
        <a href="../community/challenge/registration/" target="_parent">Registration</a><br> 
        <a href="../io/team/" target="_parent">Contact Us</a><br>
      </div>

    </div>

    <div class="pageColumn">
      <div class="pageColumnInside">
        <h2>Community Apps</h2>
        <a href="../apps/brigades/" target="_parent">Brigades Map</a><br>
        <a href="../apps/beyondcarbon/" target="_parent">Beyond Carbon</a><br>
        <a href="../apps/ev/" target="_parent">EV Manufacturing</a><br>
        <a href="../apps/coastal/" target="_parent">Coastal Recycling</a><br>
        <a href="../io/template/" target="_parent">Impact Profiles</a><br>
      </div>
    </div>


    <div class="pageColumn">
      <div class="pageColumnInside">
        <h2>Model Earth</h2>
          
          <a href="../localsite/info/" target="_parent">Input-Output Report</a><br>
          <a href="../localsite/start/" target="_parent">Start a Website</a><br>
          <a href="../io/charts" target="_parent">Embed Widgets</a><br>
          <a href="https://www.buildingtransparency.org/openepd/" target="_blank">About OpenEPD</a><br>
          <a href="https://www.democracylab.org/" target="_blank">Democracy Lab</a><br>
      </div>

    </div>

    <div style="clear:both"><br></div>

    <!--
    <div class="pageColumn">
      <div class="pageColumnInside">
        <h2>Building Transparency</h2>
        <a href="https://www.buildingtransparency.org/openepd/" target="_parent">Product Declarations (OpenEPD)</a><br>
        <a href="https://www.buildingtransparency.org/resources/how-get-epd/" target="_parent">How to Get an EPD</a><br>
      </div>
    </div>

    <div class="pageColumn">
      <div class="pageColumnInside">
        <h2>Democracy Lab</h2>
        <a href="https://www.democracylab.org/" target="_parent">Active Projects</a><br>
      </div>
    </div>
    -->

</div>

</div>

<div style="clear:both"></div>

<hr style="border-top: 1px solid #aaa;">

<div class="content contentpadding">

  <div id="toplogo" style="">
      <a href="https://codeforamerica.org/" style="float:left"><img src="/localsite/img/logo/partners/code-for-america.png" style="width:170px;"></a>

      <a href="https://codeforall.org/" style="float:right"><img src="/localsite/img/logo/partners/code-for-all.png" style="width:200px;"></a>

      <div style="overflow:auto; text-align: center">
        <a href="https://www.epa.gov/"><img src="/localsite/img/logo/partners/epa-text.png" style="width:180px;"></a>
      </div>

  </div>


</div>


<br><br>
<!--
<link rel="stylesheet" type="text/css" href="css/bootstrap.darkly.min.css"/>
-->