initial upload

assets/vue/jumbotron.vue

@@ -0,0 +1,28 @@
+<template>
+    <section class="w-full relative">
+        <button v-if="this.$root.modeEdit" type="button" title="Edit Element" class="text-white bg-blue-700 hover:bg-blue-800 outline-none rounded-lg text-center dark:bg-blue-600 dark:hover:bg-blue-700 absolute top-2 right-2">
+            <i class="ti ti-edit mx-3 my-2 block"></i>
+        </button>
+        <div class="py-4 px-4 mx-auto max-w-screen-xl text-center">
+            <h1 class="my-4 font-extrabold tracking-tight leading-none text-4xl md:text-5xl lg:text-6xl">
+                {{ title }}
+            </h1>
+            <p class="my-4 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48">
+                <slot>
+            </p>
+        </div>
+    </section>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+        
+        };
+    },
+    props: {
+        title: String
+    },
+};
+</script>