<div class="edit-profile">

 <div class="boson-container">
            <div class="login">
                 <h1>Edit Your LITCAF Profile here</h1>



<p class="demo-download">
[user-avatar]
[remove-user-avatar label="Delete" class="removed"]
</p>

<p>
<label for="id-nickname">Profile Picture</label>
[edit-profile-avatar class="filestyle" id="avatar"]
</p>

<p>
<label for="id-username">Username</label>
[edit-profile-username id="id-username" placeholder="username" class="edit-profile-name"]
</p>

<p>
<label for="id-password">Password</label>
[edit-profile-password id="id-password" placeholder="password" class="edit-profile-passkey"]
</p>

<p>
<label for="id-email">Email Address</label>
[edit-profile-email id="id-email" placeholder="Email" class="reg-email"]
</p>



<p>
<label for="id-website">Website</label>
[edit-profile-website class="reg-website" placeholder="Website" id="id-website"]
</p>

<p>
<label for="id-nickname">Nickname</label>
[edit-profile-nickname class="remember-me" placeholder="Nickname" id="id-nickname"]
</p>




<p>
<label for="display-name">Display Name</label>
[edit-profile-display-name class="display-name" placeholder="Display Name" id="display-name"]
</p>

<p>
<label for="id-firstname">First Name</label>
[edit-profile-first-name class="remember-me" id="id-firstname"  placeholder="First Name"]
</p>

<p>
<label for="id-lastname">Last Name</label>
[edit-profile-last-name class="remember-me" id="id-lastname" placeholder="Last Name"]
</p>

<p style="text-align:center">
[edit-profile-submit value="Save Profile"]
</p>

</div>
</div>

</div>