diff --git a/content/assets/stylesheets/_footer.scss b/content/assets/stylesheets/_footer.scss
new file mode 100644
index 00000000..278a2b11
--- /dev/null
+++ b/content/assets/stylesheets/_footer.scss
@@ -0,0 +1,12 @@
+footer {
+  background-color: #2E2F3A;
+  h2 {
+    color: rgba(255, 255, 255, 0.9);
+  }
+  .container {
+    padding: 1.25em 4.25em;
+  }
+  a {
+    color: #919595;
+  }
+}
diff --git a/content/assets/stylesheets/application.scss b/content/assets/stylesheets/application.scss
index db253e84..386f7421 100644
--- a/content/assets/stylesheets/application.scss
+++ b/content/assets/stylesheets/application.scss
@@ -9,3 +9,4 @@
 @import "jumbotron";
 @import "navbar";
 @import "panels";
+@import "footer";
diff --git a/layouts/footer.html b/layouts/footer.html
new file mode 100644
index 00000000..251e54f4
--- /dev/null
+++ b/layouts/footer.html
@@ -0,0 +1,12 @@
+<footer id="footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-6">
+        <h2>Questions?</h4>
+        <p>
+          <a href="mailto:apisupport@bookingsync.com">Ask our API support team</a>
+        </p>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/layouts/guides.html b/layouts/guides.html
index 852c7351..1333caee 100644
--- a/layouts/guides.html
+++ b/layouts/guides.html
@@ -25,5 +25,6 @@
       </div>
     </div>
   </div>
+  <%= render 'footer' %>
 </div>
 <%= render 'foot' %>
diff --git a/layouts/reference.html b/layouts/reference.html
index 0b8a113b..5ac57f64 100644
--- a/layouts/reference.html
+++ b/layouts/reference.html
@@ -120,5 +120,6 @@ <h3 class="panel-title">Deprecated APIs</h3>
       </div>
     </div>
   </div>
+  <%= render 'footer' %>
 </div>
 <%= render 'foot' %>