Software Público Brasileiro

<div class="profile-wall">

  <div class="col-lg-3 col-md-4 col-sm-4">
    <div class="main-box clearfix">
      <header class="main-box-header clearfix">
        <h2>{{vm.profile.name}}</h2>
      </header>
      <div class="main-box-body clearfix">
        <noosfero-profile-image [profile]="vm.profile" class="img-responsive center-block"></noosfero-profile-image>
        <div class="profile-since">
          {{"profile.member_since" | translate}}: {{vm.profile.created_at}}
        </div>
      </div>
    </div>
  </div>

  <div class="col-lg-9 col-md-8 col-sm-8">
    <div class="main-box clearfix">
      <uib-tabset active="active">
        <uib-tab index="0" heading="{{ 'activities.title' | translate }}">
          <noosfero-activities [activities]="vm.activities"></noosfero-activities>
        </uib-tab>
        <uib-tab index="0" heading="{{ 'profile.about' | translate }}">
          <!-- Profile data here -->
        </uib-tab>
      </uib-tabset>
    </div>
  </div>
</div>