dito-front/src/app/timeline/timeline.component.html

<ul class="timeline">
  <li class="event" *ngFor="let transaction of transactions">
    <div class="event-circle icon icon-check"></div>
    <ul class="event-header">
      <li *ngFor="let item of transaction.header">
        <i class="icon {{item.icon}}"></i>
        <div>{{item.value}}</div>
      </li>
    </ul>
    <ul class="event-itens">
      <li>
        <div>Produto</div>
        <div>Preço</div>
      </li>
      <li *ngFor="let item of transaction.itens">
        <div>{{item.name}}</div>
        <div>{{item.value}}</div>
      </li>
    </ul>
  </li>
</ul>