<div class="card"> <div class="card-body"> <h4 class="card-title">Recent Comments</h4> </div> <!-- ============================================================== --> <!-- Comment widgets --> <!-- ============================================================== --> <div class="comment-widgets"> <!-- Comment Row --> <div class="d-flex flex-row comment-row" *ngFor="let recentcomment of recentcomments"> <div class="p-2"> <span class="round"> <img src="{{recentcomment.image}}" alt="user" width="50"> </span> </div> <div class="comment-text w-100"> <h5>{{recentcomment.name}}</h5> <p class="m-b-5">{{recentcomment.comment}}</p> <div class="comment-footer"> <span class="text-muted pull-right">{{recentcomment.date}}</span> <span class="label {{recentcomment.labelcolor}}">{{recentcomment.status}}</span> <span class="action-icons"> <a href="javascript:void(0)"> <i class="ti-pencil-alt"></i> </a> <a href="javascript:void(0)"> <i class="ti-check"></i> </a> <a href="javascript:void(0)"> <i class="ti-heart"></i> </a> </span> </div> </div> </div> </div> </div>