hackhat/smart-css

<div class="ui-fluid">
<div class="row">
<div class="col-md-6" *ngIf="employee">
<div class="panel">
<div class="panel-heading">
Personal <a href="#">edit</a>
</div>
<div class="panel-body">
<table class="table table-condensed">
<tr>{{employee.firstname}} {{employee.surname}}</tr>
<br>
<tr>{{employee.birthdate | date: 'dd/MM/yyyy'}}</tr>
</table>
</div>
</div>

</div>
<div class="col-md-6">
    <div class="panel">
        <div class="panel-heading">
            Function <a href="#">edit</a>
        </div>
        <div class="panel-body">
            <table class="table table-condensed" *ngFor="let role of roles">
                <tr><b>{{role.roleName}}</b> <a class="pull-right">{{role.fkOfficeList.officeName}}</a></tr>
                <br>
            </table>
        </div>
    </div>

</div>
<div class="col-md-6">
    <div class="panel">
        <div class="panel-heading">
            Contacts <a href="#">edit</a>
        </div>
        <div class="panel-body">
            <table class="table table-condensed" *ngFor="let contact of contacts">
                <tr><b>{{contact.type}}</b> <a class="pull-right">{{contact.contact}}</a></tr>
                <br>
            </table>
        </div>
    </div>
</div>
<div class="col-md-6">
    <div class="panel">
        <div class="panel-heading">
            Languages <a href="#">edit</a>
        </div>
        <div class="panel-body">
            <table class="table table-condensed" *ngFor="let language of languages">
                <tr>{{language.language}}</tr>
                <br>
            </table>
        </div>
    </div>
</div>
<div class="col-md-6">
    <div class="panel">
        <div class="panel-heading">
            Hiring Details <a href="#">edit</a>
        </div>
        <div class="panel-body">
            <table class="table table-condensed" *ngFor="let event of employmentevents">
                <tr><b>{{event.event}}</b> <a class="pull-right">{{event.setOn | date: 'dd/MM/yyyy'}}</a></tr>
                <br>
            </table>
        </div>
    </div>
</div>

</div>
</div>