diff --git a/public/bookmark.js b/public/bookmark.js
new file mode 100644
index 0000000..e69de29
diff --git a/public/files.js b/public/files.js
new file mode 100644
index 0000000..e69de29
diff --git a/public/index.html b/public/index.html
index 998dbba..b46575c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,9 +16,13 @@
 	<!-- CSS_Material Design for Bootstrap minified CSS -->
 	<link rel="stylesheet" href="https://unpkg.com/bootstrap-material-design@4.1.1/dist/css/bootstrap-material-design.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous">
 
+    <!-- NOTE: VUE.js und VueRouter -->
+    <script src="https://unpkg.com/vue"></script>
+    <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
+
 	<!-- CSS_Custom Design -->
 	<link rel="stylesheet" type="text/css" href="style.css">
-	<script src=home.js></script>
+
 
 	<title>OMApp</title>
 </head>
@@ -33,7 +37,7 @@
 		</div>
 	</div>
 
-    <script src="https://unpkg.com/vue"></script>
+
     <div class="om-content">
         <div id="message-list">
                 <msg-item
@@ -46,7 +50,7 @@
                 ></msg-item>
         </div>
     </div>
-    <script src="./home.js"></script>
+
 
 	<!--first try of vue.js data-binding
 	<div class="om-content">
@@ -149,6 +153,8 @@
 	</nav>
 
 	<!-- NOTE: JavaScript Libs & Files -->
+    <!-- NOTE: Call home.js -->
+    <script src="home.js"></script>
 	<!-- CDN_Vue.js developmement lib -->
 	<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
 	<!-- CDN_Vue.js minified lib -->
diff --git a/public/profil.js b/public/profil.js
new file mode 100644
index 0000000..e69de29