Add gitter link

Author: tommysitu

src/app/components/topnavbar/topnavbar.component.html

@@ -12,11 +12,18 @@
         </div>
         <div id="navbar" class="collapse navbar-collapse">
             <ul class="nav navbar-nav navbar-right">
-                <li><a href="https://hoverfly.readthedocs.io/en/{{version}}/"><i class="fa fa-book"
-                                                                                 aria-hidden="true"></i>Docs</a></li>
-                <li><a href="https://github.com/SpectoLabs/Hoverfly"><i class="fa fa-github" aria-hidden="true"></i>GitHub</a>
+                <li>
+                    <a href="https://hoverfly.readthedocs.io/en/{{version}}/" target="_blank"><i class="fa fa-book" aria-hidden="true"></i>Docs</a>
+                </li>
+                <li>
+                    <a href="https://gitter.im/SpectoLabs/hoverfly" target="_blank"><i class="fa fa-commenting" aria-hidden="true"></i>Gitter</a>
+                </li>
+                <li>
+                    <a href="https://github.com/SpectoLabs/Hoverfly" target="_blank"><i class="fa fa-github" aria-hidden="true"></i>GitHub</a>
+                </li>
+                <li *ngIf="showLogoutLink" (click)="logout()">
+                    <a><i class="fa fa-sign-out" aria-hidden="true"></i>Logout</a>
                 </li>
-                <li *ngIf="showLogoutLink" (click)="logout()"><a><i class="fa fa-sign-out" aria-hidden="true"></i>Log out</a></li>
             </ul>
         </div>
     </div>