Version with region and topic view

app/components/topics-navigation/topics-navigation.component.html

@@ -0,0 +1,32 @@
+<!-- <div bilo-navigation></div>-->
+<nav class="navbar navbar-default">
+    <div class="container-fluid">
+        <!-- Brand and toggle get grouped for better mobile display -->
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="#"><img src="images/bilo_logo.png" alt="BiLO" width="50" /></a>
+        </div>
+
+        <!-- Collect the nav links, forms, and other content for toggling -->
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+            <ul class="nav navbar-nav">
+                <li class="active"><a href="#/">Start</a></li>
+                <li class="dropdown">
+                    <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Themen <span class="caret"></span></a>
+                    <ul class="dropdown-menu">
+                        <li ng-repeat="topic in topicsNavigation.topics">
+                            <a ng-href="#/topic/{{topic.id}}">
+                                {{topic.name}}
+                            </a>
+                        </li>
+                    </ul>
+                </li>
+            </ul>
+        </div><!-- /.navbar-collapse -->
+    </div><!-- /.container-fluid -->
+</nav>

app/components/topics-navigation/topics-navigation.component.js

@@ -0,0 +1,3 @@
+/**
+ * Created by CMatyas on 15.12.2015.
+ */