diff --git a/billard/static/billard/css/billard.css b/billard/static/billard/css/billard.css
index f8dc0ad..cab8e60 100644
--- a/billard/static/billard/css/billard.css
+++ b/billard/static/billard/css/billard.css
@@ -1,3 +1,21 @@
-body {
-    padding-top: 60px;
+body > .container {
+  padding: 60px 15px 0;
+}
+
+.container .text-muted {
+  margin: 20px 0;
+}
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  /* Set the fixed height of the footer here */
+  height: 60px;
+  background-color: #f5f5f5;
+}
+
+.footer > .container {
+  padding-right: 15px;
+  padding-left: 15px;
 }
diff --git a/billard/templates/billard/base.html b/billard/templates/billard/base.html
index acdac27..f01eb7d 100644
--- a/billard/templates/billard/base.html
+++ b/billard/templates/billard/base.html
@@ -51,6 +51,11 @@
 {% block content %}
 {% endblock %}
     </div><!-- /.container -->
+    <footer class="footer">
+      <div class="container">
+        <p class="text-muted">carom version 0.0.1</p>
+      </div>
+    </footer>
     <script src="{% static 'billard/js/jquery-1.12.4.min.js' %}"></script>
     <script src="{% static 'billard/js/bootstrap.min.js' %}"></script>
     <script src="{% static 'billard/js/carom.js' %}"></script>