connect.html

---
layout: default
title: connect
js: connect
published: true
---

<div id="connect">
    <div id="subheader" class="row">
        <div class="col-sm-offset-1 col-sm-11">
            <h1>Nice work! Here's where you can see everything you've done on BizFriend.ly</h1>
        </div>
    </div>

    <section id="main" class="row">
        <div id="left-column" class="col-sm-4 col-md-3 col-sm-offset-1">
            <div class="row">
                <div id="profile-info" class="col-sm-12 col-lg-12">
                    <h1>Hi, <span class="user-name"></span></h1>
                    <p class="location"></p>
                    <p class="biz-name"></p>
                    <div id="profile-social-links">
                        <a id="profile-li"><img src="img/profile-li-icon.png"></a>
                        <a id="profile-gplus"><img src="img/profile-g+-icon.png"></a>
                        <a id="profile-fb"><img src="img/profile-fb-icon.png"></a>
                        <a id="profile-twitter"><img src="img/profile-twitter-icon.png"></a>
                        <a id="profile-site"><img src="img/profile-site-icon.png"></a>
                    </div>
                    <p class="profile-description">Brief intro to the community.</p>
                </div>
            </div>
            <div class="row hidden-xs">
                <div id="fb-plugin-box" class="col-sm-12 col-lg-12">
                    <h2>Cheer on your business friends!</h2>
                    <p>As more businesses become of part the BizFriend.ly community, we encourage you to cheer them on by liking them on Facebook. Let's help everyone get their first 25 likes.</p>
                    <iframe id="fb-plugin" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBizFriendly&amp;height=590&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=true&amp;show_border=true&amp;appId=158953284268352" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:590px;" allowTransparency="true"></iframe>
                </div>
            </div>
        </div>

        <div id="right-column" class="col-sm-5 col-md-6">
            <div id="leader-boards">
                <h1>Leader Boards</h1>
                <div class="row">
                    <div id="top-learners" class="col-sm-6">
                        <h2>Top Learners</h2>
                      <hr style= margin: 1em 0 2em;>
                    </div>
                    <div id="top-teachers" class="col-sm-6">
                        <h2>Top Teachers</h2>
                      <hr style= margin: 1em 0 2em;>
                    </div>
                </div>
                <div class="row hidden-xs">
                    <div class="col-sm-5 col-md-6 center">
                        <p>Want your name to be here?</p>
                        <a href="learn.html" type="button" class="btn btn-default">Go Learn</a>
                    </div>
                    <div class="col-sm-5 col-sm-offset-1 center">
                        <p>Want your name to be here?</p>
                        <a href="teach.html" type="button" class="btn btn-default">Go Teach</a>
                    </div>
                </div>
            </div>
            <div id="latest-activity">
                <h1>Latest Activity</h1>
            </div>
        </div>
    </section>
</div>