<div class="vcard h-card widget">

	<div id="profile-photo-wrapper">
		{{if $url}}
		<a href="{{$url}}"><img class="photo u-photo" src="{{$photo}}" alt="{{$name}}" /></a>
		{{else}}
		<img class="photo u-photo" src="{{$photo}}" alt="{{$name}}" />
		{{/if}}
	</div>

	{{* The short information which will appended to the second navbar by scrollspy *}}
	<div id="vcard-short-info-wrapper" style="display: none;">
		<div id="vcard-short-info" class="media" style="display: none">
			<div id="vcard-short-photo-wrapper" class="pull-left">
				<img class="media-object" src="{{$photo}}" alt="{{$name}}" />
			</div>

			<div id="vcard-short-desc" class="media-body">
				<h4 class="media-heading">{{$name}}</h4>
				{{if $addr}}<div class="vcard-short-addr">{{$addr}}</div>{{/if}}
			</div>
		</div>
	</div>

	<div class="panel-body">
		<div class="profile-header">
			<h3 class="fn p-name">{{$name}}</h3>

			{{if $addr}}<div class="p-addr">{{$addr}}</div>{{/if}}

			{{if $pdesc}}<div class="title">{{$pdesc}}</div>{{/if}}

			{{if $account_type}}<div class="account-type">{{$account_type}}</div>{{/if}}

			{{if $network_name}}<dl class="network"><dt class="network-label">{{$network}}</dt><dd class="x-network">{{$network_name}}</dd></dl>{{/if}}
		</div>
	</div>
</div>