<div class="profileHeaderCtr">
    <div class="profileHeaderImg">
        <img src="http://placehold.it/500x250" class="img-responsive">
    </div>
</div>

<h1 class="lobster text-center">{{ profile.username }}'s Profile</h1>
<img ng-src="uploads/{{ profile.profile_img }}" class="img-responsive center-block">
<h2 class="lobster text-center">About</h2>
<p class="text-center">{{ profile.about }}</p>
<ul class="list-group text-center">
    <li class="list-group-item"><strong><i class="fa fa-globe"></i> Location: </strong> {{ profile.location }}</li>
    <li class="list-group-item"><strong><i class="fa fa-calendar-o"></i> Age: </strong> {{ profile.age }}</li>
    <li class="list-group-item" ng-hide="profile.gender == 3"><strong><i class="fa fa-venus-mars"></i> Gender: </strong> {{ profile.gender }}</li>
</ul>