diff --git a/web/src/components/Card.vue b/web/src/components/Card.vue
new file mode 100644
index 0000000..17a0da5
--- /dev/null
+++ b/web/src/components/Card.vue
@@ -0,0 +1,13 @@
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+
+})
+</script>
+
+<template>
+    <div class="flex flex-row items-center bg-gray-300 h-32 rounded-lg">
+        <slot></slot>
+    </div>
+</template>
\ No newline at end of file