Bootstrap v4 - (Cards) Card - Image Overlay.json

{
    "name": "Card - Image Overlay",
    "heading": "card-img-overlay",
    "description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.\r\n\r\nIf you\u2019re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.",
    "usage": "Turn an image into a card background and overlay your card\u2019s text. Depending on the image, you may or may not need additional styles or utilities.",
    "snippet": "<div class=\"card\">\r\n  <img class=\"card-img\" src=\"\/images\/pathToYourImage.png\" alt=\"Card image\">\r\n  <div class=\"card-img-overlay\">\r\n    <p class=\"card-text\">I'm text that has a background image!<\/p>\r\n  <\/div>\r\n<\/div>",
    "url": "https:\/\/getbootstrap.com\/docs\/4.0\/components\/card\/",
    "type": "Cards",
    "library": "Bootstrap v4",
    "created": "2017-11-01 00:00:00",
    "modified": "2017-11-22 00:40:59",
    "contributor_company": "Most Wanted Web Services, Inc.",
    "contributor_name": "Steve Voorhees",
    "contributor_email": "sales@mwweb.host",
    "contributor_website": "https:\/\/mostwantedwebhosting.com"
}