diff --git a/assets/css/pretendo-pnid.css b/assets/css/pretendo-pnid.css
index cba36a3..fc94d28 100644
--- a/assets/css/pretendo-pnid.css
+++ b/assets/css/pretendo-pnid.css
@@ -25,5 +25,48 @@ body footer .content {
 
 /* aside navigation */
 nav.userNav {
-    padding: 1em;
+    padding: 1em 3em 1em 1em;
+}
+nav.userNav .userNavProfile {
+    text-align: center;
+}
+nav.userNav .userNavProfile::after {
+    content: "";
+    width: 10em;
+    display: inline-block;
+    height: 1px;
+    background-color: rgba(0, 0, 0, 0.5);;
+}
+nav.userNav .userNavProfile img {
+    width: 7em;
+    height: 7em;
+    background-color: white;
+    border: 1px solid rgba(0, 0, 0, 0.5);
+    border-radius: 50%;
+    display: inline-block;
+}
+nav.userNav .userNavProfile .name {
+    font-size: 1.5em;
+    font-weight: bold;
+    color: #353535;
+    margin: .5em 1em 0 1em;
+}
+nav.userNav .links {
+    padding: .7em 0;
+}
+nav.userNav .links .navItem {
+    display: block;
+    margin: .3em .5em;
+    font-size: 1em;
+    color: #707070;
+    text-decoration: none;
+}
+nav.userNav .links .navItem:hover {
+    color: #505050;
+    font-weight: bold;
+    text-decoration: none;
+}
+nav.userNav .links .navItem.active {
+    color: #673ab7;
+    font-weight: bold;
 }
\ No newline at end of file
diff --git a/helpers/util.js b/helpers/util.js
index d0b4616..9509f1e 100644
--- a/helpers/util.js
+++ b/helpers/util.js
@@ -20,7 +20,12 @@ function templateReadyUser(req) {
 	};
 }
 
+function getLocales() {
+	return require('../locales/US_en.json');
+}
+
 module.exports = {
 	send404,
-	templateReadyUser
+	templateReadyUser,
+	getLocales
 };
\ No newline at end of file
diff --git a/routes/blog.js b/routes/blog.js
index 2817688..ce8d6ce 100644
--- a/routes/blog.js
+++ b/routes/blog.js
@@ -30,7 +30,8 @@ router.get('/news/:date/:title', (req, res) => {
 				if (err) return utilHelper.send404(res);
 				res.render('post', {
 					post: postTemplate,
-					user: utilHelper.templateReadyUser(req)
+					user: utilHelper.templateReadyUser(req),
+					locales: utilHelper.getLocales()
 				});
 			});
 		});
@@ -57,6 +58,7 @@ router.get('/news', (req, res) => {
 		res.render('post-collection', {
 			posts: postCollection,
 			user: utilHelper.templateReadyUser(req),
+			locales: utilHelper.getLocales(),
 			page: 'news'
 		});
 	});
diff --git a/routes/contact.js b/routes/contact.js
index c09180a..d569e10 100644
--- a/routes/contact.js
+++ b/routes/contact.js
@@ -16,6 +16,7 @@ const https = require('https');
 router.get('/contact', (req, res) => {
 	res.render('contact', {
 		user: utilHelper.templateReadyUser(req),
+		locales: utilHelper.getLocales(),
 		page: 'contact'
 	});
 });
diff --git a/routes/home.js b/routes/home.js
index 29e5fda..7d0de31 100644
--- a/routes/home.js
+++ b/routes/home.js
@@ -14,6 +14,7 @@ const utilHelper = require('../helpers/util');
 router.get('/', (req, res) => {
 	res.render('home', {
 		user: utilHelper.templateReadyUser(req),
+		locales: utilHelper.getLocales(),
 		page: 'home'
 	});
 });
