diff --git a/musi.html b/musi.html
new file mode 100644
index 0000000000000000000000000000000000000000..282fd0c5907879b6712ac5ac8b2777fed7e1d080
--- /dev/null
+++ b/musi.html
@@ -0,0 +1,90 @@
+<!doctype html>
+<html lang="en" class="h-100">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <title>iCity - MUSI</title>
+
+    <link rel="canonical" href="https://getbootstrap.com/docs/4.3/examples/sticky-footer/">
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+    <!-- Bootstrap core CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+
+    <style>
+      .bd-placeholder-img {
+        font-size: 1.125rem;
+        text-anchor: middle;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+      }
+
+      @media (min-width: 768px) {
+        .bd-placeholder-img-lg {
+          font-size: 3.5rem;
+        }
+      }
+    </style>
+    <!-- Custom styles for this template -->
+    <link rel="stylesheet" href="/stylesheets/template.css">
+  </head>
+  <body class="d-flex flex-column h-100">
+    <!-- Begin page content -->
+    <main role="main" class="flex-shrink-0">
+      <div class="container">
+        <div>
+          <a href="https://www.hft-stuttgart.de/" target="_blank">
+            <img src="musi/hft_logo.jpg" style="height: 13%; width: 13%; float: right;" />
+          </a>
+          <img src="musi/logo.png" style="height: 15%; width: 15%; float: left;" />
+          <h1 class="mt-5">&nbsp;MUSI</h1>        
+        </div>
+        <p class="lead" align="justify"><strong>M</strong>ulti-scale <strong>U</strong>rban <strong>S</strong>cenario <strong>I</strong>nterface offers the framework of i_city as a web-based, 
+          scalable software system for energy planning which allows both economic and energy analyzes for 
+          rehabilitation and energy efficiency measures. MUSI is based on a 3D city model from individual 
+          buildings to entire cities. MUSI addresses three of the six fields of action defined in the i_city project, 
+          supporting the most important drivers and challenges for the urban area: sustainable urban development 
+          and energetic neighborhood concepts, information platform and urban simulation systems and financing and acceptance. 
+          <em><small><a href="https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-musi" target="_blank">[Reference]</a></small></em></p>
+        <!-- p>Use <a href="/docs/4.3/examples/sticky-footer-navbar/">the sticky footer with a fixed navbar</a> if need be, too.</p -->
+        <hr />
+        <h3>Demo Web-application</h3>
+        <p><a href="http://81.169.187.7:3001/demo2" target="_blank">http://81.169.187.7:3001/demo2</a></p>
+        <hr />
+        <h3>Publication</h3>
+        <ul>
+          <li>i_city: Intelligent City <a href="musi/Poster-icity.pdf">[Poster]</a></li>
+          <li>A Multi-Scale, Web-Based Interface for Strategic Planning of Low-Carbon City Quarters <a href="musi/Abstract-ICUI2019.pdf">[Abstract]</a> - 
+            <i>The 2nd International Conference on Urban Informatics, 24-26 June 2019, The Hong Kong Polytechnic University.</i></li>
+        </ul> 
+        <hr />
+        <h3>Funder</h3>
+        <p> Bundesministerium für Bildung und Forschung (BMBF)</p>
+        <img src="musi/BMBF.jpg" style="height: 50%; width: 50%;" />
+        <!-- h3>Another Stuff</h3>
+        <p><em>(to be added)</em></p -->
+      </div>
+    </main>
+
+    <footer class="footer mt-auto py-3">
+      <div class="container">
+        <!-- span class="text-muted">Place sticky footer content here.</span-->
+        <table width="100%">
+            <tr>
+              <td>
+                <a href="http://www.hft-stuttgart.de/impressum">Impressum</a>&nbsp;&nbsp;&nbsp;
+                <a href="http://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-musi">Kontakt</a>
+              </td>
+              <td align="right">
+                &copy;2018-2020
+              </td>
+            </tr>
+          </table>
+      </div>
+    </footer>
+  </body>
+</html>
\ No newline at end of file
diff --git a/musi/Abstract-ICUI2019.pdf b/musi/Abstract-ICUI2019.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..10f233c6be06d827bf9aa431459d8cba5bb8d08d
Binary files /dev/null and b/musi/Abstract-ICUI2019.pdf differ
diff --git a/musi/BMBF.jpg b/musi/BMBF.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5e713403ad107f7e0eea09a31c2fe1c782ae54c7
Binary files /dev/null and b/musi/BMBF.jpg differ
diff --git a/musi/Poster-icity.pdf b/musi/Poster-icity.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..73dc94859e3542ff47b182080008c05490309a9b
Binary files /dev/null and b/musi/Poster-icity.pdf differ
diff --git a/musi/hft_logo.jpg b/musi/hft_logo.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ccfed8876865875b6dae888fcbcc129376c87076
Binary files /dev/null and b/musi/hft_logo.jpg differ
diff --git a/musi/logo.png b/musi/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..69aac57dc358a5244c2b85c616eab8130e382a33
Binary files /dev/null and b/musi/logo.png differ