Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
2.4 kB
2
Indexable
Never
<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      <img alt="logo" height="15px" src="assets/icon/saveLogo.png" />
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-header collapse="condense">
    <ion-toolbar> </ion-toolbar>
  </ion-header>

  <ion-searchbar value="Pesquisar Filme"></ion-searchbar>

  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-card>
          <img alt="starwars" height="80%" src="assets/starwars.jpg">
          <ion-card-header>
            <ion-card-subtitle>recomendações
              <ion-icon name="videocam-outline"></ion-icon>
            </ion-card-subtitle>
            <ion-card-title>Star Wars</ion-card-title>
          </ion-card-header>

          <ion-card-content>
            Star Wars é uma franquia do tipo space opera estadunidense criada pelo cineasta George Lucas, que conta com
            uma série de nove filmes de fantasia científica e dois spin-offs.
          </ion-card-content>
        </ion-card>
      </ion-col>
      <ion-col>
        <ion-card>
          <img alt="vingadores" height="80%" src="assets/hulk.jpeg">
          <ion-card-header>
            <ion-card-subtitle>recomendações
              <ion-icon name="film-outline"></ion-icon>
            </ion-card-subtitle>
            <ion-card-title>Mulher Hulk</ion-card-title>
          </ion-card-header>

          <ion-card-content>
            She-Hulk: Attorney at Law é uma série de televisão estadunidense de super-herói de 2022 criada por Jessica Gao para o Disney+, baseada na personagem Mulher-Hulk da Marvel Comics.
          </ion-card-content>
        </ion-card>
      </ion-col>
    </ion-row>
  </ion-grid>

  <ion-list>
    <ion-item>
      <ion-label>
        <ion-badge slot="end" color="dark">1</ion-badge> <br><br>O Poderoso Chefão   
      </ion-label>
    </ion-item>
    <ion-item>
      <ion-label>
        <ion-badge slot="end" color="dark">2</ion-badge> <br><br>Parasita
      </ion-label>
    </ion-item>
    <ion-item>
      <ion-label>
        <ion-badge slot="end" color="dark">1</ion-badge> <br><br>Batman
      </ion-label>
    </ion-item>
  </ion-list>

  <div class="center">
    <ion-button alt="botao" color="dark">Curtir
      <ion-icon name="happy-outline"></ion-icon>
    </ion-button>
  </div>


</ion-content>