<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<div id="alert_message" style="margin-top : 15px;" ></div>
<div class="col-xs-8 col-xs-offset-2" id="profile_card" >
<div id='profile_display' class='well well-lg text-center bg-primary'>
<form id="cards" class="form-horizontal">
<img src="https://placeholdit.imgix.net/~text?txtsize=33&bg=5555ff&txtclr=ff0000&txt=Profile%20Image%0A200X200&w=200&h=200" class="img-circle" alt="Cinque Terre">
<div class="form-group">
<label class="col-md-6 control-label" for="textinput">Username</label>
<div class="col-md-6" id="p_name_div"><h5>MJN Technologies</h5></div>
</div>
<a class="btn" id="edit_profile_icon" onclick="profile_edit_div();" ><i class="fa fa-pencil fa-lg"></i></a>
<div class="form-group">
<label class="col-md-6 control-label" for="textinput">Name</label>
<div class="col-md-6" id="p_name_div"><h5>MJN Technologies</h5></div>
</div>
<div class="form-group">
<label class="col-md-6 control-label" for="textinput">Organization</label>
<div class="col-md-6" id="p_org_div"><h5>MJN Technologies</h5></div>
</div>
