diff --git a/client/index.php b/client/index.php
index 45829ce..51dcb63 100644
--- a/client/index.php
+++ b/client/index.php
@@ -15,7 +15,7 @@
     </head>
 
         <!-- MAIN GRID -->
-        <div class="container-lg">
+        <div class="container-lg" ng-app="MainApp">
             
             <!-- FIRST ROW -->
             <div class="row">
@@ -23,9 +23,11 @@
                     <!-- LOGO -->
                     <p>LOGOLOGOLOGOLOGOLOGO<br />LOGOLOGOLOGOLOGOLOGO<br/>LOGOLOGOLOGOLOGOLOGO<br />LOGOLOGOLOGOLOGOLOGO<br /></p>
                 </div>
-                 <div class="col-sm-10">
-                    <!-- Header -->
-                    <p>Header</p>
+                 
+                
+                <div class="col-sm-10">
+                    <header ng-include="'./partials/header.html'"></header>
+                    
                 </div>
             </div>
             
@@ -35,11 +37,7 @@
                 
                 <!-- NAV -->
                 <div class="col-sm-2">
-                    <ul class="nav nav-pills nav-stacked">
-                        <li role="presentation" class="active"><a href="#">Entry 1</a></li>
-                        <li role="presentation"><a href="#">Entry 2</a></li>
-                        <li role="presentation"><a href="#">Entry 3</a></li>
-                     </ul>
+                    <nav ng-include="'./partials/nav.html'"></nav>
                 </div>
                 
                 
@@ -63,5 +61,9 @@
     <body>
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
         <script src="./vendors/bootstrap/js/bootstrap.min.js"></script>
+        <script src="./vendors/angularjs/angular.min.js"></script>
+        <script src="./js/app.js"></script>
+
+
     </body>
 </html>
\ No newline at end of file
diff --git a/client/js/app.js b/client/js/app.js
index e69de29..e726d8a 100644
--- a/client/js/app.js
+++ b/client/js/app.js
@@ -0,0 +1 @@
+angular.module("MainApp",[])
\ No newline at end of file
diff --git a/client/partials/header.html b/client/partials/header.html
index e69de29..900a6f1 100644
--- a/client/partials/header.html
+++ b/client/partials/header.html
@@ -0,0 +1 @@
+<p>Header Content</p>
\ No newline at end of file
diff --git a/client/partials/nav.html b/client/partials/nav.html
index e69de29..286fbab 100644
--- a/client/partials/nav.html
+++ b/client/partials/nav.html
@@ -0,0 +1,9 @@
+<div class="list-group">
+    <a href="#" class="list-group-item active">
+      Cras justo odio
+    </a>
+    <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
+    <a href="#" class="list-group-item">Morbi leo risus</a>
+    <a href="#" class="list-group-item">Porta ac consectetur ac</a>
+    <a href="#" class="list-group-item">Vestibulum at eros</a>
+ </div>
\ No newline at end of file
