diff --git a/scidash/account/static/css/main.css b/scidash/account/static/css/main.css
new file mode 100644
index 00000000..ab45a818
--- /dev/null
+++ b/scidash/account/static/css/main.css
@@ -0,0 +1,99 @@
+body {
+	background: linear-gradient(to top, #ada996, #f2f2f2, #dbdbdb, #eaeaea);
+}
+
+#headerLinks {
+	font-size: 0.9em;
+	font-weight: 400;
+	position: fixed;
+	left: 0px;
+	right: 0px;
+	top: 32px;
+	height: 30px;
+	text-align: center;
+	letter-spacing: 1px;
+}
+
+#headerLinks .activeImageHeader {
+	position: relative;
+}
+
+#headerLinks a {
+	margin: 0px 10px;
+}
+
+#scidash-logo {
+	background-image: url('../images/scidash_mini_logo.png');
+	background-size: 100% 100%;
+	height: 56px;
+	width: 56px;
+	position: fixed;
+	top: 15px;
+	left: 60px;
+}
+
+#footer-scidash {
+	color: #304549;
+	font-weight: 500;
+	clear: both;
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+	z-index: 10;
+	height: 60px;
+	margin-top: -60px;
+	font-size: 0.75em;
+}
+
+#footerLinks {
+	border-bottom: 1px solid;
+	border-top: 1px solid;
+	padding: 4px;
+	text-align: center;
+}
+
+#footerLinks a {
+	color: #304549;
+	margin: 0px 10px;
+}
+
+#footerLinks a:hover {
+	color: #304549;
+}
+
+#footerDate {
+	margin-top: 8px;
+	text-align: center;
+}
+
+.login-container {
+	position: fixed !important;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%) !important;
+	width: 250px;
+}
+
+.password-reset-container {
+	position: fixed !important;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%) !important;
+	width: 250px;
+}
+
+.password-reset-container {
+	position: fixed !important;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%) !important;
+	width: 250px;
+}
+
+.registration-container {
+	position: fixed !important;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%) !important;
+	width: 250px;
+}
\ No newline at end of file
diff --git a/scidash/account/static/images/scidash_mini_logo.png b/scidash/account/static/images/scidash_mini_logo.png
new file mode 100644
index 00000000..33f6f4b1
Binary files /dev/null and b/scidash/account/static/images/scidash_mini_logo.png differ
diff --git a/scidash/account/templates/registration/base-template.html b/scidash/account/templates/registration/base-template.html
new file mode 100644
index 00000000..742586ca
--- /dev/null
+++ b/scidash/account/templates/registration/base-template.html
@@ -0,0 +1,27 @@
+{% load static %}
+
+<html>
+	<head>
+		<link href="{% static 'css/main.css' %}" rel="stylesheet">
+    </head>
+    <body>
+        <div id="header">
+	        <div id="scidash-logo" />
+      	</div>
+        {% block content %}
+        {% endblock %}
+        <!-- footer code -->
+         <div id="footer-scidash">
+                <div id="footerLinks">
+                    <a href='/' target='_blank'>Home</a>
+                    <a href='https://github.com/MetaCell/scidash-api/tree/development' target="_blank">SciDash API</a>
+                    <a href='https://github.com/scidash/sciunit' target="_blank">SciUnit</a>
+                    <a href='https://github.com/scidash/neuronunit' target="_blank">NeuronUnit</a>
+                    <a href='https://neuroml-db.org/' target="_blank">NeuroML-DB</a>
+                </div>
+                <div id="footerDate">
+                    &copy; 2017-2018 SciDash / Arizona State University<sup>®</sup>
+                </div>
+            </div>
+    </body>
+<html>
\ No newline at end of file
diff --git a/scidash/account/templates/registration/login.html b/scidash/account/templates/registration/login.html
index 8f84c464..01f13a6a 100644
--- a/scidash/account/templates/registration/login.html
+++ b/scidash/account/templates/registration/login.html
@@ -1,19 +1,12 @@
 {% include 'material/includes/material_css.html' %}
 {% include 'material/includes/material_js.html' %}
 
