diff --git a/src/components/Global/Section/Info.vue b/src/components/Global/Section/Info.vue
new file mode 100644
index 0000000..6b9589e
--- /dev/null
+++ b/src/components/Global/Section/Info.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="info__box">
+    <div class="info__title">{{ title }}</div>
+    <div class="info__sub__title">
+      <template v-if="subTitle">
+        <component :is="tag" :class="{ 'ml-n1': tag === 'pre' }">
+          {{ subTitle }}
+        </component>
+      </template>
+      <template v-if="link">
+        <a :href="link"></a>
+      </template>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+    },
+    subTitle: {
+      type: String,
+    },
+    link: {
+      type: String,
+    },
+    items: {
+      type: Array,
+    },
+    tag: {
+      type: String,
+      default: "template",
+    },
+  },
+};
+</script>
diff --git a/src/utils/GlobalComponents.js b/src/utils/GlobalComponents.js
index 6dd4afc..58c5f6a 100644
--- a/src/utils/GlobalComponents.js
+++ b/src/utils/GlobalComponents.js
@@ -17,6 +17,7 @@ import SideBar from '../components/Global/Section/SideBar';
 import Loading from "../components/Global/Misc/Loading";
 import NoItems from "../components/Global/Misc/NoItems";
 import DataIterator from "../components/Global/Input/DataIterator.vue";
+import Info from "@/components/Global/Section/Info";
 import 'bootstrap';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import 'bootstrap/dist/js/bootstrap.min.js';
@@ -34,6 +35,7 @@ Vue.component('basic-modal', BasicModal);
 Vue.component('pagination', Pagination);
 Vue.component('Chip', Chip);
 Vue.component('SideBar', SideBar);
+Vue.component('Info', Info);
 Vue.component('data-iterator', DataIterator);
 Vue.component('loading', Loading);
 Vue.component('no-items', NoItems);