diff --git a/index.html b/index.html
index c38a507..f41ea41 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,10 @@
         <nav class="navbar navbar-expand-lg navbar-light shadow" id="main_nav_bar">
             <!--load content via js-->
         </nav>
+            <!-- Modal-->
+            <div class="modal fade bg-white" id="marmeladenladen_search" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                
+            </div>
         <h1>Test</h1>
         <p>This is a test commit</p>
     </body>
diff --git a/js/app.ts b/js/app.ts
index 2ab7a63..7c489aa 100644
--- a/js/app.ts
+++ b/js/app.ts
@@ -2,4 +2,5 @@ $(document).ready(function() {
     $('#top_nav_bar').load('../components/top_nav.html');
     $('#main_nav_bar').load('../components/main_nav.html');
     $('#marmeladenladen_footer').load('../components/footer.html');
+    $('marmeladenladen_search').load('../components/modal.html');
 });
\ No newline at end of file