Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    dima12qw
    @dima12qw
    hey guys
    I'm new in web design
    who can help stilising this page

    <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>

    <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>