index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Code for Science and Society</title>
  <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet" type="text/css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <link rel="icon" href="/static/favicon.ico">
  <link rel="stylesheet" href="/static/css/base.css" media="screen">
</head>
<body>
  <div class="header">
    <div class="header-nav container">
      <div class="header-nav-links">
        <ul class="header-nav-list">
          <li><a href="/" class="header-nav-link">Home</a></li>
          <li><a href="/about" class="header-nav-link">About</a></li>
          <li><a href="/team" class="header-nav-link">Team</a></li>
        </ul>
      </div>
      <a href="/" class="header-logo">Code for Science &amp; Society</a>
    </div>
  </div>

  <div id="content"><div class="jumbotron-info jumbotron-info-header">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <h1 class="jumbotron-title">Code for Science &amp; Society</h1>
        <div class="jumbotron-horizontal-rule"></div>
        <div class="jumbotron-description">We empower communities to work together and build innovative technology for the public good.
        </div>
      </div>
    </div>
  </div>
</div>
<div class="background-mask">
  <div class="container">
    <div class="row centered">
      <div class="content-sub-container">
        <div class="col-sm-4">
          <div class="content-feature-card">
            <img src="/static/img/Science.png">
            <div class="content-card-title">Research and Scholarship</div>
            <div class="content-card-subtitle">
              We work with librarians, researchers, and institutions on improving research reproducibility, research data management, and data preservation.
            </div>
          </div>
        </div>
        <div class="col-sm-4">
          <div class="content-feature-card">
            <img src="/static/img/Government.png">
            <div class="content-card-title">Government and Society</div>
            <div class="content-card-subtitle">
              We work with civic institutions, activists, and government technologists at all levels on developing sustainable systems for public access to public information and facilitate civic engagement.
            </div>
          </div>
        </div>
        <div class="col-sm-4">
          <div class="content-feature-card">
            <img src="/static/img/Journalism.png">
            <div class="content-card-title">Journalism and New Media</div>
            <div class="content-card-subtitle">
We work with data journalists, public broadcasters, open source developers, and digital artists to help people share stories, be creative online, and build next generation social media tools.</div>
          </div>
        </div>
      </div>
      <div class="content-title"></div>
    </div>
  </div>
</div>
<div class="background-mask background-mask--toned">
  <div class="container">
    <div class="row centered">
      <div class="content-title">Sponsored Projects</div>
      <div class="content-horizontal-rule"></div>
      <div class="content-sub-container margin-bottom-xl">
        <div class="col-md-4">
          <div class="content-box">
            <img src="static/img/dat-data-v3.png">
            <h3 class="content-card-title"><a href="http://datproject.org">Dat Project</a></h3>
            <div class="content-card-subtitle">Dat is a data sharing protocol for applications of the future.</div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="content-box">
            <img src="static/img/sciencefair.png">
            <h3 class="content-card-title"><a href="https://github.com/codeforscience/sciencefair/">ScienceFair</a></h3>
            <div class="content-card-subtitle">Search, collect, read and reuse the scientific literature.</div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="content-box">
            <img src="static/img/stencila.png">

            <h3 class="content-card-title"><a href="https://github.com/stencila">Stencila</a></h3>
            <div class="content-card-subtitle">The office suite for reproducible research.</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="background-mask">
  <div class="container">
    <div class="row centered">
      <div class="col-md-12">
        <div class="content-title">Sponsors and Supporters</div>
        <div class="content-horizontal-rule"></div>
        <div class="content-sub-container content-logos">
          <a href="#"><img src="/static/img/moore-logo-color.jpg"></a>
          <a href="#"><img src="/static/img/usod.png"></a>
          <a href="#"><img src="/static/img/sloan.png"></a>
          <a href="#"><img src="/static/img/knight.png"></a>
        </div>
        <p></p>
      </div>
    </div>
  </div>
</div>
</div>

  <div class="footer">
    <div class="footer-directory container">
      <div class="col-md-3 col-xs-6">
        <div class="footer-heading">Explore</div>
        <div class="footer-horizontal-rule"></div>
        <ul class="footer-nav-list">
          <li><a href="/"><span class="rsaquo">&#x203A;</span> Home</a></li>
        </ul>
      </div>
      <div class="col-md-3 col-xs-6">
        <div class="footer-heading">Learn</div>
        <div class="footer-horizontal-rule"></div>
        <ul class="footer-nav-list">
          <li><a href="/about"><span class="rsaquo">&#x203A;</span> About</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-credits">
      <span class="footer-emphasized">Code for Science and Society</span> &#x2022; copyright 2018
    </div>
  </div>
  <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-115956437-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-115956437-1');
</script>

</body>
</html>