<ion-header>

  <ion-navbar color = "festow-primary">
    <botão botão íon menuToggle>
      <icon-icon name = "menu"> </ion-icon>
    </button>
    <ion-title> Festas em {{cidadeCodigo}} </ion-title>
    <ion-buttons end>
      <botão (clique) = "modalPesquisa ()" ícone-botão apenas ícone
        <icon-icon name = "ios-funnel"> </ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content class = "teste">
  <ion-refresher (ionRefresh) = "doRefresh ($ event)">
    <ion-refresher-content
      pullingIcon = "seta-seta"
      pullingText = "Puxe para atualizar"
      refrescanteSpinner = "círculos"
      refreshingText = "Atualizando ...">
    </ion-refresher-content>
  </ion-refresher>
  <ion-searchbar * ngIf = "festa"
  espaço reservado = "Pesquise ..."
  [(ngModel)] = "myInput"
  (ionInput) = "onInput ($ event)">
</ion-searchbar>

  <ion-card * ngFor = "deixe festa de festa" class = "cards card-full" style = "border-color: #ffffff! important;">

    <img class = "cartões de imagem" src = "http://festow.com/images/{{festa.thumb}}" height = "42%" style = "border-color: #ffffff! important;">
    <ion-fab center edge class = "fab-cards">
        <button ion-fab mini class = "fab-button" (clique) = "itemTapped ($ event, festa)"> <icon-icon name = "add"> </ion-icon> </button>
      </ion-fab>
    <classe de conteúdo de cartão de íon = "cartão-conteúdo-cor grade-preenchimento">
      <classe ión-grade = "grade-preenchimento">
        <ion-row>
      <ion-col col-6 col-sm>
      <p class = "p-cards fonte"> {{festa.nome}} </p>
      <p class = "p-cards fonte"> {{festa.horario}} - {{festa.hora_fim}} </p>
      </ion-col>
      <ion-col col-4 col-sm offset-2>
      <p class = "p-cards fonte"> {{festa.nome_casa}} </p>
      <p class = "p-cards"> <rating [score] = "festa.estrelas" max = "5"> </rating> </p>
      </ion-col>
        </ion-row>
      </ion-grid>

    </ion-card-content>

  </ion-card>
</ion-content>