diff --git a/public/index.html b/public/index.html
index aa2711c09ae5ce083b94efaa47de15494a48df7e..16228e6dc754742b990514673a308da326c87bd3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -38,31 +38,68 @@
 
 <body class="index-page">
 
-   <header id="header" class="header d-flex align-items-center fixed-top">
-   <div class="container-fluid container-xl position-relative d-flex align-items-center"> 
-    
-      <a href="index.html" class="logo d-flex align-items-center me-auto">
-        <!-- Uncomment the line below if you also wish to use an image logo-->
-        <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt=""> 
-        <h1 class="sitename">KNIGHT</h1>
-      </a>
-     
-      <!-- Updated Navigation Menu -->
-      <nav id="navmenu" class="navmenu">
-        <ul>
-          <li><a href="index.html#hero" class="active">Home<br></a></li>
-          <li><a href="index.html#about">About</a></li>
-          <li><a href="index.html#services">Results</a></li>
-          <li><a href="index.html#portfolio">Portfolio</a></li>
-          <li><a href="index.html#team">Team</a></li>
-          <li><a href="index.html#contact">Contact</a></li>
-        </ul>
-        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
-      </nav>
-      <!-- <a class="btn-getstarted flex-md-shrink-0" href="index.html#about">Get Started</a> -->
+  <header id="header" class="header fixed-top">
+        <!-- <div class="container-fluid container-xl d-flex align-items-center justify-content-between"> -->
 
-    </div>
-  </header>
+        <div class="row">
+            <div id="leftBorder" class="col-lg-1 col-md-1 col-sm-1 ">
+                <img src="assets/img/dummy.png" alt="">
+            </div>
+            <div id="TextBorder" class="col-lg-5 col-md-5 col-sm-5">
+                <a href="index.html" class="logo d-flex align-items-center">
+                    <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" alt="">
+                    <span id="citydemText">City Demonstrator</span>
+
+                </a>
+            </div>
+
+            <div id="LogoBorder" class="col-lg-5 col-md-5 col-sm-5 ">
+                <span style="float: right; margin-top: 10px;">
+                        <!--<img id="logoDrees" src="https://www.dreso.com/typo3conf/ext/dreso/Resources/Public/dreso-logo.svg " style="width: 160px; padding-right:20px;" alt=" ">-->
+                    
+                        <img id="logoICity" src="assets/img/icityLogo.svg " style="width: 140px;  " alt=" ">
+                    </span>
+
+            </div>
+            <div id="rightBorder" class="col-lg-1 col-md-1 col-sm-1">
+                <img src="assets/img/dummy.png" alt="">
+            </div>
+        </div>
+        <!--    <nav id="navbar " class="navbar ">
+                 <ul> 
+                    <li><a class="nav-link scrollto active " href="#hero ">Home</a></li>
+                    <li><a class="nav-link scrollto " href="#about ">About</a></li>
+                    <li><a class="nav-link scrollto " href="#services ">Services</a></li>
+                    <li><a class="nav-link scrollto " href="#portfolio ">Portfolio</a></li>
+                    <li><a class="nav-link scrollto " href="#team ">Team</a></li>
+                    <li><a href="blog.html ">Blog</a></li>
+                    <li class="dropdown "><a href="# "><span>Drop Down</span> <i class="bi bi-chevron-down "></i></a>
+                        <ul>
+                            <li><a href="# ">Drop Down 1</a></li>
+                            <li class="dropdown "><a href="# "><span>Deep Drop Down</span> <i class="bi bi-chevron-right "></i></a>
+                                <ul>
+                                    <li><a href="# ">Deep Drop Down 1</a></li>
+                                    <li><a href="# ">Deep Drop Down 2</a></li>
+                                    <li><a href="# ">Deep Drop Down 3</a></li>
+                                    <li><a href="# ">Deep Drop Down 4</a></li>
+                                    <li><a href="# ">Deep Drop Down 5</a></li>
+                                </ul>
+                            </li>
+                            <li><a href="# ">Drop Down 2</a></li>
+                            <li><a href="# ">Drop Down 3</a></li>
+                            <li><a href="# ">Drop Down 4</a></li>
+                        </ul>
+                    </li>
+                    <li><a class="nav-link scrollto " href="#contact ">Contact</a></li>
+                     <li><a class="getstarted scrollto " href="#about ">Get Started</a></li>
+                 </ul> -->
+        <i class="bi bi-list mobile-nav-toggle "></i>
+        <!-- </nav> -->
+        <!-- .navbar -->
+
+        <!-- </div> -->
+    </header>
+    <!-- End Header -->
 
   <main class="main">