ADD: Navbar component

ngx-giselle-ui-workspace/projects/ngx-giselle-ui/src/lib/organisms/navbar/navbar.component.html

@@ -1 +1,58 @@
-<p>navbar works!</p>
+<div class="container">
+    <nav class="navbar is-white" role="navigation" aria-label="main navigation">
+        <div class="navbar-brand">
+            <a class="navbar-item" href="https://cmhaa.org.au/">
+                <img class="brand-logo" src="/assets/img/cmhaa-logo.svg" />
+            </a>
+
+            <a
+                role="button"
+                class="navbar-burger"
+                aria-label="menu"
+                aria-expanded="false"
+                data-target="navbarBasicExample"
+            >
+                <span aria-hidden="true"></span>
+                <span aria-hidden="true"></span>
+                <span aria-hidden="true"></span>
+            </a>
+        </div>
+
+        <div id="navbarBasicExample" class="navbar-menu">
+            <div class="navbar-start">
+                <a
+                    class="navbar-item"
+                    [routerLink]="['/home']"
+                    routerLinkActive="router-link-active"
+                >
+                    Home
+                </a>
+
+                <a class="navbar-item"> Documentation </a>
+
+                <div class="navbar-item has-dropdown is-hoverable">
+                    <a class="navbar-link"> More </a>
+
+                    <div class="navbar-dropdown">
+                        <a class="navbar-item"> About </a>
+                        <a class="navbar-item"> Jobs </a>
+                        <a class="navbar-item"> Contact </a>
+                        <hr class="navbar-divider" />
+                        <a class="navbar-item"> Report an issue </a>
+                    </div>
+                </div>
+            </div>
+
+            <div class="navbar-end">
+                <div class="navbar-item">
+                    <div class="buttons">
+                        <a class="button is-primary">
+                            <strong>Sign up</strong>
+                        </a>
+                        <a class="button is-light"> Log in </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </nav>
+</div>

ngx-giselle-ui-workspace/projects/ngx-giselle-ui/src/lib/organisms/navbar/navbar.module.ts

@@ -1,10 +1,11 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { NavbarComponent } from './navbar.component';
+import { RouterModule } from '@angular/router';
 
 @NgModule({
     declarations: [NavbarComponent],
-    imports: [CommonModule],
+    imports: [CommonModule, RouterModule],
     exports: [NavbarComponent],
 })
 export class NavbarModule {}