index.html

---
layout: default
title: home
---

<section id="main" class="row hidden-xs">
    <div id="main-video" class="col-sm-7 col-md-6 col-lg-5 col-md-offset-1">
        <img id="laptop" src="img/laptop.png">
        <iframe src="//player.vimeo.com/video/78550794?byline=0&amp;portrait=0" width="300" height="169" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </div>
	<div id="main-text" class="col-sm-5 col-md-4">
		<h1 id="main-message">BizFriend.ly puts the web to work for your business.</h1>
        <div class="center">
            <a type="button" href="learn.html" class="btn btn-primary">Start Learning</a>
	      </div>
    </div>
</section>

<section id="bottom" class="row">
    <div class="col-sm-3 col-md-2 col-md-offset-1 center">
        <a href="learn.html">
            <img src="img/learn-bulb.png"><p>Find the latest web tools & learn the basics.</p>
        </a>
    </div>
    <div class="col-sm-3 col-md-2 col-sm-offset-1 center">
        <a href="teach.html">
            <img src="img/teach-people.png"><p>Teach others how you use the web.</p>
        </a>
    </div>
    <div class="col-sm-3 col-md-2 col-sm-offset-1 center">
        <a href="connect.html">
            <img src="img/connect-people.png"><p>Connect & compare to fellow learners & teachers.</p>
        </a>
    </div>
</section>