Use .card-title to add card titles to any heading element. The .card-text class is used to remove bottom margins for a p element if it is the last child in the card-body. The .card-link class adds a blue color to any link, and a hover effect.
Image at the top (card-img-top):
Some example text some example text. John Doe is an architect and engineerSee Profile
Image at the bottom (card-img-top):
Some example text some example text. Jane Doe is an architect and engineerSee Profile
Turn an image into a card background and use .card-img-overlay to overlay the card's text: