diff --git a/foundation/templates/includes/footer/footer.html b/foundation/templates/includes/footer/footer.html
index 3e4cb2db..60e8509e 100644
--- a/foundation/templates/includes/footer/footer.html
+++ b/foundation/templates/includes/footer/footer.html
@@ -1,4 +1,4 @@
-<footer class="section-padding dark-bg">
+<footer class=" section-padding dark-bg">
 	<div class="container">
 		<div class="columns text-left clearfix">
 			<div class="column footer-brand">
@@ -8,10 +8,14 @@
 						Content licensed under <a class="footer-link" href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank"> CC-BY-SA 3.0</a> | <a href="/terms" class="footer-link">Terms of use</a>.</p>
 				</div>
 				<div class="bottom-spacer">
-					<p class="text-muted footer-email-title">Stay Updated</p>
 					<div class="inline-block">
-						<label class="footer-email"><input class="footer-email-input dark-bg" type="email" placeholder="Your email address"></label>
-						<a href="" class="button button-dark">Subscribe</a>
+						<form class="js-subscribe-form">
+							<label class="footer-email">
+								<input class="footer-email-input dark-bg"
+								name="email" type="email" placeholder="Your email address">
+							</label>
+							<button type="submit" class="button button-dark">Subscribe</button>
+						</form>
 					</div>
 				</div>
 			</div>
@@ -128,18 +132,22 @@
 					</li>
 				</ul>
 			</div>
+		</div>
 		<script type="text/javascript">
 			frappe.ready(function() {
 				var d = new Date();
 				var currentYear = d.getFullYear();
 				$("#year").text(currentYear);
+
 				$('.js-subscribe-form').on('submit', function(e) {
 					e.preventDefault();
 					const form = this;
 					const formdata = new FormData(this);
 					const email = formdata.get('email');
+
 					const input = $(form).find('input');
 					const button = $(form).find('button');
+
 					erpnext.subscribe_to_newsletter({
 						email,
 						callback(r) {