diff --git a/dash.css b/dash.css
index 92d9e7c..0316359 100644
--- a/dash.css
+++ b/dash.css
@@ -10,12 +10,53 @@ html {
   background-color: #d7dae0;
 }
 
+.g-signin2 {
+  display: none;
+}
+
 .nav {
   width: 100%;
   height: 40px;
+  position: relative;
   background-color: black;
 }
 
+.home {
+  position: absolute;
+  float: left;
+  height: 40px;
+  width: 50px;
+  color: white !important;
+  cursor: pointer;
+}
+
+.profile {
+  float: right;
+  height: 40px;
+}
+
+#email {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translate(-50%, -50%);
+  font-size: 15px;
+  vertical-align: middle;
+  color:white;
+  font-family: 'Open Sans Condensed', sans-serif;
+}
+
+#profImg {
+  height: 30px;
+  width: 30px;
+  margin: 0;
+  position: absolute;
+    top: 50%;
+    right: 0;
+    transform: translate(-50%, -50%);
+  border-radius: 50px;
+}
+
 .cardsCont {
   background-color: #d7dae0;
 }
@@ -32,6 +73,20 @@ html {
   padding: 0 !important;
 }
 
+.welRow {
+  margin-top: 5px;
+  text-align: center;
+}
+.hr {
+  border-color: grey;
+}
+
+#welcome {
+  font-family: 'Open Sans Condensed', sans-serif;
+  font-size: 40px;
+  color: #37474F;
+}
+
 .goalRow {
   margin: 0;
   padding: 0;
diff --git a/dashboard.html b/dashboard.html
index 84d2470..ec5be76 100644
--- a/dashboard.html
+++ b/dashboard.html
@@ -13,7 +13,13 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
     <script src="https://use.fontawesome.com/7b29adddad.js"></script>
 
+    <meta name="google-signin-client_id" content="1028038812776-ovsjf90n1m620svlfncolr3h00c0frdn.apps.googleusercontent.com">
+    <script src="https://apis.google.com/js/api.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+    <script src="https://apis.google.com/js/platform.js" async defer></script>
+
     <script type="text/javascript">
+
       google.charts.load('current', {'packages':['corechart']});
       google.charts.setOnLoadCallback(drawChart);
       function drawChart() {
@@ -58,16 +64,23 @@
 </head>
 
 <body>
-  <div class="nav container-fluid">
-    <div class="row">
-      <div class="col-sm-12">
-        <font color="white">Reflex</font>
-      </div>
+  <div class="g-signin2" data-onsuccess="onSignIn"></div>
+  <div class="nav">
+    <div id="home" onclick="signOut();" class="home"><i class="fa fa-home fa-3x home" aria-hidden="true"></i></div>
+    <div class="profile">
+      <p id="email"></p>
+      <img id="profImg" src="" />
     </div>
   </div>
 
   <div class="container-fluid cardsCont">
 
+    <div class="row">
+      <div class="col-sm-12 welRow">
+        <p id="welcome">Welcome to your interactive Fitness Program!</p>
+      </div>
+    </div>
+    <hr class="hr">
     <div class="row goalRow">
       <div class="col-md-6 cardCont">
         <div class="card">
@@ -118,6 +131,29 @@
     </div>
   </div>
 
+<script type="text/javascript">
+  function onSignIn(googleUser) {
+    var profile = googleUser.getBasicProfile();
+    console.log('hi');
+    console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
+    console.log('Name: ' + profile.getName());
+    console.log('Image URL: ' + profile.getImageUrl());
+    console.log('Email: ' + profile.getEmail()); // This is null if the 'email' scope is not present.
+    document.getElementById("welcome").innerHTML = 'Welcome to your interactive fitness program, ' + profile.getName() + '!';
+    document.getElementById('email').innerHTML = profile.getEmail();
+    document.getElementById('profImg').src = profile.getImageUrl();
+  }
+  function signOut() {
+    var auth2 = gapi.auth2.getAuthInstance();
+    auth2.signOut().then(function () {
+      console.log('User signed out.');
+    });
+  }
+  $('#home').click(function() {
+
+    window.location.href = "http://localhost:8000";
+  });
+</script>
 </body>
 
 </html>
diff --git a/index.html b/index.html
index 61c9f23..f775dde 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,7 @@
     <script type="text/javascript">
       function onSignIn(googleUser) {
         var profile = googleUser.getBasicProfile();
+        console.log('hi');
         console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
         console.log('Name: ' + profile.getName());
         console.log('Image URL: ' + profile.getImageUrl());
diff --git a/indexJs.js b/indexJs.js
index 139ea7f..79c7c34 100644
--- a/indexJs.js
+++ b/indexJs.js
@@ -1,23 +1,2 @@
-$(document).ready(function() {
-    
-    $('body').css('display','none');
-	$(document).ready(function() {
-		$('body').fadeIn(1000);
-		$('a').on('click',function(event){
-			var thetarget = this.getAttribute('target')
-			if (thetarget != "_blank"){			
-				var thehref = this.getAttribute('href')
-				event.preventDefault();
-				$('body').fadeOut(function(){
-					//alert(thehref)
-					window.location = thehref			
-				});
-			}
-		});
-	});
-	setTimeout(function(){
-		$('body').fadeIn();
-	},1000)
-});
-
 
+console.log('hi');
