Card

<Card>
  <CardContent>The Contents of a card</CardContent>
</Card>

<Card>
  <CardContent>
    <Typography color="textSecondary" gutterBottom>
      Word of the Day
    </Typography>
    <Typography variant="h5" component="h2">
      be<span>•</span>nev
      <span>•</span>o<span>•</span>lent
    </Typography>
    <Typography color="textSecondary">adjective</Typography>
    <Typography variant="body2" component="p">
      well meaning and kindly.
      <br />a benevolent smile
    </Typography>
  </CardContent>
  <CardActions>
    <Button size="small">Learn More</Button>
  </CardActions>
</Card>

<Card>
  <CardHeader
    avatar={<Avatar aria-label="recipe">R</Avatar>}
    action={
      <IconButton aria-label="settings">
        <MenuDots />
      </IconButton>
    }
    title="Shrimp and Chorizo Paella"
    subheader="September 14, 2016"
  />
  <CardMedia image="/static/images/cards/paella.jpg" title="Paella dish" />
  <CardContent>
    <Typography variant="body2" color="textSecondary" component="p">
      This impressive paella is a perfect party dish and a fun meal to cook
      together with your guests. Add 1 cup of frozen peas along with the
      mussels, if you like.
    </Typography>
  </CardContent>
  <CardActions disableSpacing>
    <IconButton
      onClick={() => alert('favorited!')}
      aria-label="add to favorites"
    >
      <Heart />
    </IconButton>
    <IconButton onClick={() => alert('shared!')} aria-label="share">
      <Share />
    </IconButton>
    <IconButton onClick={() => alert('expanded!')} aria-label="show more">
      <ArrowDown />
    </IconButton>
  </CardActions>
  <Collapse timeout="auto" unmountOnExit>
    <CardContent>
      <Typography paragraph>Method:</Typography>
      <Typography paragraph>
        Heat 1/2 cup of the broth in a pot until simmering, add saffron and set
        aside for 10 minutes.
      </Typography>
      <Typography paragraph>
        Heat oil in a (14- to 16-inch) paella pan or a large, deep skillet over
        medium-high heat. Add chicken, shrimp and chorizo, and cook, stirring
        occasionally until lightly browned, 6 to 8 minutes. Transfer shrimp to a
        large plate and set aside, leaving chicken and chorizo in the pan. Add
        pimentón, bay leaves, garlic, tomatoes, onion, salt and pepper, and
        cook, stirring often until thickened and fragrant, about 10 minutes. Add
        saffron broth and remaining 4 1/2 cups chicken broth; bring to a boil.
      </Typography>
      <Typography paragraph>
        Add rice and stir very gently to distribute. Top with artichokes and
        peppers, and cook without stirring, until most of the liquid is
        absorbed, 15 to 18 minutes. Reduce heat to medium-low, add reserved
        shrimp and mussels, tucking them down into the rice, and cook again
        without stirring, until mussels have opened and rice is just tender, 5
        to 7 minutes more. (Discard any mussels that don’t open.)
      </Typography>
      <Typography>
        Set aside off of the heat to let rest for 10 minutes, and then serve.
      </Typography>
    </CardContent>
  </Collapse>
</Card>