index.html

---
layout: default
---
<div class="top-section top-students text-center" id="top-students">
  <h2>For Students Interested in...</h2>
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <img src="images/pic-NikeFuelBand.jpg" class="img-thumbnail"><br><h3>Quantified Self</h3>
      </div>
      <div class="col-md-4">
        <img src="images/pic-Hexapod.jpg" class="img-thumbnail"><br><h3>Maker Culture</h3>
      </div>
      <div class="col-md-4">
        <img src="images/pic-CascadeButterfly.jpg" class="img-thumbnail"><br><h3>Citizen Science</h3>
      </div>
      <small>Image credits on <a href="/about">about page</a>
    </div>
  </div>
</div>

<div class="top-section top-outcomes text-center" id="top-outcomes">
  <h2>Expected Learning Outcomes</h2>
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <i class="fa fa-pie-chart fa-3x"></i><br><h3>Orientation to different approaches to measurement</h3>
      </div>
      <div class="col-md-4">
        <i class="fa fa-gavel fa-3x"></i><br><h3>Technical project skills</h3>
      </div>
      <div class="col-md-4">
        <i class="fa fa-users fa-3x"></i><br><h3>Experiences through project-based learning</h3>
      </div>
    </div>
  </div>
</div>

<div class="top-section top-sponsors text-center" id="top-sponsors">
  <h2>Partners</h2>
  <div class="container">
    <ul class="list-inline sp-list">
      <li><a href="http://matrix.berkeley.edu/" target="_blank"><img src="images/sp-matrix.png" alt="UC Berkeley Social Science Matrix"></a></li>
      <li><a href="http://www.ischool.berkeley.edu/" target="_blank"><img src="images/sp-ischool.png" alt="UC Berkeley School of Information"></a></li>
      <li><a href="http://dlab.berkeley.edu/" target="_blank"><img src="images/sp-dlab.png" alt="D-Lab"></a></li>
      <li><a href="http://bids.berkeley.edu/" target="_blank"><img src="images/sp-bids.png" alt="Berkeley Institute for Data Science"></a></li>
      <li><a href="http://cega.berkeley.edu/" target="_blank"><img src="images/sp-cega.png" alt="Center for Effective Global Action"></a></li>
      <li><a href="https://ist.berkeley.edu/" target="_blank"><img src="images/sp-ist.png" alt="Information Services and Technology"></a></li>
    </ul>
  </div>
</div>