
<div class="container-fluid">
  <div class="row d-flex justify-content-center">
    <div class="col-12">
      <h2 id="page-heading">{{ pageTitle }}</h2>
      <h3><span [innerHTML]="pageSubTitle"></span></h3>
    </div>
    
    <div class="col-sm-8">
      <app-period-selector [defaultSelectedPeriodId]="periodId"></app-period-selector>
    </div>

    <div class="col-sm-8">
      <!-- Accordion --> 
      <ng-container #dashboardContainer></ng-container>
    </div>
  </div>
</div>