<h2 class="sub-title">Project Details</h2>
<a (click)='navigation.emit({page:"project-details",data:{navigation:"card-details"}})' class="icon-add" *ngIf='showAddProjectButton'>
  <img src="{{imageUrl}}\assets\img\employee\profile\add_button@2x.png" alt="" width="41" height="41">
</a>
<div *ngFor="let f of data,let i = index" class='info'>
  <div class='logo-container'>
    <div class='logo'>{{ i+1 < 10? '0'+ (i+1) : (i+1) }}</div>
    </div>
    <div class='description'>
      <h4>{{f.title}}</h4>
      <a id='btn-edit-form' (click)="navigation.emit({ page: 'project-details', data:f})">
        <img src="{{imageUrl}}\assets\img\employee\profile\edit@2x.png" alt="edit" width="13.14px" height="12.96">
      </a>
      <p>{{f.description}}</p>
      <div class="selected-skills-button">
        <ul>
          <li *ngFor='let skill of f.skills'>
            <button disabled class="button-skill-selected">{{skill.name}}</button>
          </li>
        </ul>
      </div>
    </div>
  </div>
