first pass - kryz inspired

src/app/navbar/navbar.component.html

@@ -0,0 +1,28 @@
+<nav class="navbar" role="navigation" aria-label="Main navigation">
+  <div class="container navbar-inner">
+    <a routerLink="/" class="navbar-brand" routerLinkActive="active">
+      <img src="assets/svg/small-flower.svg" alt="" class="brand-flower" aria-hidden="true">
+      <span class="brand-name">
+        <span class="brand-mountain">K</span>MOUNTAIN
+        <span class="brand-accent">FLOWER</span>
+      </span>
+      <span class="brand-tagline">Community Radio — Est. 1987</span>
+    </a>
+
+    <button class="navbar-toggle" aria-label="Toggle menu" (click)="toggleMenu()">
+      <span class="bar"></span>
+      <span class="bar"></span>
+      <span class="bar"></span>
+    </button>
+
+    <div class="navbar-menu" [class.open]="menuOpen">
+      <ul class="nav-links">
+        <li><a routerLink="/about" routerLinkActive="active" (click)="closeMenu()">About</a></li>
+        <li><a routerLink="/schedule" routerLinkActive="active" (click)="closeMenu()">Schedule</a></li>
+        <li><a routerLink="/events" routerLinkActive="active" (click)="closeMenu()">Events</a></li>
+        <li><a routerLink="/contact" routerLinkActive="active" (click)="closeMenu()">Contact</a></li>
+      </ul>
+      <a routerLink="/donate" class="btn btn-donate-nav" (click)="closeMenu()">Donate Now</a>
+    </div>
+  </div>
+</nav>