index.html

---
layout: default
title: Code for Hampton Roads | A Code for America Brigade
scripts: [custom_styles.js]
is_front: true
---

<div class="row">
  <div class="col-md-7">
    <h1>Want To Help Hampton Roads?</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 class="lead">We do a lot of things together, but our main activity is our
      <a href="http://www.meetup.com/code4hr/">Hack Night</a>,
      which is held several Wednesday's a month from 6:00 to 9PM. The Hack Night is for those who want to:</p>
    <ul class="lead">
      <li>get work done on civic projects</li>
      <li>start a new project, or find one to join (all backgrounds welcome!)</li>
      <li>bounce ideas and get help from tech and gov experts</li>
      <li>learn about open data, smart cities, and open government</li>
    </ul>
    <p class="lead">Contact us with questions <a href="mailto:code4hr-team@codeforamerica.org">code4hr-team@codeforamerica.org</a>,
    <a href="https://twitter.com/code4hr">Twitter</a>, and
    <a href="https://www.facebook.com/code4hr">Facebook</a>.</p>
    <hr/>

    <p>For more, watch the inspirational <a href="http://www.ted.com/talks/jennifer_pahlka_coding_a_better_government?language=en"> 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="//www.youtube.com/embed/PinRhW8Psn4" width="560" height="315" frameborder="0" title="What is CodeforAmerica Brigade?" 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/>

    <div>
      <h1>Latest News Items about Code4HR </h1>
    {% for post in site.categories['news'] limit:1 %}
      <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
    {% endfor %}
    </div>

  </div>

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

</div>

<div class="row text-center">

  </div>


<div class="row sponsors">
    <div class="row">
        <hr>
        <p>Code for Hampton Roads is kindly supported by</p>
    </div>

    <div class="logos">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
        </div>
        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
            <a href="https://www.codeforamerica.org/"><img class="img-responsive" src="images/sponsors/CfA_logo_lg.png"></a>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
            <a href="http://www.dominionenterprises.com/"><img class="img-responsive" src="images/sponsors/de-logo.png"></a>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
            <a href="http://hatchnorfolk.com/"><img class="img-responsive" src="images/sponsors/hatch-logo.png"></a>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
            <a href="http://codebetter.com/"><img class="img-responsive" src="images/sponsors/codebetter.com_1024.png"></a>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
            <a href="https://1701vb.com/"><img class="img-responsive" title="1701 Virginia Beach Coworking" src="images/sponsors/1701-black.jpg"></a>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
            <a href="https://fathomcoffee.com/"><img class="img-responsive" title="Fathom Coffee" src="images/sponsors/Fathom-Logo-black.jpg"></a>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
            <a href="https://slack.com/"><img class="img-responsive" src="images/sponsors/slack-logo-600x240-transparent.png"></a>
        </div>

      </div>

    </div>
</div>