index.html

---
layout: default
title: Open Salt Lake | A Code for America Brigade
is_front: true
---
<div class="row">
  <div class="col-md-7">
    <h1>Want To Help Salt Lake?</br>
      <small>Good, we could use your help.</small>
    </h1>
    <p class="lead">We are a <a href="http://codeforamerica.org/brigade">Code for America Brigade</a>, which means we're volunteers that contribute our talents toward improving the way our local governments and community organizations use the web. The Brigade is about action and you're here because you are someone who takes action.
    </p>
    <p>We do a lot of things together, but our main activity is our weekly <a href="http://www.meetup.com/Open-Salt-Lake/">Google Hangout</a>, which is held every Tuesday at noon.</p>

    <hr/>

    <p>For more, watch the inspirational TED talk given by Jennifer Pahlka, the founder of Code for America.</a>
    </p>
    <div class="video-container">
      <!--a href="http://www.ted.com/talks/jennifer_pahlka_coding_a_better_government?language=en" class="skiplink">Play Video of Jennifer Pahlka's Ted Talk</a-->
      <iframe src="https://embed-ssl.ted.com/talks/lang/en/jennifer_pahlka_coding_a_better_government.html" width="560" height="315" frameborder="0" title="Video of Jennifer Pahlka's Ted Talk" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
      <!--iframe width="560" height="316" src="//www.youtube.com/embed/n4EhJ898r-k" frameborder="0" allowfullscreen></iframe-->
      <!--a11y:changing to ted talk subtitles are in sync and accurate-->
    </div>
    <hr/>

    <h2>Sponsors</h2>
    <p>These fine organizations help us keep the Brigade running</p>
    <div class="row">
      <!--
      Set the icons to col-xs-* to prevent them from expanding to fill the
      entire width of the screen on small screens.
      -->
      <div itemscope="" itemtype="http://schema.org/Organization" class="sponsor-details col-xs-3">
        <a href="http://microsoftbayarea.com" itemprop="url">
          <img src="{{site.baseurl}}/images/sponsors/MSFTlogo.png" alt="Microsoft" itemprop="logo" class="img-responsive">
          <span itemprop="name">Microsoft</span>
        </a>
      </div>
      <div itemscope="" itemtype="http://schema.org/Organization" class="sponsor-details col-xs-3">
        <a href="http://codeforamerica.org" itemprop="url">
          <img src="{{site.baseurl}}/images/sponsors/code-for-america.jpg" alt="Code for America" itemprop="logo" class="img-responsive">
          <span itemprop="name">Code for America</span>
        </a>
      </div>
    </div>

  </div>

  <div class="col-md-5" style="text-align:center;">
    <h2>Code for Salt Lake Right Now!</h2>
    <p>Open GitHub Issues on our projects that need your help.</p>
    <iframe id="widget" src="http://codeforamerica.org/geeks/civicissues/widget?organization_name=Open-Salt-Lake&number=5" width="100%" height="1100" frameBorder="0"></iframe>

    <!--
    Issue #19: Add twitter widget.

      https://github.com/sfbrigade/sfbrigade.github.io/issues/19

    The settings for this widget are located and managed by the SFbrigate
    Twitter account under Settings > Widgets.
    -->
    <a class="twitter-timeline" href="https://twitter.com/OpenSaltLake" data-widget-id="583457760647315457">Tweets by @OpenSaltLake</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  </div>

</div>