<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> <!------ Include the above in your HEAD tag ----------> <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"> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <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> <!-- Text input--> <div class="form-group"> <label class="col-md-6 control-label" for="textinput">Email ID</label> <div class="col-md-6"><h5>mjntechnologies@outlook.com</h5></div> </div> </form> <button id="c_pass_btn" type="button" class="btn btn-warning" onclick="jQuery('#c_pass_form').show();jQuery('#c_pass_btn').hide();">Change Password</button> <form name="c_pass_form" id="c_pass_form" method="post" style="display: none;"> <div class="form-group col-md-5 col-xs-offset-3"> <input type="password" name="p_password" id="p_password" tabindex="6" class="form-control input-md" placeholder="Change Password" required=""> </div> <button id="c_pass_btn" type="button" class="btn btn-primary" onclick="password_change('<?php echo $current_user->ID;?>');">Change Password</button> </form> </div> </div> </div> </div>

#cards{ color:#ff00ff; } #cards h5{ color:#ff00ff; text-align: left; }