<div class="col-sm-2 col-xs-12">

</div>
 <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
   
    <li class="breadcrumb-item active">Profile</li>
  </ol>
<div class="col-sm-8 col-xs-12">
    <form role="form" class="form-horizontal ">
        <div class="form-group">
        <div class="form-group">
            <label class="col-sm-3 control-label">First Name
            </label>
            <div class="col-sm-9">
                <input type="text" class="form-control" name='firstname' placeholder="First Name" value='{{name.first}}' />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">Last Name
            </label>
            <div class="col-sm-9">
                <input type="text" class="form-control" name='lastname' placeholder=' Last Name' value='{{name.last}}' />
            </div>
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1" class="col-sm-3 control-label">
                Password</label>
            <div class="col-sm-9">
                <div class="input-group">
                    <input type="password" class="form-control" name='password' placeholder="*******" value='{{password}}' />
                    <span class="input-group-addon showpassword"><a href='#' style="color:black"><i class="fa fa-eye"></i></a></span>
                </div>

            </div>
        </div>
     
        <div class='form-group'>
            <input type="button" class="col-sm-offset-5 col-sm-4 btn btn-primary useredit hidden-xs" value="Update" />
            <input type="button" class="col-xs-offset-3 col-xs-6 btn btn-primary useredit visible-xs" value="Update" />
        </div>


    </form>
</div>
<div class="col-sm-2 col-xs-12"></div>