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

<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-4">
      <div class="flex-row border">
        <app-meteo></app-meteo>
      </div>
      <div class="flex-row border">
        <span>Humeur en attente component</span>
      </div>
    </div>

    <div class="col-8 border">
      <app-calendrier>A venir</app-calendrier>
    </div>
  
  </div>


  <div class="row">
    <app-card-member>A modifier</app-card-member>
  </div>

</div>