<main role="main">
  <div class="py-5 bg-light">
    <div class="container">
      <div *ngIf="isLoading" class="spinner">
        <div class="double-bounce1"></div>
        <div class="double-bounce2"></div>
      </div>
      <div class="row">
        <div class="col-md-4" *ngFor="let builder of builders">
          <div class="card mb-4 box-shadow">
            <div class="card-header">
              <h4 class="my-0 font-weight-normal">{{ builder?.name }}</h4>
            </div>
            <div class="card-body">
              <p class="mt-3 mb-4">
                {{ builder?.description }}
              </p>
              <button routerLink="/builders/{{ builder?.id }}" type="button" class="btn btn-lg btn-block btn-outline-primary">View Bike</button>
            </div>
            <div class="card-footer text-muted">
              {{ builder?.location }}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</main>
