<div class="kanban">
  <div class="kanban-left">
    <div class="title font-sub-title" >
      <p style="margin-top:7px">{{name1}}</p>
    </div>
    <div class="sub" style="text-align: center;margin-top: 10px;">
      <!--<ion-icon name="ios-heart" style="padding: auto"></ion-icon>-->
      <ion-row>
        <ion-col style="padding: 0px 0px 0px 10px;">
          <img [src]="iconImg1" [ngStyle]="{'width': iconWidth, 'margin-left': '5px', 'height': 'auto'}" >
        </ion-col>
        <ion-col style="padding-left: 0px;">
          <div style="padding-left: 5px; padding-top: 2px;">
            <span style="padding-bottom: 10px" [ngStyle]="{'color':fontColor1, 'font-size': fontSize}">{{inData1}}</span>
          </div>
        </ion-col>
        <ion-col size="1" style="width:1px; padding-left:0px; padding-right: 0px; padding-top:8px;">
          <span style="border-right: 1px solid #E0E0E0; font-size:30px;vertical-align: center"></span>
        </ion-col>
        <ion-col style="padding: 0px 0px 0px 10px;">
          <img [src]="iconImg2" [ngStyle]="{'width': iconWidth, 'height': 'auto'}">
        </ion-col>
        <ion-col style="padding-left: 0px;">
          <div style="padding-top: 2px;">
            <span style="padding-bottom: 10px" [ngStyle]="{'color':fontColor2, 'font-size': fontSize}">{{inData2}}</span>
          </div>
        </ion-col>
      </ion-row>
    </div>
  </div>

  <div class="kanban-right">
    <div class="title" style="">
      <p style="margin-top:7px">{{name2}}</p>
    </div>
    <div class="sub" style="text-align: center;margin-top: 10px;">
      <!--<ion-icon name="ios-heart" style="padding: auto"></ion-icon>-->
      <ion-row>
        <ion-col size="1" style="width:1px; padding-left:0px; padding-right: 0px; padding-top:8px;">
          <span style="border-right: 1px solid #E0E0E0; font-size:30px;vertical-align: center"></span>
        </ion-col>
        <ion-col style="padding: 0px 0px 0px 10px;">
          <img [src]="iconImg3" style="width: 90% !important; height: auto; padding-top: 3px;">
        </ion-col>
        <ion-col style="padding-left: 0px;">
          <div style="padding-left: 5px; padding-top: 2px;">
            <span style="padding-bottom: 10px" [ngStyle]="{'color':fontColor3, 'font-size': fontSize}">{{inData3}}</span>
          </div>
        </ion-col>
      </ion-row>
    </div>
  </div>
</div>
