# Card

`import { Card } from 'towelify';`
A more complicated component. Wrap <Card> around where you want your card and you can add the following between them for content (mostly self-explanatory):

1. `<Card.Image src="https://dummyimage.com/vga" alt="dummy photo"/>`
2. `<Card.Title>Title</Card.Title>` - Used with subtitle and text, has no bottom padding.
3. `<Card.Subtitle>Subtitle</Card.Subtitle>`
4. `<Card.Text>Text</Card.Text>`
5. `<Card.Header>Header</Card.Header>` - Used with listgroup and listitem since has own padding.
6. `<Card.ListGroup>` - Wrapped around card.listitem for styling.
7. `<Card.ListItem>Item 1</Card.ListItem>`