<app-header></app-header>
<app-side-bar></app-side-bar>


<app-deconnexion></app-deconnexion>

<div class="container">
  <div>
    <h3 class="titre">Bienvenue {{ conectedUser.prenom }}!!</h3>
  </div>
  <div class="row d-flex align-items-center flex-row">
    <div class="col-sm-3 col-xs-6 box border" id="boxThree">
      <app-meteo></app-meteo>
    </div>
    <div class="col-sm-3 col-xs-6 box border" id="boxTwo">
      <app-calendrier>A venir</app-calendrier>
    </div>

    <div class="row">
      <div class="col-sm-3 col-xs-6 box border" id="boxFour">
        <div>
          <app-humeur></app-humeur>
        </div>
      </div>
    </div>

    <div class="row avatar">
      <div class="col" *ngFor="let membreData of listMembres">
        <app-card-avatar [membre]="membreData"> </app-card-avatar>
      </div>
    </div>
  </div>
</div>

<app-footer></app-footer>
