diff --git a/src/templates/article_card.html b/src/templates/article_card.html
new file mode 100644
index 0000000..cd7ae54
--- /dev/null
+++ b/src/templates/article_card.html
@@ -0,0 +1,10 @@
+<div class="card mb-4">
+    <a href="{article_url}" class="card mb-4" style="color: inherit; text-decoration: none;">
+        <div class="card-content">
+            <p class="title">{article_title} </p>
+            <p class="content">
+                <time datetime="{article_datetime_iso}">{article_datetime}</time>
+            </p>
+        </div>
+    </a>
+</div>
\ No newline at end of file