diff --git a/week03/app/styles/app.scss b/week03/app/styles/app.scss
index cc45bd19444c39d3ed39cdf74ba66d8ec39d5d33..9d645da1f6569b856cc0540c17061fe09dfa210b 100644
--- a/week03/app/styles/app.scss
+++ b/week03/app/styles/app.scss
@@ -1,3 +1,31 @@
 @import "settings";
 @import 'foundation-sites/foundation';
 @include foundation-everything;
+
+/*
+* Menu styles
+*/
+ul[role="menu"] {
+   @include menu-base;
+   @include menu-direction('vertical');
+
+   &.horizontal {
+       @include menu-direction('horizontal');
+   }
+
+   li {
+       &.menu-text{
+           @include menu-text;
+       }
+
+       &[role="separator"] {
+           padding-bottom: $global-padding;
+       }
+
+       a {
+           &.active {
+               @include menu-state-active;
+           }
+       }
+   }
+}
\ No newline at end of file
diff --git a/week03/app/templates/application.hbs b/week03/app/templates/application.hbs
index e2147cab02d61b24bccf33f448609ff7bf5ad470..79599bccef86c130eccbb68bdc375a73cb756787 100644
--- a/week03/app/templates/application.hbs
+++ b/week03/app/templates/application.hbs
@@ -1 +1,18 @@
+<header class="top-bar">
+  <nav class="top-bar-left" aria-label="Main">
+    <ul class="horizontal" role="menu" aria-label="Main">
+      <li class="menu-text">Athena - Study Portal</li>
+      <li><a href="" role="menuitem" tabindex="0" class="active">My Modules</a></li>
+      <li><a href="" role="menuitem" tabindex="-1">My Exams</a></li>
+    </ul>
+  </nav>
+  <nav class="top-bar-right" aria-label="User">
+    <ul class="horizontal" role="menu" aria-label="User">
+      <li><a role="menuitem" tabindex="0">Profile</a></li>
+      <li><a role="menuitem" tabindex="-1">Logout</a></li>
+    </ul>
+  </nav>
+</header>
+
+
 {{outlet}}
\ No newline at end of file