front.html

<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/froala-design-blocks/2.0.1/css/froala_blocks.min.css">
<link rel="stylesheet" media="all" href="/assets/application-08768cdbfbde532afe88f0b458bc1767de7799ff598f2d54f6b0229e2f76e703.css" />

<section class="fdb-block pb-0" style="background-image: url(/system/images/photos/000/024/688/original/gowanus.jpg);position:absolute;left:0;width:100%;margin-top:-21px;height:360px;padding-top:3rem;">

  <div class="container">
    <div class="row text-left justify-content-start">
      <div class="col-12 col-md-6 col-xl-5">
        <div class="fdb-box rounded-bottom-0" style="padding:2.8rem 2.5rem 1.2rem;">
          <h1>Public Lab</h1>
          <p class="lead" style="font-size: 1rem;">Public Lab is a community and a non-profit, democratizing science to address environmental issues that affect people.</p>
          <p class="lead mt-4"><a class="btn btn-lg btn-primary" href="/signup">Join &raquo;</a></p>
        </div>
      </div>
    </div>
  </div>
</section>

<!--<div class="col-12">
  <h2 class="text-center">How we work</h2>
</div>-->

<div class="container-fluid text-center panels" style="margin-top:370px;">
  <div class="row">

    <div class="col-lg-3 col-md-12">
      <p><i class="fa fa-binoculars  fa-2x"></i></p>
      <h4 class="section-title">See for yourself</h4>
      <p>Learn new ways to investigate and document issues you see in your local environment. Plan field work, analyze results, and learn how to report environmental impacts.</p>
    </div>

    <div class="col-lg-3 col-md-12">
      <p><i class="fa fa-book  fa-2x"></i></p>
      <h4 class="section-title">Build a shared knowledge base</h4>
      <p>Explore and improve techniques for documenting environmental issues - learn from others and help expand this public resource.</p>
    </div>

    <div class="col-lg-3 col-md-12">
      <p><i class="fa fa-handshake-o  fa-2x"></i></p>
      <h4 class="section-title">Strengthen your community</h4>
      <p>Connect with others facing similar issues locally & worldwide to solve problems together. Ask and answer questions about your environmental concerns.</p>
    </div>

    <div class="col-lg-3 col-md-12">
      <p><i class="fa fa-hand-paper-o  fa-2x"></i></p>
      <h4 class="section-title">Be the change</h4>
      <p>Talk to your neighbors, and build a healthier and more equitable world together by going to the press, to regulators, or to court.</p>
    </div>
  </div>
</div>

<style>
.panels {
  padding: 30px 10px 50px;
}
</style>


<div class="col-12 text-center">
  <h3>
    <a href="https://twitter.com/intent/follow?original_referer=http%3A%2F%2Fpubliclab.org%2Fhome&region=follow_link&screen_name=PublicLab&tw_p=followbutton&variant=2.0"><i style="text-decoration:none;" class="fa fa-twitter"></i></a>
    &nbsp;
    <a href="https://www.facebook.com/PublicLab"><i style="text-decoration:none;" class="fa fa-facebook"></i></a>
    &nbsp;
    <a href="https://instagram.com/publiclab"><i style="text-decoration:none;" class="fa fa-instagram"></i></a>
    &nbsp;
    <a href="https://www.youtube.com/c/publiclab"><i style="text-decoration:none;" class="fa fa-youtube-play"></i></a>
  </h3>
</div>

<div class="col-12" style="margin-top:40px;">
  <h2 class="text-center">Community Projects</h2>
</div>