fm99-app-rev/src/app/news/news.page.html

<ion-header>
  <ion-toolbar class="toolbar-bg-color">
    <img src="../../../assets/icon/fm99-logo-2021-3.svg" class="head-img">
    <ion-buttons slot="end">
      <ion-menu-button>
        <ion-icon src="../assets/icon/menu-svgrepo-com.svg" color="warning"></ion-icon>
      </ion-menu-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-grid>
    <ion-row>
      <ion-col size="10" class="bg-color-4">
        <h2 class="color-1">ข่าวกีฬา</h2>
      </ion-col>
      <ion-col size="2" class="bg-color-3">        
      </ion-col>
    </ion-row>
  </ion-grid>
  <ion-grid>
    <ion-row>
      <ion-col class="ion-no-padding">
        <img src="../../../assets/img-static/banner-320x50.jpeg" alt="">
      </ion-col>
    </ion-row>
  </ion-grid>
  <ion-grid>
    <ion-card *ngFor="let news of newsdata" class="list-card-margin bg-color-1">
      <img src="{{news.better_featured_image.source_url}}" />
      <ion-card-header>
        <a [routerLink]="['../news-detail' , news.id]">
          <ion-card-title class="title-txt-1" [innerHTML]="news.title.rendered"></ion-card-title>
        </a>
      </ion-card-header>
      <ion-card-content text-justify [innerHTML]="news.excerpt.rendered" class="content-txt-1"></ion-card-content>
    </ion-card>
  </ion-grid>
  <ion-grid>
    <img src="../../../assets/img-static/banner-320x100.jpeg" alt="">
  </ion-grid>
</ion-content>