index.html

---
layout: default
title: Home
---
  <section class="hero">
	<div class="small-container">
	  <h2>Great Local Coffee</h2>
	  <p class="sub-text">Coffee<strong>Cafe</strong> serves the freshest coffee in San Francisco.</p>
	</div>
  </section>
  <div class="container">
	<p class="post-hero center-text spacing">Coffee<strong>Cafe</strong> is known for our fresh coffee, quiet working environment and convenient location in centeral San Francisco.</p>
  </div>
  <div class="container">
	<div class="columns spacing">
	  <div class="column half">
		<img src="/images/beans.jpg" width="430" alt="Beans">
	  </div>
	  <div class="column half">
		<h3>Fresh Beans</h3>
		<p>Our organic beans are locally roasted.</p>
	  </div>
	</div>
	<div class="columns spacing">
	  <div class="column half">
		<h3>Working space</h3>
		<p>Free WiFi and desks for all our customers.</p>
	  </div>
	  <div class="column half">
		<img src="/images/desk.jpg" width="430" alt="Desk">
	  </div>
	</div>
	<div class="columns spacing">
	  <div class="column half">
		<img src="/images/location.jpg" width="430" alt="location">
	  </div>
	  <div class="column half">
		<h3>Convenient Location</h3>
		<p>You can't beat our location.</p>
	  </div>
	</div>
  </div>