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%;
  }
}
@media (max-width: 650px) {
  #footerlogos > a, #footerlogos > div {
    float:none !important;
    overflow: none !important;
    margin: 0 0 50px 0 !important;
    text-align: left !important;
  }
}
#local-footer {
  clear: both;
  position: relative;
  z-index: 1000;
  background: #dae8eb;
}
@media (max-width: 800px) {
  #local-footer {
    padding-left: 30px
  }
}
</style>

<div class="earth" style="display:none">
  <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/template/" 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 Student Research</a><br>
        </div>
      </div>
      
      <div class="pageColumn">
        <div class="pageColumnInside">
          <h2>Explore Impacts</h2>
          <!--
          Compete for $10,000 in awards in our Fall&nbsp;2020 Sustainable Communities Web&nbsp;Challenge.<br>
          -->
          <a href="../localsite/info/" target="_parent">Input-Output Charts</a><br>
          <a href="../community/projects/" target="_parent">Project Areas</a><br>
          <a href="../community/start/" target="_parent">Starter Samples</a><br> 
          <a href="../io/coders/" 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/" target="_parent">Community Pages</a><br>
          <a href="../io/template/" target="_parent">Impact Profiles</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>
        </div>
      </div>


      <div class="pageColumn">
        <div class="pageColumnInside">
          <h2>Model Earth</h2>
            <a href="../io/charts" target="_parent">Embeddable 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>
            <a href="https://github.com/modelearth">GitHub Repos</a><br>
        </div>

      </div>

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

  </div>

  </div>

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

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

  <div class="content contentpadding">


    <div id="footerlogos">

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

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

        <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>
  -->
  
</div>