<script>
export default {}
</script>

<template>
    <footer class="mt-10">
        <div class="container-fluid mx-auto">
            <BaseCard class="">
                <div class="flex flex-col lg:flex-row items-center">
                    <div>
                        <a
                            target="_blank"
                            href="https://ui-lib.com/downloads/aatrox-vue-dashboard"
                            style="bottom: 14px; right: 80px"
                            class="
                                py-3
                                px-5
                                inline-block
                                bg-green-500
                                text-white
                                btn
                                rounded
                                font-normal
                                leading-4
                                ripple
                                relative
                                lg:fixed
                            "
                            >Get Aatrox Pro</a
                        >
                    </div>
                    <div>
                        <p>
                            Made with 💚 by
                            <a
                                class="text-primary underline"
                                href="http://ui-lib.com"
                                target="_blank"
                                rel="noopener noreferrer"
                                >Ui-Lib</a
                            >
                        </p>
                    </div>
                </div>
            </BaseCard>
        </div>
    </footer>
</template>
