diff --git a/17th Website/src/components/cards/clickableCard.vue b/17th Website/src/components/cards/clickableCard.vue
new file mode 100644
index 0000000..ca80e25
--- /dev/null
+++ b/17th Website/src/components/cards/clickableCard.vue	
@@ -0,0 +1,17 @@
+<template>
+    <div class="card">
+        <h1 class="bg-gray-dark rounded-xl w-fit p-5">HELLO</h1>
+    </div>
+</template>
+
+
+<style>
+.card {
+    color: var(--white);
+    padding: 0 10px;
+    margin: 10px;
+    border-radius: 10px;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    height: fit-content;
+}
+</style>
\ No newline at end of file