diff --git a/assets/css/pretendo-common.css b/assets/css/pretendo-common.css
index 9b92594..fc429da 100644
--- a/assets/css/pretendo-common.css
+++ b/assets/css/pretendo-common.css
@@ -222,6 +222,9 @@ section.bigCardWrapper .bigCard.bigCardPartWrapper {
 	margin-bottom: 15px;
 	font-size: 2.5em;
 }
+.txt-title.small {
+	font-size: 2em;
+}
 .txt-smallHeading {
 	font-size: 1.2em;
 	font-weight: bold;
diff --git a/assets/css/pretendo-pnid.css b/assets/css/pretendo-pnid.css
index 9e931e7..cba36a3 100644
--- a/assets/css/pretendo-pnid.css
+++ b/assets/css/pretendo-pnid.css
@@ -1,7 +1,8 @@
-.contentWrapper.userPage {
+body .contentWrapper.userPage {
     display: flex;
     justify-content: center;
-    align-items: center;
+    height: 100%;
+    margin: 10rem 0 7rem 0 !important; /*im sorry, I had to*/
 }
 body footer {
     padding: 0;
@@ -9,4 +10,20 @@ body footer {
 }
 body footer .content {
     border-radius: 0;
+}
+
+/* content card */
+.contentCard {
+	background-color: white;
+	box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.07);
+	box-sizing: border-box;
+    color: #707070;
+    width: 40rem;
+    max-width: 100vw;
+    padding: 3rem 4rem;
+}
+
+/* aside navigation */
+nav.userNav {
+    padding: 1em;
 }
\ No newline at end of file
diff --git a/views/dashboard.hbs b/views/dashboard.hbs
index 6acb0b3..44dfadf 100644
--- a/views/dashboard.hbs
+++ b/views/dashboard.hbs
@@ -8,7 +8,13 @@
     <body class="flex">
         {{> nav-default }}
         <div class="contentWrapper userPage">
-            <h1>PNID dashboard</h1>
+            <nav class="userNav">
+                <p>Navigation</p>
+            </nav>
+            <section class="contentCard">
+                <p class="txt-highlight">User profile</p>
+                <h1 class="txt-title small">PNID dashboard</h1>
+            </section>
         </div>
         {{> footer-default }}
     </body>
