diff --git a/website/templates/html/outer.html b/website/templates/html/outer.html
new file mode 100644
index 0000000..ebb4923
--- /dev/null
+++ b/website/templates/html/outer.html
@@ -0,0 +1,107 @@
+{#
+	requires, brand_html, top_bar_items, footer_items, copyright, content, address
+#}
+
+{% extends "html/base.html" %}
+
+{% block body %}
+	<header>
+	</header>
+	<div id="body_div">
+		<div class="navbar-wrapper">
+		<div class="navbar{% if top_bar_background=="Black" %} navbar-inverse{% endif %}" 
+			style="margin-bottom: 0px;">
+			<div class="navbar-inner">
+			<div class="container">
+				<a class="brand" href="/">{{ brand_html }}</a>
+				<ul class="nav">
+					{% for page in top_bar_items %}
+						{% if not page.parent_label %}
+						<li data-label="{{ page.label }}"
+							{% if page.child_items %}
+								class="dropdown"
+							{% endif %}>
+							<a href="{{ page.url or '#' }}" 
+								{% if page.child_items %}
+									class="dropdown-toggle"
+									onclick="return false;"
+									data-toggle="dropdown"
+								{% endif %}
+								{{ page.target or ''}}>
+							{{ page.label }}
+							{% if page.child_items %}
+								<b class="caret"></b>
+							</a>
+								<ul class="dropdown-menu">
+								{% for child in page.child_items %}
+									<li data-label="{{ child.label }}">
+										<a {% if child.indent %}
+											style="padding-left: 
+												{{(int(child.indent)+1)*15 }}px"
+										{% endif %}
+										href="{{ child.url }}" {{ child.target or '' }}>
+											{{ child.label }}
+										</a>
+									</li>
+								{% endfor %}
+								</ul>
+							{% else %}
+							</a>
+							{% endif %}
+							</li>
+						{% endif %}
+					{% endfor %}
+				</ul>
+				<img src="lib/images/ui/spinner.gif" id="spinner"/>
+				<ul class="nav pull-right">
+					<li id="login-topbar-item"><a href="login">Login</a></li>
+				</ul>
+			</div>
+			</div>
+		</div>
+		</div>
+		<script>$('.dropdown-toggle').dropdown()</script>
+		<div class="content" id="page-{{ name }}" style="display: block;">
+		{% block content %}
+		{% endblock %}
+		</div>
+	</div>
+	<footer><div class="web-footer">
+		{% if facebook_share or google_plus_one or twitter_share or linked_in_share %}
+		<div class="social-icons" style="">
+			<span style="font-size: 11px;">{{ share_text or "Share this page on: "}}</span>
+			{% if google_plus_one %}
+				<a href="https://plus.google.com/share?url={{ url }}"
+				 	target="_blank"><i class="icon-google-plus"></i></a>
+			{% endif %}
+			{% if twitter_share %}
+				<a href="https://twitter.com/intent/tweet?url={{ url }}&text={{ encoded_title }}"
+					target="_blank" ><i class="icon-twitter"></i></a>
+			{% endif %}
+			{% if facebook_share %}
+				<a href="https://www.facebook.com/sharer.php?u={{ url }}&t={{ encoded_title }}&via={{ twitter_share_via }}"
+					target="_blank"><i class="icon-facebook"></i></a>
+			{% endif %}
+			{% if linked_in_share %}
+				<a href="http://www.linkedin.com/shareArticle?mini=true&url={{ url }}&title={{ encoded_title }}"
+					target="_blank"><i class="icon-linkedin"></i></a>
+			{% endif %}
+		</div>
+		{% endif %}
+		<p style="float: right; clear: right;"><a style="font-size: 90%;" href="attributions">ERPNext Powered</a></p>
+		<div class="web-footer-menu"><ul>
+		{% for item in footer_items %}
+			<li><a href="{{ item.url }}" {{ item.target }}
+				data-label="{{ item.label }}">{{ item.label }}</a></li>
+		{% endfor %}
+		</ul></div>
+		{% if copyright %}
+		<div class="web-footer-copyright">&copy; {{ copyright }}</div>
+		{% endif %}
+		{% if address %}
+		{{ address }}
+		{% endif %}
+		</div>
+	</footer>
+
+{% endblock %}
\ No newline at end of file
diff --git a/website/templates/pages/404.html b/website/templates/pages/404.html
index 04584d9..8a676ce 100644
--- a/website/templates/pages/404.html
+++ b/website/templates/pages/404.html
@@ -1,5 +1,7 @@
 {% extends "html/outer.html" %}
 
+{% set title="Not Found" %}
+
 {% block content %}
 <div class="content">
 	<div class="layout-wrapper layout-main">
diff --git a/website/templates/pages/about.html b/website/templates/pages/about.html
index 7ccfa77..1a60b33 100644
--- a/website/templates/pages/about.html
+++ b/website/templates/pages/about.html
@@ -1,8 +1,6 @@
 {% extends "html/page.html" %}
 
-{% block title %}
-About Us
-{% endblock %}
+{% set title="About Us" %}
 
 {% block content %}
 <div class="layout-wrapper">
diff --git a/website/templates/pages/attributions.html b/website/templates/pages/attributions.html
index bc9d368..e587484 100644
--- a/website/templates/pages/attributions.html
+++ b/website/templates/pages/attributions.html
@@ -8,9 +8,7 @@
 </style>
 {% endblock %}
 
-{% block title %}
-	ERPNext - Web Based, Open Source ERP
-{% endblock %}
+{% set title="ERPNext - Web Based, Open Source ERP" %}
 
 {% block content %}
 <div class="layout-attributions">
diff --git a/website/templates/pages/blog.html b/website/templates/pages/blog.html
index f31af42..3ad9e0a 100644
--- a/website/templates/pages/blog.html
+++ b/website/templates/pages/blog.html
@@ -8,7 +8,7 @@
 	{% include "css/blog.css" %}
 {% endblock %}
 
-{% block title %}Blog{% endblock %}
+{% set title="Blog" %}
 
 {% block content %}
 	<div class="layout-wrapper layout-wrapper-background">
diff --git a/website/templates/pages/contact.html b/website/templates/pages/contact.html
index 005d36a..f876da1 100644
--- a/website/templates/pages/contact.html
+++ b/website/templates/pages/contact.html
@@ -4,9 +4,7 @@
 	{% include "js/contact.js" %}
 {% endblock %}
 
-{% block title %}
-Contact Us
-{% endblock %}
+{% set title="Contact Us" %}
 
 {% block content %}
 <div class="layout-wrapper">
diff --git a/website/templates/pages/error.html b/website/templates/pages/error.html
index 4fe394f..2be810d 100644
--- a/website/templates/pages/error.html
+++ b/website/templates/pages/error.html
@@ -1,5 +1,7 @@
 {% extends "html/outer.html" %}
 
+{% set title="Error" %}
+
 {% block content %}
 <div class="content">
 	<div class="layout-wrapper layout-main">
diff --git a/website/templates/pages/login.html b/website/templates/pages/login.html
index 9dcff26..ef9b7bb 100644
--- a/website/templates/pages/login.html
+++ b/website/templates/pages/login.html
@@ -7,9 +7,7 @@
 	{% include "css/login.css" %}
 {% endblock %}
 
-{% block title %}
-	Login Page
-{% endblock %}
+{% set title="Login" %}
 
 {% block body %}
 	<div id='login_wrapper'>
diff --git a/website/templates/pages/product_search.html b/website/templates/pages/product_search.html
index e573f7e..90c2489 100644
--- a/website/templates/pages/product_search.html
+++ b/website/templates/pages/product_search.html
@@ -1,6 +1,6 @@
 {% extends "html/page.html" %}
 
-{% block title %}Product Search{% endblock %}
+{% set title="Product Search" %}
 
 {% block javascript %}
 {% include "js/product_list.js" %}
diff --git a/website/templates/pages/unsubscribed.html b/website/templates/pages/unsubscribed.html
index 3dc7df9..42441fe 100644
--- a/website/templates/pages/unsubscribed.html
+++ b/website/templates/pages/unsubscribed.html
@@ -1,5 +1,7 @@
 {% extends "html/outer.html" %}
 
+{% set title="Unsubscribed" %}
+
 {% block content %}
 <div class="content">
 	<div class="layout-wrapper layout-main">