Tutorial by Examples

<md-card> <md-card-header> <md-card-header-text> <span class="md-title">This will be the title</span> <span class="md-subhead">Here goes the (smaller, lighter) sub-header</span> </md-car...

If you want your card to include buttons, use the md-card-actions directive. Buttons can also be formatted differently for icon-only buttons. Search for icons at here if you're using Google's Material Icons. <md-card> <!--header--> <md-card-content> <p> ...

If you want an avatar to appear on the card, use the <md-card-avatar> directive, which must be placed within the <md-card-header> directive. The <md-card-avatar> directive accepts an <img /> tag. Optional: .md-user-avatar, which makes the <img /> tag have a circle look...