<div class="row">
  <div class="col-12">
    <app-heading></app-heading>
    <app-breadcrumb></app-breadcrumb>
    <div class="separator mb-5"></div>
  </div>
</div>
<div class="row">
  <div class="col-12">
    <div class="card mb-4">
      <div class="card-body">
        <div class="jumbotron">
          <h1 class="display-4">{{'jumbotron.hello-world' | translate}}</h1>
          <p class="lead">{{'jumbotron.lead' | translate}}</p>
          <hr class="my-4">
          <p>{{'jumbotron.lead-detail' | translate}}</p>
          <p class="lead  mb-0">
            <a class="btn btn-primary btn-lg c-pointer" role="button">{{'jumbotron.learn-more' | translate}}</a>
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
