index.html

---
layout: default
---

<div class="home">
	
	<div class="row bg-img">
		<div class="col-12 t-center-title">
			<h1 class="t-section-headline t-white">Code for Baltimore</h1>
		</div>
	</div>

  <div class="row row--centered">
    <div class="card card--no-map">
      <div class="card-content">
	      <div class="call-out">
		      <div class="call-out-inner">
        <h2 class="t-h4">Join us for our next event, learn more on Meetup
	        </h2>
	      <a href="{{site.meetup_url}}" class="btn-secondary">Meetup</a>
	      </div>
	      </div>
      </div>
    </div>
  </div>

	<div class="row row--centered">
		<div class="card card--no-map">
			<div class="card-content">
				<div class="call-out">
					<div class="call-out-red">
						<h2 class="t-h4">Keep up to date with our projects by joining the Code for Baltimore Slack</h2>
							<a href="{{site.slack_url}}" class="btn-secondary">Slack</a>
						</h2>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row row--centered">
		<div class="card card--no-map">
			<div class="card-content">
				<div class="call-out">
					<div class="call-out-inner">
						<h2 class="t-h4">Find projects that need your help on our Github Organization</h2>
							<a href="{{site.github_url}}" class="btn-secondary">Github</a>
						</h2>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row row--centered wrapper">
    <div class="col-8 l-pad--top l-pad--bottom">
      <p class="t-lead">
	      Government can work for the people, by the people, in the digital age.


      </p>
	    <p>
		    We are a community of volunteers who develop open-source projects as a
		    <a href="https://www.codeforamerica.org/">Code for America Brigade</a> by focusing on open government, open data, great design,
		    and social good in Baltimore.
	    </p>
    </div>
  </div>

</div>