index.html

---
layout: default
---

<div class="section tall">
  <div class="container">
    <div class="row">
      <div class="col-lg-9">
        <h1>Your superhero base of operations</h1>
        <h3 class="push-top-half">Glad you made it, welcome home.</h3>
      </div> <!-- .col -->
    </div> <!-- .row -->
  </div> <!-- .container -->
</div> <!-- .section -->

<div class="section light text-center">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <!-- TODO: change these when we launch. -->
        <img src="/assets/images/nyc.svg" class="grid-center" alt="nyc" />
        <a href="http://www.meetup.com/Ladies-Who-Code/"
           class="btn push-top" target="_blank">
          Our NYC Meetup
        </a>
      </div> <!-- .col -->
      <div class="col-md-6 sm-push-top">
        <img src="/assets/images/dc.svg" class="grid-center" alt="dc" />
        <a href="http://www.meetup.com/Ladies-Who-Code-Washington-DC/"
           class="btn push-top" target="_blank">
          Our DC Meetup
        </a>
      </div> <!-- .col -->
    </div> <!-- .row -->
  </div> <!-- .container -->
</div> <!-- .section -->