<div class="experienceblock">
  <app-languagetoggle [language]="'en'">
    <div class="blocktitle">Experience</div>
  </app-languagetoggle>
  <app-languagetoggle [language]="'nl'">
    <div class="blocktitle">Ervaring</div>
  </app-languagetoggle>
  <div class="blockcontent">
    <div *ngFor="let experienceItem of getExperienceItems()" class="experience-item-block">
      <div class="imgblock">
        <img *ngIf="experienceItem.iconName != null" src="{{experienceItem.iconName}}" alt="..."
             class="img-thumbnail img-fluid cv-item-thumbnail">
      </div>
      <div class="cvitem-text">
        <div class="lead">
          {{experienceItem.employer}}
        </div>
        <div class="font-italic">
          {{experienceItem.fromYear}} - {{experienceItem.toYear}}
        </div>
        <div>
          {{experienceItem.description}}
        </div>
      </div>
    </div>
  </div>
</div>

<div class="educationblock">
  <app-languagetoggle [language]="'nl'">
    <div class="blocktitle">Opleiding</div>
  </app-languagetoggle>
  <app-languagetoggle [language]="'en'">
    <div class="blocktitle">Education</div>
  </app-languagetoggle>
  <div class="blockcontent">
    <div *ngFor="let educationItem of getEducationItems()" class="experience-item-block">
      <div class="imgblock">
        <img *ngIf="educationItem.iconName != null" src="{{educationItem.iconName}}" alt="..."
             class="img-thumbnail img-fluid cv-item-thumbnail">
      </div>
      <div class="cvitem-text">
        <div class="firstline">
          <div class="lead">
            {{educationItem.employer}}
          </div>
          <div class="font-italic">
            {{educationItem.fromYear}} - {{educationItem.toYear}}
          </div>
        </div>
        <div class="font-italic">
          {{educationItem.title}}
        </div>
        <div>
          {{educationItem.description}}
        </div>
      </div>
    </div>
  </div>
</div>



