fab-manager/app/frontend/templates/trainings/index.html

<section class="heading b-b">
  <div class="row no-gutter">
    <div class="col-xs-2 col-sm-2 col-md-1">
      <section class="heading-btn">
        <a ng-click="backPrevLocation($event)"><i class="fas fa-long-arrow-alt-left "></i></a>
      </section>
    </div>
    <div class="col-xs-10 col-sm-10 col-md-11 b-l">
      <section class="heading-title">
        <h1 translate>{{ 'app.public.trainings_list.the_trainings' }}</h1>
      </section>
    </div>

  </div>
</section>


<section class="m-lg">
  <div class="trainings">
    <training-editorial-block on-error="onError"></training-editorial-block>

    <div class="trainings-grid">
      <div ng-repeat="training in trainings">
        <div class="widget panel panel-default">
          <div class="panel-heading picture" ng-if="!training.training_image_attributes" ng-click="showTraining(training)">
            <img src="data:image/png;base64," data-src="holder.js/100%x100%/text:&#xf03e;/font:'Font Awesome 5 Free'/icon" bs-holder class="img-responsive">
          </div>
          <div class="panel-heading picture" style="background-image:url({{training.training_image_attributes.attachment_url}})" ng-if="training.training_image_attributes" ng-click="showTraining(training)">
          </div>
          <div class="panel-body">
            <h1 class="m-b text-center">{{training.name}}</h1>
          </div>
          <div class="panel-footer no-padder">
            <div class="text-center clearfix">
              <div class="col-sm-6 b-r no-padder">
                <div class="btn btn-default btn-block no-b padder-v red" ng-click="reserveTraining(training, $event)">
                  <i class="fa fa-bookmark"></i> {{ 'app.public.trainings_list.book' | translate }}
                </div>
              </div>
              <div class="col-sm-6 no-padder">
                <div class="btn btn-default btn-block padder-v no-b red" ng-click="showTraining(training)">
                  <i class="fas fa-eye"></i> {{ 'app.shared.buttons.consult' | translate }}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>