<div class='wizdom-bootstrap-wrapper ms-webpart-chrome relatedpeople ms-webpartzone-cell' ng-show="people.length">
    <div class='ms-webpart-chrome-title'>
        <span title="{{ 'Related people' | translate }}">
            <h2 style='text-align:justify;' class='ms-webpart-titleText'><nobr><span>{{ 'Related people' | translate }}</span></nobr></h2>
        </span>
    </div>
    <div class="ms-wpContentDivSpace wizdom-pageInfo">
        
        <div ng-repeat="item in people" class="page-relations-people">

            <div class="ms-WPBody wizdom-pageInfo-container page-relation-peopleRow">
				<div class="wizdom-pageInfo-row">
					<div class="wizdom-pageInfo-imgColumn">
						<div wizdom365-presence-picture
							 size="AVATAR"
						     email="item.email"
                             accountname="item.accountName"
							 name="item.name"
							 url="item.publicUrl"
							 image="item.pictureURL"></div>
					</div>
					<div class="wizdom-pageInfo-textColumn">
                        <div class='name'><a href='{{ item.publicUrl }}'>{{ item.name }}</a></div>
                        <div class='email'><a href='mailto:{{ item.email }}'>{{ item.email }}</a></div>
					</div>
				</div>
				<div class='ms-clear'></div>
			</div>

        </div>
        
    </div>
</div>