doneit-web/src/app/pages/events/events.page.html

<ion-header class="ion-no-border">
  <app-header></app-header>
</ion-header>

<ion-content class="main bg-blue">
  <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
  
  <ion-label>
    <p class="time ion-text-center">{{customDate}}</p>
  </ion-label>
  <ion-label>
    <p class="event-number p-small ion-text-center"> <bold>5</bold> eventos agendados para hoje</p>
  </ion-label>

  <div class="next-meeting">
    <div class="meeting-time">08:30</div>
    <div class="meeting-description">Reunião de Conselho de Ministros no Palácio Presidencial</div>
  </div>

  <div class="conteiner-box">
    <div class="schedule">
      <div class="schedule-header">
        <div class="title">
          <ion-icon class="icon" slot="end" src="assets/images/icons-nav-agenda-active.svg" ></ion-icon>
          <div class="text">A sua Agenda</div>
        </div>
        <ion-icon class="icon-next" slot="end" src="assets/images/icons-arrow-circle-arrow-right.svg" ></ion-icon>
        
      </div>
      <div class="content">
        <ul>
          <li>
            <div class="schedule-time">
              <div class="time-start">08:30</div>
              <div class="time-end">12:30</div>
            </div>
            <div class="schedule-details">
              <div class="location">Luanda | Palácio Presidencial</div>
              <div class="description">Reunião de Conselho de Ministros</div>
            </div>
            <div class="color">
  
            </div>
          </li>
          <li>
            <div class="schedule-time">
              <div class="time-start">08:30</div>
              <div class="time-end">12:30</div>
            </div>
            <div class="schedule-details">
              <div class="location">Luanda | Palácio Presidencial</div>
              <div class="description">Reunião de Conselho de Ministros</div>
            </div>
            <div class="color">
  
            </div>
          </li>
          <li>
            <div class="schedule-time">
              <div class="time-start">08:30</div>
              <div class="time-end">12:30</div>
            </div>
            <div class="schedule-details">
              <div class="location">Luanda | Palácio Presidencial</div>
              <div class="description">Reunião de Conselho de Ministros</div>
            </div>
            <div class="color">
  
            </div>
          </li>
          <li>
            <div class="schedule-time">
              <div class="time-start">08:30</div>
              <div class="time-end">12:30</div>
            </div>
            <div class="schedule-details">
              <div class="location">Luanda | Palácio Presidencial</div>
              <div class="description">Reunião de Conselho de Ministros</div>
            </div>
            <div class="color">
  
            </div>
          </li>
        </ul>
        <div class="resume">
          <div class="title">
            Resumo para Amnahã
          </div>
          <div class="event-num">4 eventos ageandados para amanhã</div>
          <div class="first-event-time">08:30 "Reunião Staff" no Palácio Presidencial</div>
        </div>
      </div>
    </div>
  
    <div class="schedule">
      <div class="schedule-header">
        <div class="title">
          <ion-icon class="icon" slot="end" src="assets/images/icons-nav-agenda-bag.svg"></ion-icon>
          <div class="text">Correspondência por ler</div>
        </div>
        <ion-icon class="icon-next" slot="end" src="assets/images/icons-arrow-circle-arrow-right.svg" ></ion-icon>
        
      </div>
      <div class="content">
        <ul>
          <li>
  
            <div class="schedule-details">
              <div class="description">Reunião de Conselho de Ministros</div>
              <div class="location">MINEC, MINFIN</div>
            </div>
          </li>
          <li>
  
            <div class="schedule-details">
              <div class="description">Reunião de Conselho de Ministros</div>
              <div class="location">MINEC, MINFIN</div>
            </div>
          </li>
          <li>
            <div class="schedule-details">
              <div class="description">Reunião de Conselho de Ministros</div>
              <div class="location">MINEC, MINFIN</div>
            </div>
          </li>
          <li>
            <div class="schedule-details">
              <div class="description">Reunião de Conselho de Ministros</div>
              <div class="location">MINEC, MINFIN</div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>



</ion-content>