diff --git a/routes/pnid.js b/routes/pnid.js
index e61afa1..055f066 100644
--- a/routes/pnid.js
+++ b/routes/pnid.js
@@ -20,15 +20,21 @@ const PNID = require('../models/pnid');
 
 // renders register page
 router.get('/pnid/register', recaptcha.middleware.render, (req, res) => {
-	res.render('register', { captcha: res.recaptcha });
+	res.render('register', {
+		captcha: res.recaptcha,
+		locales: utilHelper.getLocales()
+	});
 });
 // renders login page
 router.get('/pnid/login', (req, res) => {
-	res.render('login');
+	res.render('login', {
+		locales: utilHelper.getLocales()
+	});
 });
 // renders pnid dashboard
 router.get('/pnid/dashboard', userMiddleware.pnidAuthNeeded, (req, res) => {
 	res.render('dashboard', {
+		locales: utilHelper.getLocales(),
 		user: utilHelper.templateReadyUser(req)
 	});
 });
diff --git a/routes/progress.js b/routes/progress.js
index ac30643..ea3face 100644
--- a/routes/progress.js
+++ b/routes/progress.js
@@ -25,6 +25,7 @@ router.get('/progress', (req, res) => {
 			games,
 			backends,
 			user: utilHelper.templateReadyUser(req),
+			locales: utilHelper.getLocales(),
 			page: 'progress'
 		});
 	});
diff --git a/views/dashboard.hbs b/views/dashboard.hbs
index 44dfadf..06ee426 100644
--- a/views/dashboard.hbs
+++ b/views/dashboard.hbs
@@ -8,9 +8,7 @@
     <body class="flex">
         {{> nav-default }}
         <div class="contentWrapper userPage">
-            <nav class="userNav">
-                <p>Navigation</p>
-            </nav>
+            {{> nav-dashboard }}
             <section class="contentCard">
                 <p class="txt-highlight">User profile</p>
                 <h1 class="txt-title small">PNID dashboard</h1>
diff --git a/views/home.hbs b/views/home.hbs
index dd98acf..a63d228 100644
--- a/views/home.hbs
+++ b/views/home.hbs
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 	<head>
         {{> head-common }}
         <!-- page specific -->
diff --git a/views/partials/nav-dashboard.hbs b/views/partials/nav-dashboard.hbs
new file mode 100644
index 0000000..03ff972
--- /dev/null
+++ b/views/partials/nav-dashboard.hbs
@@ -0,0 +1,31 @@
+<nav class="navWrapper" id="nav">
+	<a class="navItem brand{{#if_eq page 'home'}} active{{/if_eq}}" {{#if_neq page 'home'}}href="/"{{/if_neq}}>PRETENDO</a>
+	<a class="navItem{{#if_eq page 'news'}} active{{/if_eq}}" {{#if_neq page 'news'}}href="/news"{{/if_neq}}>News</a>
+	<a class="navItem{{#if_eq page 'progress'}} active{{/if_eq}}" {{#if_neq page 'progress'}}href="/progress"{{/if_neq}}>Progress</a>
+	<a class="navItem{{#if_eq page 'contact'}} active{{/if_eq}}" {{#if_neq page 'contact'}}href="/contact"{{/if_neq}}>Contact</a>
+    <div class="navSpread"></div>
+{{#if user.isLoggedIn }}
+    <a class="navItem navProfile" href="/pnid/dashboard">
+        <img src="#" alt="">
+        <p>mrjvs@gmail.com</p>
+    </a>
+    <a class="navItem navBtn" href="/pnid/logout">logout</a>
+{{else}}
+    <a class="navItem navBtnAlt" href="/pnid/login">Login</a>
+    <a class="navItem navBtn" href="/pnid/register">Register</a>
+{{/if}}
+    <a class="navItem hamburger" id="navToggle">ICON</a>
+</nav>
+
+<nav class="userNav">
+    <div class="userNavProfile">
+        <img src="" alt="">
+        <p class="name">Mrjvs</p>
+    </div>
+    <div class="links">
+       <a class="navItem active" href="#">User profile</a>
+       <a class="navItem" href="#">User files</a>
+       <a class="navItem" href="#">Security settings</a>
+       <a class="navItem" href="#">other settings</a>
+    </div>
+</nav>
\ No newline at end of file