diff -r 1a1347e8c5be -r de7c56ce0654 base/src/sqwl/cms/layout/Navbar.scala
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/base/src/sqwl/cms/layout/Navbar.scala	Tue Dec 04 12:35:12 2018 +0100
@@ -0,0 +1,47 @@
+package sqwl.cms.layout
+
+import scalatags.Text.all._
+import scalatags.Text.tags2
+import scalatags.Text.TypedTag
+import sqwl.cms.{ViewState, config, iContent}
+
+object Navbar extends config {
+
+  def apply(cnt: iContent, st: ViewState): TypedTag[String] = {
+
+    val navMenu = ul(cls:="nav navbar-nav navbar-right",
+      li(a(href:="#about", "O aplikaci"))
+    )
+
+    val navSections = ul(cls:="nav navbar-nav navbar-section", width:="100%",
+      cnt.categories map(c =>
+        li(cls:="text-center", a(href:=c.pathSegment, c.name))
+      )
+    )
+
+    header(cls:="navbar navbar-default navbar-fixed-top", id:="topnavbar",
+      div(cls:="navbar-inner",
+        div(cls:="container",
+          div(cls:="navbar-header",
+            button(`type`:="button", cls:="navbar-toggle",
+              attr("data-target"):="#navbar1",
+              span(cls:="sr-only", "Navigation"),
+              span(cls:="icon-bar"),
+              span(cls:="icon-bar"),
+              span(cls:="icon-bar")
+            ),
+            a(href:="#", cls:="navbar-brand", paddingTop:=4, paddingBottom:=4,
+              img(src:=s"/${http.prefix}/public/images/icon.png", alt:="SQWL", width:=40, height:=40)),
+            a(href:="#", cls:="navbar-brand visible-xs",
+              span("KPŽ")),
+            a(href:="#", cls:="navbar-brand hidden-xs",
+              span("Kvalita pracovního života v České republice"))
+          ),
+          tag("nav")(cls:="hidden-xs", navMenu)
+        )
+      ),
+      div(cls:="navbar-inner hidden-xs", div(id:="navbar1", cls:="container", tag("nav")(navSections)))
+    )
+  }
+
+}