1 files changed, 22 insertions, 0 deletions

diff --git a/fe/src/lib/Card.svelte b/fe/src/lib/Card.svelte
new file mode 100644
index 0000000..feb5bcc
--- /dev/null
+++ b/fe/src/lib/Card.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+export let title;
+</script>
+
+<div class="card">
+    {#if title}
+        <h2>{title}</h2>
+    {/if}
+    <slot />   
+</div>
+
+<style>
+.card {
+    background: #fff;
+    width: 16rem;
+    display: flex;
+    flex-direction: column;
+    align-items: left;
+    border: solid 2px #00000066;
+    border-radius: 0.25em;
+}
+</style>