1. Demo
  2. HTML
  3. Context
  4. Full Screen ↗
<div class="card z-depth-1">
  <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>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea, esse nisi. Doloremque assumenda quas ullam ipsa ex quae, reiciendis voluptatum beatae officiis laudantium nesciunt qui rem perferendis eveniet sequi dignissimos.</p>
</div>
{{ c("card", "card", {
  "headline": null,
  "content": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea, esse nisi. Doloremque assumenda quas ullam ipsa ex quae, reiciendis voluptatum beatae officiis laudantium nesciunt qui rem perferendis eveniet sequi dignissimos.",
  "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-headline/",
    "outputPath": "dist/design-system/components/card/no-headline/index.html",
    "date": "2024-01-01T16:11:04.118Z",
    "inputPath": "./src/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/dannywoodson-org/.eleventy.js",
      "root": "/buddy/dannywoodson-org",
      "isServerless": false
    }
  }
}) }}