diff --git a/public/home/index.html b/public/home/index.html
index 50ae1751ad86b8516f393a58be877cfeb804b4f6..4bedf20722690af49e4c2da7bc58f772c7d485f5 100644
--- a/public/home/index.html
+++ b/public/home/index.html
@@ -104,8 +104,8 @@
<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/carolin-lahode" target="_blank"> Carolin Lahode,</a><a href="https://www.hft-stuttgart.de/p/sarah-ann-sutter" target="_blank"> Sarah Ann Sutter</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-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a class="btn btn-sm btn-outline-secondary mt-1" href="stadtplanung.html" target="_blank">
+ <i class="fas fa-search" aria-hidden="true"></i> Explore</a> <a class="btn btn-sm btn-outline-success mt-1" href="stadtplanung.html" target="_blank">
<i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a> </p>
</div>
</div>
diff --git a/public/home/stadtplanung.html b/public/home/stadtplanung.html
new file mode 100644
index 0000000000000000000000000000000000000000..74660ea0a63fe21fe34e5d746af19fa23fb1bbea
--- /dev/null
+++ b/public/home/stadtplanung.html
@@ -0,0 +1,203 @@
+<!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;" 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>Handlungsleitfaden Stadtplanung</h1>
+ <h2>Abstract</h2>
+
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pellentesque diam ipsum, nec
+ ultricies sem mollis et. Phasellus porttitor nec felis quis ultricies. In venenatis faucibus nisl
+ sed facilisis. Cras sapien nibh, dignissim at eros quis, commodo lobortis eros. Sed a massa
+ eleifend, dictum elit at, blandit magna. Nullam auctor enim nec orci luctus sagittis. Nunc blandit
+ quam nec laoreet egestas. Nulla feugiat nisl lacus, a viverra nisi hendrerit vitae. In nibh arcu,
+ sodales in enim tincidunt, tempus imperdiet ex. Aliquam fermentum augue magna, vel accumsan augue
+ consequat et. Vestibulum id interdum orci, a aliquam sapien. Vivamus eu ipsum sollicitudin, aliquet
+ arcu ut, ornare massa. Suspendisse tincidunt lectus a odio ultrices interdum. Praesent vitae sodales
+ urna, vitae sagittis ex. Vivamus tincidunt nisi ultrices lectus dapibus, at placerat nisl elementum.
+ Fusce cursus, sapien in tincidunt pellentesque, mi erat mollis nibh, ut maximus tortor magna vitae
+ nibh.
+ </p><br>
+
+ <h2>Kapitelthemen</h2>
+
+ <div class="row">
+ <div class="col-lg-4">
+ <div class="card mb-4 shadow-sm extension overflow-auto">
+ <h5>Wirtschaftspsychologie <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 class="row">
+ <div class="col-lg-4">
+ <div class="card mb-4 shadow-sm extension overflow-auto">
+ <h5>Stadtplanung <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/carolin-lahode" target="_blank"> Carolin Lahode,</a><a href="https://www.hft-stuttgart.de/p/sarah-ann-sutter" target="_blank"> Sarah Ann Sutter</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>Geoinformatik <span class="content-subtitle text-muted"> iCity Project</span></h5>
+ <img class="thumbimg" src='chapterIMG/3D-Beteiligungsplattform.png' alt="">
+ <div class="card-body">
+ <p class="card-text-lg small">Partitizipationsprozesse können durch digitale Elemente ergänzt und für mehr Teilnehmende zugänglich gemacht werden. Diese wird am Beispiel einer Beteiligung in Weilimdorf gezeigt.<br><b>
+ <i class="fas fa-user" aria-hidden="true"></i> Kontaktpersonen</b>: <a href="https://www.hft-stuttgart.de/p/patrick-wuerstle" target="_blank"> Patrick Würstle,</a><a href="https://www.hft-stuttgart.de/p/rushikesh-padsala" target="_blank"> Rushikesh Padsala</a> <br><b>
+ <i class="fas fa-star" aria-hidden="true"></i> Stichworte</b>: Stadtmodelle, Partizipation, 3D<br><a class="btn btn-sm btn-outline-secondary mt-1" href="https://transfer.hft-stuttgart.de/partizipation/" target="_blank">
+ <i class="fas fa-search" aria-hidden="true"></i> Explore</a> <a class="btn btn-sm btn-outline-success mt-1" href="https://www.hft-stuttgart.de/forschung/news/hft-forschende-entwickeln-in-kooperation-mit-steg-und-stadt-stuttgart-digitales-tool-fuer-beteiligungsprozesse-zur-entwicklungsplanung-von-staedten-und-gemeinden" target="_blank">
+ <i class="fas fa-project-diagram" aria-hidden="true"></i> Projekt</a> <a class="btn btn-sm btn-outline-info mt-1" href="https://www.int-arch-photogramm-remote-sens-spatial-inf-sci.net/XLVI-4-W1-2021/123/2021/" target="_blank">
+ <i class="fas fa-project-diagram" aria-hidden="true"></i> Paper</a> </p>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-4">
+ <div class="card mb-4 shadow-sm extension overflow-auto">
+ <h5>Akustik <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/alexander-lee" target="_blank"> Alexander Lee</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 class="cover">
+ <img src="cover.jpg">
+ <ul class="metadata">
+ <li class="metadata-item title">
+ Handlungsleitfaden
+ </li>
+ <li class="metadata-item">
+ <div class="metadata-name">Author*innen</div>
+ <div>Keyu Bao</div>
+ <div>Eric Duminil</div>
+ <div>Tom Kwakman</div>
+ <div>Carolin Lahode</div>
+ <div>Sarah Lang</div>
+ <div>Alexander Lee</div>
+ <div>Rushikesh Padsala</div>
+ <div>Amando Reber</div>
+ <div>Sarah Ann Sutter</div>
+ <div>Patrick Würstle</div>
+ </li>
+ <!-- <li class="metadata-item">
+ <div class="metadata-name">Professor*innen</div>
+ <div class="supervisors">
+ <div>Christina Simon-Philipp</div>
+ </div>
+ </li>
+ <li class="metadata-item">
+ <div class="metadata-name">Year</div>
+ <div>2022</div>
+ </li>
+ <li class="download-item"><a href="thesis.pdf" class="button" download>download</a></li> -->
+ </ul>
+ <ul class="metadata" style="margin-top:4em;">
+ <li class="metadata-item">
+ <div class="metadata-name">Professor*innen</div>
+ <div class="supervisors">
+ <div>Christina Simon-Philipp</div>
+ </div>
+ </li>
+ <li class="metadata-item">
+ <div class="metadata-name">Year</div>
+ <div>2022</div>
+ </li>
+ <li class="download-item"><a href="thesis.pdf" class="button" download>download</a></li>
+ </ul>
+ </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>