<template>
    <a :href="link" target="_blank" class="p-8 border rounded-md bg-gray-50 dark:bg-gray-700 border-gray-200 dark:border-gray-600 hover:border-blue-400 ">
        <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-gray-100">
            {{ title }}
        </h5>
        <p class="font-normal text-gray-500 dark:text-gray-400 text-md">
            {{ description }}
        </p>
    </a>
</template>

<script>
export default {
    data() {
        return {
        
        };
    },
    props: {
        link: String,
        title: String,
        description: String
    },
};
</script>