diff --git a/public/home/downloads.html b/public/home/downloads.html
new file mode 100644
index 0000000000000000000000000000000000000000..9724b71de8ccfbcdbb7b23a00ff5d1b1c01a556b
--- /dev/null
+++ b/public/home/downloads.html
@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="generator" content="GitLab Pages">
+ <title></title>
+ <link rel="stylesheet" href="../assets/css/style.css">
+ <link rel="stylesheet" href="../assets/css/mobile.css">
+ <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
+ <link rel="stylesheet" href="../assets/css/importet.css">
+
+ <style>
+ .cover {
+ margin-top: 48px;
+ display: flex
+ }
+
+ .cover img {
+ width: 250px;
+ object-fit: contain;
+ margin-bottom: auto;
+ box-shadow: 0 1px 4px -1px #00000069
+ }
+
+ .metadata {
+ display: flex;
+ flex-direction: column;
+ margin-left: 1em
+ }
+
+ .title {
+ flex-grow: 1;
+ font-size: 2em;
+ font-weight: 700
+ }
+
+ .metadata-item {
+ display: flex;
+ flex-direction: column;
+ margin-top: 24px
+ }
+
+ .download-item {
+ display: flex;
+ margin-top: 24px
+ }
+
+ .metadata-name {
+ border-bottom: 1px solid #cacaca;
+ border-image: linear-gradient(to right, #cacaca, #ffffff00) 1;
+ margin-bottom: 5px
+ }
+
+ .supervisors {
+ display: flex;
+ flex-direction: column
+ }
+
+ .button {
+ background-color: #4caf50;
+ border: none;
+ color: #fff;
+ padding: 15px 32px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px
+ }
+
+ @media only screen and (max-width :450px) {
+ .cover {
+ flex-wrap: wrap
+ }
+
+ .cover img {
+ width: 100%
+ }
+ }
+ </style>
+
+</head>
+
+<body>
+ <header id="header">
+ <div class="row">
+ <div class="logo" id="logo"></div>
+ <div class="hamburger">
+ <div class="line"></div>
+ <div class="line"></div>
+ <div class="line"></div>
+ </div>
+ <nav></nav>
+ </div>
+ <div id="projectlogo"></div>
+ <div id="projectname"></div>
+ </header>
+ <a style="margin-left:50px; position: sticky;" target="_self" class="btn btn-sm btn btn-dark mt-1" href="index.html"
+ target="_blank">
+ <i class="fas fa-project-diagram" aria-hidden="true"></i> ⮜ Zurück zur Hauptseite</a>
+ <div style="margin-top:-30px;" class="content">
+ <h1>Download Links</h1>
+
+
+ <p>
+ Hier landen alle Download links für die einzelnen Projekte.
+ </p><br>
+
+ <h2>Downloads</h2>
+
+ <div class="row">
+ <div class="col-lg-4">
+ <div class="card mb-4 shadow-sm extension overflow-auto">
+ <h5>Download 1 <span class="content-subtitle text-muted">Partizipation?</span></h5>
+ <img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
+ <div class="card-body">
+ <p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
+ Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
+ <i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a
+ href="https://www.hft-stuttgart.de/p/sarah-lang" target="_blank"> Sarah Lang</a> <br><b>
+ <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a
+ class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/"
+ target="_blank">
+ <i class="fas fa-search" aria-hidden="true"></i> Explore</a> <a
+ class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
+ <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a> </p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4">
+ <div class="card mb-4 shadow-sm extension overflow-auto">
+ <h5>Mobilität <span class="content-subtitle text-muted"> iCity Project</span></h5>
+ <img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
+ <div class="card-body">
+ <p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
+ Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
+ <i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a
+ href="https://www.hft-stuttgart.de/p/tom-kwakman" target="_blank"> Tom Kwakman</a> <br><b>
+ <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a
+ class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/"
+ target="_blank">
+ <i class="fas fa-search" aria-hidden="true"></i> Explore</a> <a
+ class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
+ <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a> </p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4">
+ <div class="card mb-4 shadow-sm extension overflow-auto">
+ <h5>Energie <span class="content-subtitle text-muted"> iCity Project</span></h5>
+ <img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
+ <div class="card-body">
+ <p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
+ Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
+ <i class="fas fa-user" aria-hidden="true"></i> Contact Persons</b>: <a
+ href="https://www.hft-stuttgart.de/p/Keyu-bao" target="_blank"> Keyu Bao, </a><a
+ href="https://www.hft-stuttgart.de/p/Eric-duminil" target="_blank"> Eric Duminil</a> <br><b>
+ <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a
+ class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/"
+ target="_blank">
+ <i class="fas fa-search" aria-hidden="true"></i> Explore</a> <a
+ class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
+ <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a> </p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+
+
+ </div>
+
+ <!-- <div class="footer"></div> -->
+ <div class="legal"></div>
+
+ <script src="../settings.js"> </script>
+ <script src="../main.js"> </script>
+ <script src="../assets/js/jquery-3.1.1.min.js"></script>
+ <script src="../assets/js/bootstrap.min.js"></script>
+ <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script> -->
+</body>
+
+</html>
\ No newline at end of file