index.html

---
layout: default
---

<div class="home">
  <div class="row bg-red">
    <div class="col-12 l-pad--top l-pad--bottom t-center">
      <h1 class="t-section-headline t-white">Code for Boston</h1>
    </div>
  </div>

  <div class="row row--centered yank--north ">
    <div class="card card--map">
      <div class="card-content">
        <h2 class="t-h4">Every Tuesday @ 7pm</h2>
        <address>
          Cambridge Innovation Center 4<sup>th</sup> floor
          <br>
          1 Broadway Cambridge, MA
        </address>
        <br>
        <a href="http://meetup.com/code-for-boston" class="btn-secondary">Come hang out</a>
      </div>
      <div class="card-img">
        <a href="https://goo.gl/maps/2ovMrGFQukB2" target="_blank">
          <img width="600" src="http://maps.googleapis.com/maps/api/staticmap?center=Mass+General+Boston,+MA&zoom=14&scale=false&size=600x600&maptype=roadmap&format=jpg&visual_refresh=true&markers=size:mid%7Ccolor:0x000000%7Clabel:1%7C1+broadway+cambridge+MA" alt="Google Map of Cambridge, MA">
        </a>
      </div>
    </div>
  </div>



  <div class="row wrapper">
    <div class="col-12 l-pad--top l-pad--bottom t-center">
      <h2 class="t-section-headline">Get Involved</h2>

      <div class="col-6">
        <h3 class="t-h4">Hack on <br>civic tech projects </h3>
        {% include icon/github.html %}
        <p>All of our projects are open source and free to hack on at <a href="http://github.com/codeforboston">github.com/codeforboston</a>.</p>
      </div>

      <div class="col-6">
        <h3 class="t-h4">Chat with <br>CFB members </h3>
        {% include icon/slack.html %}
        <p>Join our public slack channel at <a href="http://public.codeforboston.org/">public.codeforboston.org</a></p>
      </div>

    </div>
  </div>

</div>