diff --git a/node_modules/material-design-lite/src/card/snippets/image.html b/node_modules/material-design-lite/src/card/snippets/image.html
new file mode 100644
index 0000000..f9cb645
--- /dev/null
+++ b/node_modules/material-design-lite/src/card/snippets/image.html
@@ -0,0 +1,25 @@
+<!-- Image card -->
+<style>
+.demo-card-image.mdl-card {
+  width: 256px;
+  height: 256px;
+  background: url('../assets/demos/image_card.jpg') center / cover;
+}
+.demo-card-image > .mdl-card__actions {
+  height: 52px;
+  padding: 16px;
+  background: rgba(0, 0, 0, 0.2);
+}
+.demo-card-image__filename {
+  color: #fff;
+  font-size: 14px;
+  font-weight: 500;
+}
+</style>
+
+<div class="demo-card-image mdl-card mdl-shadow--2dp">
+  <div class="mdl-card__title mdl-card--expand"></div>
+  <div class="mdl-card__actions">
+    <span class="demo-card-image__filename">Image.jpg</span>
+  </div>
+</div>