Skip to content

Instantly share code, notes, and snippets.

@rafszul
Created February 14, 2017 14:38
Show Gist options
  • Save rafszul/752bb32611b1a0c33fd2c178e2c4f37a to your computer and use it in GitHub Desktop.
Save rafszul/752bb32611b1a0c33fd2c178e2c4f37a to your computer and use it in GitHub Desktop.
<md-card fxLayout="row" fxLayout.xs="column" fxLayout.sm="column" fxLayoutWrap>
<md-card *ngFor="let item of items | async" fxFlex="50">
<md-card-header>
<md-card-title>
<h5>{{ item.name }}</h5>
</md-card-title>
<img md-card-avatar src="{{ item.img }}">
</md-card-header>
<img md-card-image src="{{ item.img }}">
<md-card-content>
<h5><small>{{ item.phone }}</small></h5>
<p>email: {{ item.email }}</p>
</md-card-content>
<md-card-actions>
<button md-button><md-icon>email</md-icon> Email {{ item.name }}</button>
<button md-button><md-icon>call</md-icon> Call {{ item.name }}</button>
</md-card-actions>
</md-card>
</md-card>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment