<div class="ppprofile1">
	<div class="ppboxa">
		[user-avatar class="ppavatar"]
		<div class="pp-edia">
			[remove-user-avatar class="pp-del-pix custom-file-upload" label="Delete Picture"]
		</div>
	</div>

	<div class="ppboxb">
		<div class="ppuserdata"><span class="ppname">Edit Profile</span></div>
		<div class="ppprofdata">
			<div class="heading">Personal Information</div>
			[edit-profile-username class="pp-top" placeholder="Username"]
			<br/> [edit-profile-email title="Email Address" placeholder="Email Address"]
			<br/> [edit-profile-password title="Password" placeholder="Password"]
			<br/> [edit-profile-website title="Website" placeholder="Website"]
			<br/> [edit-profile-nickname title="Nickname" placeholder="Nickname"]
			<br/> [edit-profile-first-name title="First Name" placeholder="First Name"]
			<br/> [edit-profile-last-name title="Last Name" placeholder="Last Name"]
			<br/> [edit-profile-cpf key="country" type="text" title="Country" placeholder="Country"]
			<br/>

			<div class="pp-smiley-file">
				<label for="pp-file-upload" class="custom-file-upload">Choose file</label> [edit-profile-avatar id="pp-file-upload"]
				<span id="pp-file-upload-value">upload avatar</span>
			</div>
			[edit-profile-bio title="Bio" placeholder="Bio"] [edit-profile-display-name title="Display Name" class="pp-no-radius" placeholder="Display Name"] [edit-profile-cpf key="gender" type="select" title="Gender" class="pp-gender"]
			<br style="clear:both"/> <br style="clear:both"/> <br/>

			<div class="heading">Social Media Profile URLs</div>
			[edit-profile-cpf key="facebook" type="text" class="pp-top" title="Facebook profile URL" placeholder="Facebook profile"]
			<br/> [edit-profile-cpf key="twitter" type="text" title="Twitter Profile URL" placeholder="Twitter URL"]
			<br/> [edit-profile-cpf key="linkedin" type="text" title="LinkedIn Profile URL" placeholder="LinkedIn Profile"]
			<br/> [edit-profile-cpf key="google" class="pp-bottom" title="Google+ Profile" type="text" placeholder="Google+ Profile"]
			<br style="clear:both"/> <br/> <br/>
		</div>
		<div class="pploginbutton">
			[edit-profile-submit class="pplogbutt"]
		</div>
	</div>
</div>
</div>

<script type="text/javascript">
	(function ($) {
		$("input:file[id=pp-file-upload]").change(function () {
			$("#pp-file-upload-value").html($(this).val());
		});
	})(jQuery);
</script>