-{% load material_form %}
+{% include 'registration/base-template.html' %}
 
-<style>
-.login-container{
-  position: fixed !important;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%) !important;
-  width: 250px;
-}
-</style>
+{% load material_form %} 
 
-<div class="login-container">
+{% block content %}
+   <div class="login-container">
   <h5>SCIDASH LOGIN</h5>
   <a href="{% url 'sign-up' %}">Have no account? Then sign-up!</a>
   <a href="{% url 'password-reset' %}">Forgot your password? Let's reset it</a>
@@ -27,3 +20,6 @@ <h5>SCIDASH LOGIN</h5>
   </form>
   <a href="{% url 'index' %}">Go home</a>
 </div>
+{% endblock %}
+
+
diff --git a/scidash/account/templates/registration/password-reset-done.html b/scidash/account/templates/registration/password-reset-done.html
index ff7d4114..7e4bc432 100644
--- a/scidash/account/templates/registration/password-reset-done.html
+++ b/scidash/account/templates/registration/password-reset-done.html
@@ -1,16 +1,8 @@
 {% include 'material/includes/material_css.html' %}
 {% include 'material/includes/material_js.html' %}
+{% include 'registration/base-template.html' %}
 
-<style>
-.password-reset-container{
-  position: fixed !important;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%) !important;
-  width: 250px;
-}
-</style>
-
+{% block content %}
 <div class="password-reset-container">
   <h5>PASSWORD RESET SENT</h5>
   <p>We've emailed you instructions for setting your password, if an account exists with the email you entered. You should receive them shortly.
@@ -18,3 +10,5 @@ <h5>PASSWORD RESET SENT</h5>
 If you don't receive an email, please make sure you've entered the address you registered with, and check your spam folder.</p>
   <a href="{% url 'index' %}">Go home</a>
 </div>
+{% endblock %}
+
diff --git a/scidash/account/templates/registration/password-reset.html b/scidash/account/templates/registration/password-reset.html
index f05b98df..504dafe1 100644
--- a/scidash/account/templates/registration/password-reset.html
+++ b/scidash/account/templates/registration/password-reset.html
@@ -1,18 +1,10 @@
 {% include 'material/includes/material_css.html' %}
 {% include 'material/includes/material_js.html' %}
+{% include 'registration/base-template.html' %}
 
 {% load material_form %}
 
-<style>
-.password-reset-container{
-  position: fixed !important;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%) !important;
-  width: 250px;
-}
-</style>
-
+{% block content %}
 <div class="password-reset-container">
   <h5>SCIDASH RESET PASSWORD</h5>
   <form method="POST">
@@ -22,4 +14,5 @@ <h5>SCIDASH RESET PASSWORD</h5>
   </form>
   <a href="{% url 'index' %}">Go home</a>
 </div>
+{% endblock %}
 
diff --git a/scidash/account/templates/registration/signup.html b/scidash/account/templates/registration/signup.html
index 2eec63a1..2efc9edb 100644
--- a/scidash/account/templates/registration/signup.html
+++ b/scidash/account/templates/registration/signup.html
@@ -1,18 +1,10 @@
 {% include 'material/includes/material_css.html' %}
 {% include 'material/includes/material_js.html' %}
+{% include 'registration/base-template.html' %}
 
 {% load material_form %}
 
-<style>
-.registration-container{
-  position: fixed !important;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%) !important;
-  width: 250px;
-}
-</style>
-
+{% block content %}
 <div class="registration-container">
   <h5>SCIDASH SIGN UP</h5>
   <a href="{% url 'login' %}">Already signed up? Then login!</a>
@@ -23,3 +15,5 @@ <h5>SCIDASH SIGN UP</h5>
   </form>
   <a href="{% url 'index' %}">Go home</a>
 </div>
+{% endblock %}
+
