diff --git a/homepage/cwsvJudo/src/pages/responsive/index.php b/homepage/cwsvJudo/src/pages/responsive/index.php
index abd2a34..04c229a 100644
--- a/homepage/cwsvJudo/src/pages/responsive/index.php
+++ b/homepage/cwsvJudo/src/pages/responsive/index.php
@@ -185,8 +185,7 @@ class Newsboard
             foreach ($entries as $entryData) {
                 $entry = new \CwsvJudo\News\Entry($entryData);
                 $html .=
-                    '<div class="col s12 l6" style="align-self: stretch;
-">' .
+                    '<div class="col s12 l6" style="align-self: stretch;">' .
                     $entry->as_card() .
                     "</div>";
             }
@@ -233,6 +232,33 @@ function mainNavTargets($mainNav)
     }
     echo "</ul>";
 }
+
+function getHtmlNavBar($mainNav): string{
+    return (
+        '<nav class="nav navbar">'
+            .'<div class="nav-wrapper">'
+                .'<a href="#!" class="brand-logo">Logo</a>'
+                .'<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>'
+                .'<ul class="right hide-on-med-and-down">'
+                    . implode(
+                        array: array_map(
+                            callback: fn($nav): string => '<li><a href="'.$mainNav['url'].'" title="'.$mainNav['title'].'"><span>'.$nav['caption'].'</span></a></i>', array: $mainNav
+                        )
+                    )
+                .'</ul>'
+            .'</div>'
+        .'</nav>'
+        .''
+        .'<ul class="sidenav" id="mobile-demo">'
+            . implode(
+                array: array_map(
+                    callback: fn($nav): string => '<li><a href="'.$mainNav['url'].'" title="'.$mainNav['title'].'"><span>'.$nav['caption'].'</span></a></i>', array: $mainNav
+                )
+            )
+        .'</ul>'
+    );
+}
+
 ?>
 <!DOCTYPE html>
 <html lang="de">
