edit-profile.html

---
layout: default
title: Edit your profile
js: editProfile
---

<div id="profile">
    <div id="subheader" class="row">
        <div class="col-lg-offset-1 col-lg-11">
            <h1>Use the fields below to edit your profile information.</h1>
        </div>
        <div class="alert alert-info login-required col-lg-offset-1 col-lg-11">
            You'll need to create a BizFriend.ly account. Sign up then come back here.
        </div>
    </div>

    <section id="main" class="row">
        <div id="profile-info" class="col-sm-3 col-sm-offset-1">
            <h1 class="user-name">Hi, </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"></p>
            <!-- <button type="button" class="btn btn-default">Edit Your Profile</button> -->
        </div>

        <form id="edit-profile" role="form" class="col-sm-6">
            <legend>About You</legend>
            <div class="form-group">
                <label for="form-name">Your Name</label>
                <input type="text" class="form-control" id="form-name">
            </div>
            <div class="form-group">
                <label for="form-biz-name">Business Name</label>
                <input type="text" class="form-control" id="form-biz-name">
            </div>
            <div class="form-group">
                <label for="form-location">Location</label>
                <input type="text" class="form-control" id="form-location">
            </div>
            <div class="form-group">
                <label for="form-description">Introduce Yourself</label>
                <p class="help-block">Write a brief intro to the community to let everyone get to know you.</p>
                <textarea class="form-control" id="form-description"></textarea>
            </div>
            <legend>Social Networks and Web Links</legend>
            <div class="form-group">
                <label for="form-url"><img src="img/profile-site-icon.png"> Business Website</label>
                <input type="text" class="form-control" id="form-url" placeholder="Copy and paste the web address for your business.">
            </div>  
            <div class="form-group">
                <label for="form-twitter"><img src="img/profile-twitter-icon.png"> Twitter</label>
                <input type="text" class="form-control" id="form-twitter" placeholder="Copy and paste the web address for your Twitter profile..">
            </div>
            <div class="form-group">
                <label for="form-facebook"><img src="img/profile-fb-icon.png"> Facebook</label>
                <input type="text" class="form-control" id="form-facebook" placeholder="Copy and paste the web address for your Facebook profile.">
            </div>
            <div class="form-group">
                <label for="form-linkedin"><img src="img/profile-li-icon.png"> LinkedIn</label>
                <input type="text" class="form-control" id="form-linkedin" placeholder="Copy and paste the web address for your LinkedIn profile.">
            </div>
            <div class="form-group">
                <label for="form-gplus"><img src="img/profile-g+-icon.png"> Google +</label>
                <input type="text" class="form-control" id="form-gplus" placeholder="Copy and paste the web address for your Google Plus profile.">
            </div>
            <button id="submit" type="button" class="btn btn-default pull-right">Save Your Profile</button>
            <div id="form-alert" class="hidden alert alert-danger"></div>
        </form>
    </section>
    </section>
</div>