diff --git a/public/img/bash/note_bg.png b/public/img/bash/note_bg.png
new file mode 100644
index 0000000..9d71459
Binary files /dev/null and b/public/img/bash/note_bg.png differ
diff --git a/public/img/bash/note_icon.png b/public/img/bash/note_icon.png
new file mode 100644
index 0000000..9cbb62b
Binary files /dev/null and b/public/img/bash/note_icon.png differ
diff --git a/public/img/bash/note_top_left.png b/public/img/bash/note_top_left.png
new file mode 100644
index 0000000..774f730
Binary files /dev/null and b/public/img/bash/note_top_left.png differ
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 5bfa117..40d32d7 100755
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -25,5 +25,8 @@
"/img/bash/top_min.png": "/img/bash/top_min.png",
"/img/bash/top_right_hover.png": "/img/bash/top_right_hover.png",
"/img/bash/top_right.png": "/img/bash/top_right.png",
- "/img/bash/user_bg.png": "/img/bash/user_bg.png"
+ "/img/bash/user_bg.png": "/img/bash/user_bg.png",
+ "/img/bash/note_bg.png": "/img/bash/note_bg.png",
+ "/img/bash/note_icon.png": "/img/bash/note_icon.png",
+ "/img/bash/note_top_left.png": "/img/bash/note_top_left.png"
}
diff --git a/resources/img/bash/note_bg.png b/resources/img/bash/note_bg.png
new file mode 100644
index 0000000..9d71459
Binary files /dev/null and b/resources/img/bash/note_bg.png differ
diff --git a/resources/img/bash/note_icon.png b/resources/img/bash/note_icon.png
new file mode 100644
index 0000000..9cbb62b
Binary files /dev/null and b/resources/img/bash/note_icon.png differ
diff --git a/resources/img/bash/note_top_left.png b/resources/img/bash/note_top_left.png
new file mode 100644
index 0000000..774f730
Binary files /dev/null and b/resources/img/bash/note_top_left.png differ
diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
index 0d118ea..39979ed 100644
--- a/resources/js/bootstrap.js
+++ b/resources/js/bootstrap.js
@@ -11,7 +11,7 @@ window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
-Vue.component('bash', require('./components/bash.vue').default);
+Vue.component('appbar', require('./components/appbar.vue').default);
const app = new Vue({ el: '#app' });
diff --git a/resources/js/components/appbar.vue b/resources/js/components/appbar.vue
new file mode 100644
index 0000000..40584a4
--- /dev/null
+++ b/resources/js/components/appbar.vue
@@ -0,0 +1,15 @@
+
+
+