Nav component implement

sundarcodes · sundarcodes · commit 43d28552be66 · 2017-05-05T10:29:40.000+05:30
diff --git a/do-it/src/app/app.component.html b/do-it/src/app/app.component.html
@@ -1,3 +1,4 @@
+<app-nav-bar></app-nav-bar>
 <h1>
   {{title}}
 </h1>
diff --git a/do-it/src/app/app.module.ts b/do-it/src/app/app.module.ts
@@ -4,10 +4,12 @@ import { FormsModule } from '@angular/forms';
 import { HttpModule } from '@angular/http';
 
 import { AppComponent } from './app.component';
+import { Nav } from './nav/nav.component';
 
 @NgModule({
   declarations: [
-    AppComponent
+    AppComponent,
+    Nav
   ],
   imports: [
     BrowserModule,
diff --git a/do-it/src/app/nav/nav.component.css b/do-it/src/app/nav/nav.component.css
diff --git a/do-it/src/app/nav/nav.component.html b/do-it/src/app/nav/nav.component.html
@@ -0,0 +1,9 @@
+ <nav>
+    <div class="nav-wrapper">
+      <a href="#" class="brand-logo">Do It</a>
+      <ul id="nav-mobile" class="right hide-on-med-and-down">
+        <li><a href="sass.html">Archive</a></li>
+        <li><a href="badges.html">About</a></li>
+      </ul>
+    </div>
+  </nav>
diff --git a/do-it/src/app/nav/nav.component.ts b/do-it/src/app/nav/nav.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-nav-bar',
+    templateUrl: './nav.component.html',
+    styleUrls: ['./nav.component.css']
+})
+export class Nav {
+
+}
diff --git a/do-it/src/index.html b/do-it/src/index.html
@@ -7,6 +7,7 @@
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
 </head>
 <body>
   <app-root>Loading...</app-root>

-Original file line number
+Diff line change
@@ @@ -1,3 +1,4 @@ @@
 +<app-nav-bar></app-nav-bar>
 <h1>
   {{title}}
 </h1>