<div class="grid-y medium-grid-frame" #application>    <!-- (1) Main content grid -->
  <div class="cell shrink header">    <!-- (1.1) HEADER-->
    <!-- MENUBAR -->
  </div>

  <div class="cell medium-auto medium-cell-block-container">    <!-- (1.2) WEB MAIN CONTENT SECTION -->

    <div class="grid-x grid-padding-x">
      <div class="cell medium-2 medium-cell-block padding-top-1" data-sticky-container>    <!-- (1.2.1) LEFT SIDEBAR -->

        <!-- INDEPENDENTLY SCROLLABLE LEFT SIDEBAR -->
      </div>

      <div class="cell medium-10 medium-cell-block padding-top-1">  <!-- (1.2.2) MAIN CONTENT -->

        <!-- INDEPENDENTLY SCROLLABLE MAIN DIV -->

      </div>

    </div>

  </div>

  <!-- (1.3) BOTTOM PANEL -->
  <div class="cell medium-3 footer">

    <!-- OBJECT INFO -->

  </div>

</div>

<div class="grid-y medium-grid-frame" #application>    <!-- (1) Main content grid -->

  <router-outlet>  <!-- APP MAIN ROUTER -->
    (1.1) HEADER

    <router-outlet>  <!-- SECONDARY OUTLET, TO LOAD THE COMPONENT SELECTED IN THE MENU BAR -->
      (1.2) WEB MAIN CONTENT SECTION

      (1.3) BOTTOM PANEL
    </router-outlet>

  </router-outlet>

</div>