diff --git a/src/app/app.component.html b/src/app/app.component.html
index 1043b37710766f1298a9dc45758d373ae36183a3..048567132ec861d4b37f993a14740abae7d5c928 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,52 +1,4 @@
-<myuw-app-bar
-    theme-name=""
-    app-name="Course Search & Enroll"
-	app-url="https://my.wisc.edu">
-
-	<myuw-drawer slot="myuw-navigation" fxShow fxHide.gt-sm>
-		<myuw-drawer-link
-			slot="myuw-drawer-links"
-			name="Course Search"
-			icon=""
-			href="/search">
-			</myuw-drawer-link>
-			<myuw-drawer-link
-			slot="myuw-drawer-links"
-			name="Scheduler"
-			icon=""
-			href="/scheduler">
-			</myuw-drawer-link>
-			<myuw-drawer-link
-			slot="myuw-drawer-links"
-			name="Enrollment"
-			icon=""
-			href="/enrollment">
-			</myuw-drawer-link>
-			<myuw-drawer-link
-			slot="myuw-drawer-links"
-			name="Degree Planner"
-			icon=""
-			href="/degree-planner">
-		</myuw-drawer-link>
-	</myuw-drawer>
-
-	<myuw-help
-        slot="myuw-help"
-        myuw-help-title="Need more help?"
-		show-button
-		show-default-content>
-	</myuw-help>
-	
-	<myuw-profile
-		slot="myuw-profile"
-		session-endpoint=""
-		login-url=""
-		logout-url="http://login.wisc.edu/logout"
-		background-color="#9B0000">
-	</myuw-profile>
-
-</myuw-app-bar>
-
+<cse-header></cse-header>
 <cse-navigation></cse-navigation>
 <main class="uw-row">
 	<div class="uw-col">
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index bde58759272a9f982d69bf26d3cb5c2acfb6c601..5a968eef267f0f9a0e0ec720ee29f6c7ae1f983e 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -11,7 +11,7 @@ document.addEventListener('WebComponentsReady', function() {
 	const customEvent = new CustomEvent('myuw-login', {
 		detail: {
 			person: {
-				'firstName': 'Bucky'
+				// 'firstName': 'Bucky'
 			}
 		}
 	});
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index bb75ece3220d6ca8cc957783bef71b7bbcfe6524..f15c253ab0455532e7274b2f0fcdc340e81f8b2d 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -7,6 +7,7 @@ import { AppRoutingModule } from './app.routing.module';
 import { AppComponent } from './app.component';
 import { CoreModule } from '@app/core/core.module';
 import { SharedModule } from '@app/shared/shared.module';
+import { HeaderComponent } from './core/header/header.component';
 
 @NgModule({
 	imports: [
@@ -18,7 +19,8 @@ import { SharedModule } from '@app/shared/shared.module';
 		AppRoutingModule
 	],
 	declarations: [
-		AppComponent
+		AppComponent,
+		HeaderComponent
 	],
 	providers: [],
 	bootstrap: [ AppComponent ],
diff --git a/src/app/core/header/header.component.html b/src/app/core/header/header.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..a8ed0cd0234d2d5fa39ae4347fadd2d6e8f170d5
--- /dev/null
+++ b/src/app/core/header/header.component.html
@@ -0,0 +1,48 @@
+<myuw-app-bar
+    theme-name=""
+    app-name="Course Search & Enroll"
+	app-url="https://my.wisc.edu">
+
+	<myuw-drawer slot="myuw-navigation" fxShow fxHide.gt-sm>
+		<myuw-drawer-link
+			slot="myuw-drawer-links"
+			name="Course Search"
+			icon=""
+			href="/search">
+			</myuw-drawer-link>
+			<myuw-drawer-link
+			slot="myuw-drawer-links"
+			name="Scheduler"
+			icon=""
+			href="/scheduler">
+			</myuw-drawer-link>
+			<myuw-drawer-link
+			slot="myuw-drawer-links"
+			name="Enrollment"
+			icon=""
+			href="/enrollment">
+			</myuw-drawer-link>
+			<myuw-drawer-link
+			slot="myuw-drawer-links"
+			name="Degree Planner"
+			icon=""
+			href="/degree-planner">
+		</myuw-drawer-link>
+	</myuw-drawer>
+
+	<myuw-help
+		slot="myuw-help"
+		myuw-help-title="Need more help?"
+		show-button
+		show-default-content>
+	</myuw-help>
+	
+	<myuw-profile
+		slot="myuw-profile"
+		session-endpoint=""
+		login-url=""
+		logout-url="http://login.wisc.edu/logout"
+		background-color="#9B0000">
+	</myuw-profile>
+
+</myuw-app-bar>
\ No newline at end of file
diff --git a/src/app/core/header/header.component.scss b/src/app/core/header/header.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/core/header/header.component.spec.ts b/src/app/core/header/header.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8c724621c82952b204f5d70fd5e6799f2033cbaa
--- /dev/null
+++ b/src/app/core/header/header.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HeaderComponent } from './header.component';
+
+describe('HeaderComponent', () => {
+	let component: HeaderComponent;
+	let fixture: ComponentFixture<HeaderComponent>;
+
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			declarations: [ HeaderComponent ]
+		})
+	.compileComponents();
+	}));
+
+	beforeEach(() => {
+		fixture = TestBed.createComponent(HeaderComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
+
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
+});
diff --git a/src/app/core/header/header.component.ts b/src/app/core/header/header.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..45bdac42131a91cb5b418158cd1e381901e4131d
--- /dev/null
+++ b/src/app/core/header/header.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+	selector: 'cse-header',
+	templateUrl: './header.component.html',
+	styleUrls: ['./header.component.scss']
+})
+export class HeaderComponent implements OnInit {
+
+	constructor() { }
+
+	ngOnInit() {
+	}
+
+}