diff --git a/src/main/resources/static/css/styles.css b/src/main/resources/OlderVersion/static/css/styles.css
similarity index 100%
rename from src/main/resources/static/css/styles.css
rename to src/main/resources/OlderVersion/static/css/styles.css
diff --git a/src/main/resources/static/img/icons8-cancel-64.png b/src/main/resources/OlderVersion/static/img/icons8-cancel-64.png
similarity index 100%
rename from src/main/resources/static/img/icons8-cancel-64.png
rename to src/main/resources/OlderVersion/static/img/icons8-cancel-64.png
diff --git a/src/main/resources/static/img/icons8-down-arrow-40.png b/src/main/resources/OlderVersion/static/img/icons8-down-arrow-40.png
similarity index 100%
rename from src/main/resources/static/img/icons8-down-arrow-40.png
rename to src/main/resources/OlderVersion/static/img/icons8-down-arrow-40.png
diff --git a/src/main/resources/static/img/icons8-plus-48.png b/src/main/resources/OlderVersion/static/img/icons8-plus-48.png
similarity index 100%
rename from src/main/resources/static/img/icons8-plus-48.png
rename to src/main/resources/OlderVersion/static/img/icons8-plus-48.png
diff --git a/src/main/resources/static/img/update-button.png b/src/main/resources/OlderVersion/static/img/update-button.png
similarity index 100%
rename from src/main/resources/static/img/update-button.png
rename to src/main/resources/OlderVersion/static/img/update-button.png
diff --git a/src/main/resources/static/js/etrackPaggination.js b/src/main/resources/OlderVersion/static/js/etrackPaggination.js
similarity index 100%
rename from src/main/resources/static/js/etrackPaggination.js
rename to src/main/resources/OlderVersion/static/js/etrackPaggination.js
diff --git a/src/main/resources/static/js/main.js b/src/main/resources/OlderVersion/static/js/main.js
similarity index 100%
rename from src/main/resources/static/js/main.js
rename to src/main/resources/OlderVersion/static/js/main.js
diff --git a/src/main/resources/static/js/paggination.js b/src/main/resources/OlderVersion/static/js/paggination.js
similarity index 100%
rename from src/main/resources/static/js/paggination.js
rename to src/main/resources/OlderVersion/static/js/paggination.js
diff --git a/src/main/resources/templates/etrack.html b/src/main/resources/OlderVersion/templates/etrack.html
similarity index 100%
rename from src/main/resources/templates/etrack.html
rename to src/main/resources/OlderVersion/templates/etrack.html
diff --git a/src/main/resources/templates/index.html b/src/main/resources/OlderVersion/templates/index.html
similarity index 100%
rename from src/main/resources/templates/index.html
rename to src/main/resources/OlderVersion/templates/index.html
diff --git a/src/main/resources/static/css/design.css b/src/main/resources/static/css/main.css
similarity index 98%
rename from src/main/resources/static/css/design.css
rename to src/main/resources/static/css/main.css
index 81c4405..d51e78d 100644
--- a/src/main/resources/static/css/design.css
+++ b/src/main/resources/static/css/main.css
@@ -162,6 +162,10 @@
     cursor: pointer;
 }
 
+.menuFactory {
+    color: lightgray;
+}
+
 .menuItem:hover {
     background: lightgray;
     color: white;
diff --git a/src/main/resources/static/js/design.js b/src/main/resources/static/js/uianimation.js
similarity index 65%
rename from src/main/resources/static/js/design.js
rename to src/main/resources/static/js/uianimation.js
index 1534e81..f9091dc 100644
--- a/src/main/resources/static/js/design.js
+++ b/src/main/resources/static/js/uianimation.js
@@ -14,4 +14,10 @@ function changeAdvancedVisibility(){
     }
 }
 
-document.getElementById("optional").addEventListener("click", changeAdvancedVisibility);
\ No newline at end of file
+function createMessageTab() {
+    var items = document.getElementById("listItems");
+    items.innerHTML += '<div class="menuItem">Item</div>';
+}
+
+$("#optional").click(changeAdvancedVisibility);
+$(".menuFactory").click(createMessageTab);
diff --git a/src/main/resources/templates/design.html b/src/main/resources/templates/mock.html
similarity index 88%
rename from src/main/resources/templates/design.html
rename to src/main/resources/templates/mock.html
index cd77f3b..9725a1f 100644
--- a/src/main/resources/templates/design.html
+++ b/src/main/resources/templates/mock.html
@@ -4,6 +4,7 @@
     <title>R11 MockedServices</title>
     <meta charset="utf-8">
     <link rel="stylesheet" href="../static/css/design.css" type="text/css">
+    <link rel="stylesheet" href="../static/Dependency/fontello-plus/css/fontello.css" type="text/css"/>
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css2?family=Acme&family=Josefin+Slab:wght@500&display=swap" rel="stylesheet">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@@ -14,12 +15,10 @@
         <div id="selectMenu">
             <div id="selectMenuContent" style="display: none;">
                 <div id="selectMenuHead" class="articleHead">List</div>
-                <div class="menuItemSelected">Item</div>
-                <div class="menuItem">Item</div>
-                <div class="menuItem">Item</div>
-                <div class="menuItem">Item</div>
-                <div class="menuItem">Item</div>
-                <div class="menuItem">Item</div>
+                    <div id="listItems">
+                        <div class="menuItemSelected">Item</div>
+                    </div>
+                <div class="menuItem menuFactory"><i class="icon-plus"></i></div>
             </div>
 
         </div>