<div class="card z-depth">
  <h3>No Content</h3>
  <img src="https://images.unsplash.com/photo-1688494929970-433dd6cab0dc?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;q=80&amp;w=400" alt>
</div>

{{ c("card", "card", {
  "headline": "No Content",
  "content": null,
  "image": "https://images.unsplash.com/photo-1688494929970-433dd6cab0dc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=400",
  "page": {
    "url": "/design-system/components/card/no-content/",
    "outputPath": "dist/design-system/components/card/no-content/index.html",
    "date": "2024-03-31T12:59:11.659Z",
    "inputPath": "./site/design-system/components-pages.njk",
    "fileSlug": "components-pages",
    "filePathStem": "/design-system/components-pages",
    "outputFileExtension": "html",
    "templateSyntax": "njk"
  },
  "eleventy": {
    "version": "2.0.1",
    "generator": "Eleventy v2.0.1",
    "env": {
      "source": "cli",
      "runMode": "build",
      "config": "/buddy/stevenwoodson-com/.eleventy.js",
      "root": "/buddy/stevenwoodson-com",
      "isServerless": false
    }
  }
}) }}