Update app.component.html

Author: harmeet090

src/main/resources/META-INF/resources/app/app.component.html

@@ -1,29 +1,35 @@
 <h3>
-    Angular 4 Portlet with Liferay DXP and Firebase
+    Angular 4 with Firebase
 </h3>
-<nav>
-    <a [routerLink]="['/']">
-    Home
-  </a> |
-    <a [routerLink]="['/about']">
-    About
-  </a> |
-    <a [routerLink]="['/github', 'Angular']">
-    Github Repos
-  </a> |
-    <a [routerLink]="['/contact']">
-    Contact Us
-  </a>|
-    <a [routerLink]="['/firebase']">
-    Firebase 
-  </a>
+<nav class="navbar navbar-default">
+    <div class="container-fluid">
+        <div class="navbar-header"> <button type="button" class="collapsed navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-6" 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 href="#" class="navbar-brand">Menu</a> </div>
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6">
+            <ul class="nav navbar-nav">
+                <li class="active">
+                    <a [routerLink]="['/']">Home</a>
+                </li>
+                <li>
+                    <a [routerLink]="['/about']">About</a>
+                </li>
+                <li>
+                    <a [routerLink]="['/github', 'Angular']">Github Repos</a>
+                </li>
+                <li>
+                    <a [routerLink]="['/contact']">Contact Us</a>
+                </li>
+                <li>
+                    <a [routerLink]="['/firebase']">Firebase</a>
+                </li>
+            </ul>
+        </div>
+    </div>
 </nav>
-
 <main>
     <router-outlet></router-outlet>
 </main>
 
 
 <footer>
     © 2016
-</footer>
+</footer>