<h2 class="page-header text-center">All topics</h2>

<div *ngFor="let topic of topics">
  <a routerLink="/topics/{{ topic.id }}">
    <div class="topic col-md-3" [class.active]="topic.active" [class.inactive]="!topic.active">
      {{ topic.name }}

      <div *ngIf="topic.best_post_image" class="best-post-image-holder">
        <img src="{{ topic.best_post_image.uri }}" class="best-post-image">
      </div>
    </div>
  </a>
</div>

<h2 class="page-header text-center">All topics</h2>

<div *ngFor="let topic of topics">
  <a routerLink="/topics/{{ topic.id }}/trending">
    <div class="topic col-md-3" [class.active]="topic.active" [class.inactive]="!topic.active">
      {{ topic.name }}

      <div *ngIf="topic.best_post_image" class="best-post-image-holder">
        <img src="{{ topic.best_post_image.uri }}" class="best-post-image">
      </div>
    </div>
  </a>
</div>

Make topic index link to topic trending page
Make topic index link to topic trending page
