next-ucap-messenger/projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.html

<div class="container">
  <!-- TOP BACKGROUND -->
  <div></div>
  <!-- / TOP BACKGROUND -->

  <!-- CENTER -->
  <div>
    <!-- CONTENT CARD -->
    <div>
      <div class="left-side">
        <app-layout-messenger-left-side></app-layout-messenger-left-side>
      </div>
      <div>
        <app-layout-messenger-intro
          *ngIf="!selectedChat"
        ></app-layout-messenger-intro>
        <app-layout-messenger-messages
          *ngIf="selectedChat"
        ></app-layout-messenger-messages>
      </div>
      <div class="right-side">
        <app-layout-messenger-right-side></app-layout-messenger-right-side>
      </div>
    </div>
    <!-- / CONTENT CARD -->
  </div>
  <!-- / CENTER -->
</div>