diff --git a/sass/style.scss b/sass/style.scss
index 6488b39..107d63e 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -133,6 +133,25 @@ body {
 		text-align: right;
 	}
 
+	.file {
+		border: 1px solid #ccc;
+		padding: 1em;
+		margin: 1em;
+
+		.title {
+			margin-top: 0;
+		}
+
+		.format {
+			margin-right: 1em;
+			padding: .3em .5em;
+			background: $primary;
+			color: #fff;
+			text-decoration: none;
+			border-radius: .3em;
+		}
+	}
+
 	video {
 		width: 100%;
 	}
diff --git a/templates/shortcodes/document.html b/templates/shortcodes/document.html
index e69de29..4518dac 100644
--- a/templates/shortcodes/document.html
+++ b/templates/shortcodes/document.html
@@ -0,0 +1,14 @@
+{% if section.assets and filename %}
+<div class="file">
+	{% if title %}
+	 	<div class="title">{{ title }}</div>
+	{% else %}
+	 	<div class="title">{{ filename }}</div>
+	{% endif %}
+	{% for asset in section.assets %}
+		{% if asset is matching(section.path ~ filename ~ "\..*$") %}
+			<a href="{{ get_url(path=asset) }}" class="format">{{ asset | split(pat=".") | last }}</a>
+		{% endif %}
+	{% endfor %}
+</div>
+{% endif %}