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%;
  }
}
.mobileView #local-footer .pageColumn {
  width: 50%;
}
@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; Overlapped side shadow */
  background: #dae8eb;
}
.dark #local-footer {
  background-color: #555;
}
.dark #local-footer h2 {
  color: #fff;
}
.dark #local-footer a {
  color: #ccc;
}
.dark #local-footer a:hover {
  color: #fff;
}
@media (max-width: 800px) {
  #local-footer {
    padding-left: 30px
  }
}
.bodyLeftMarginFull #local-footer h2 {
  font-size: 18px;
}
</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="../community/about/" target="_parent">About Model.Earth</a><br>
            <a href="../io/coders/" target="_parent">Thursdays 7pm ET</a><br>
  		      <a href="../io/communities/" target="_parent">For Government</a><br>
  		      <a href="../io/learn/" target="_parent">For Research Projects</a><br>
            <a href="../io/about/" target="_parent">About State Models</a><br>
        </div>
      </div>
      
      <div class="pageColumn">
        <div class="pageColumnInside">
          <h2>Industry Data</h2>
          <a href="../localsite/info/" target="_parent">Input-Output Charts</a><br>
          <a href="../localsite/" target="_parent">Localsite Parameters</a><br>
          <a href="../localsite/start/" target="_parent">Starter Samples</a><br> 
          <a href="../io/coders/" target="_parent">Meetups and Teams</a><br>
          <a href="../io/team/" target="_parent">Contact Us</a><br>
        </div>

      </div>

      <div class="pageColumn">
        <div class="pageColumnInside">
          <h2>Create Models</h2>
          <a href="../apps/" target="_parent">Location Modeling</a><br>
          <a href="../community-data/" target="_parent">Community Datasets</a><br>
          <a href="../io/template/" target="_parent">Impact Profiles</a><br>
          <a href="../RealityStream/" target="_parent">RealityStream ML</a><br>
          <!--
          <a href="../apps/ev/" target="_parent">Vehicle Parts</a><br>
          <a href="../apps/coastal/" target="_parent">Coastal Recycling</a><br>
          -->
          <a href="../earthscape/app/" target="_parent">Earthscape AI</a><br>
        </div>
      </div>


      <div class="pageColumn">
        <div class="pageColumnInside">
          <h2>Model Earth</h2>
            <a href="../community/projects" target="_parent">Coding Projects</a><br>
            <a href="../community/tools/" target="_parent">Tool Overview</a><br>
            <a href="../io/template/feed/" target="_parent">OpenEPD API</a><br>
            <a href="../io/charts" target="_parent">Embed Widgets</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>
  
</div>

<div id="earthscapeFooter" style="display: none;">
  <div style="height:80px"></div>
  <div style="position:fixed; padding:10px 30px; bottom:0px; height:80px; width: 100%; background-color:#333; z-index:10000">
    1234
  </div>
</div>