diff --git a/Rakefile b/Rakefile
index 0afc3d0b6e7472ff60755cfb4b08adc3395f7af1..8d503f4dfdc0b91a5ebc932d73effaab2533527b 100644
--- a/Rakefile
+++ b/Rakefile
@@ -72,9 +72,11 @@ end
 desc "Run JSDuck on ExtJS SDK for export"
 task :export do
   load_sdk_vars
+  rev = `git rev-parse HEAD`.slice(0, 7)
 
   run_jsduck([
     "--title", "Ext JS 4.0.3 API Documentation",
+    "--footer", "ExtJS 4.0.3 Documentation from Sencha. Generated with <a href='https://github.com/nene/jsduck'>JSDuck</a> revison #{rev}",
     "--extjs-path", "extjs/ext-all.js",
     "#{SDK_DIR}/extjs/src",
     "#{SDK_DIR}/platform/src",
@@ -92,6 +94,7 @@ end
 desc "Run JSDuck on ExtJS SDK for export"
 task :live_docs do
   load_sdk_vars
+  rev = `git rev-parse HEAD`.slice(0, 7)
 
   analytics = <<-EOHTML
     <script type="text/javascript">
@@ -128,6 +131,7 @@ task :live_docs do
 
   run_jsduck([
     "--title", "Ext JS 4.0.3 API Documentation",
+    "--footer", "ExtJS 4.0.3 Documentation from Sencha. Generated with <a href='https://github.com/nene/jsduck'>JSDuck</a> revison #{rev}",
     "--extjs-path", "extjs/ext-all.js",
     "--append-html", analytics,
     "#{SDK_DIR}/extjs/src",
diff --git a/bin/jsduck b/bin/jsduck
index 6b463f87717ae5e93722edcdcaf17ac98e21bd4d..6e78dbc687aab36d5f45a8ed8c8b6d667ce39564 100755
--- a/bin/jsduck
+++ b/bin/jsduck
@@ -44,6 +44,10 @@ opts = OptionParser.new do | opts |
     app.extjs_path = path
   end
 
+  opts.on('--footer=TEXT', "Custom footer text for the documentation app.", " ") do |text|
+    app.footer = text
+  end
+
   opts.on('--guides=PATH', "Path to guides directory.",
     "Each subdirectory of that is treated as a guide",
     "and is expectd to contain a REAME.md file,",
diff --git a/lib/jsduck/app.rb b/lib/jsduck/app.rb
index 9b92cd73bf01571bc1efec33b7ab596de6c86c86..30dc6eb0d74b46a7f5ec448e9ae59b3c1bab9d31 100644
--- a/lib/jsduck/app.rb
+++ b/lib/jsduck/app.rb
@@ -33,6 +33,7 @@ module JsDuck
     attr_accessor :external_classes
     attr_accessor :show_private_classes
     attr_accessor :title
+    attr_accessor :footer
     attr_accessor :extjs_path
     attr_accessor :append_html
 
@@ -50,6 +51,7 @@ module JsDuck
       @external_classes = []
       @show_private_classes = false
       @title = "Ext JS API Documentation"
+      @footer = 'Generated with <a href="https://github.com/nene/jsduck">JSDuck</a>.'
       @extjs_path = "extjs/ext-all-debug.js"
       @append_html = ""
       @timer = Timer.new
@@ -321,6 +323,7 @@ module JsDuck
       Logger.instance.log("Creating #{dir}/index.html...")
       html = IO.read(template_dir+"/index.html")
       html.gsub!("{title}", @title)
+      html.gsub!("{footer}", @footer)
       html.gsub!("{extjs_path}", @extjs_path)
       html.gsub!("{append_html}", @append_html)
       FileUtils.rm(dir+"/index.html")
diff --git a/template/app/view/Viewport.js b/template/app/view/Viewport.js
index f90870012c85c765b61c0406cdf60138ea8e1e30..f49173f19313fc0211c3e0833f84879409e688b7 100644
--- a/template/app/view/Viewport.js
+++ b/template/app/view/Viewport.js
@@ -103,6 +103,12 @@ Ext.define('Docs.view.Viewport', {
                         }
                     ]
                 }
+            },
+            {
+                region: 'south',
+                id: 'footer',
+                contentEl: 'footer-content',
+                height: 15
             }
         ];
 
diff --git a/template/index.html b/template/index.html
index 13d6365a543ee01c06c0d41bbfe2d6594d2e77d2..346cf9f9a607a29ed2f98cf28ce2d7fdcc566b76 100644
--- a/template/index.html
+++ b/template/index.html
@@ -4,7 +4,7 @@
   <title>{title}</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
-	<link rel="canonical" href="http://docs.sencha.com/ext-js/4-0/"/>
+  <link rel="canonical" href="http://docs.sencha.com/ext-js/4-0/"/>
   <link rel="stylesheet" href="resources/css/reset.css" type="text/css" />
   <link rel="stylesheet" href="resources/css/docs-ext.css" type="text/css" />
   <link rel="stylesheet" href="resources/css/scrollbars.css" type="text/css" />
@@ -35,6 +35,7 @@
         <input type="hidden" id="x-history-field" />
         <iframe id="x-history-frame"></iframe>
     </form>
+    <div id="footer-content" style="display: none">{footer}</div>
     {append_html}
 </body>
 </html>
diff --git a/template/resources/sass/viewport.scss b/template/resources/sass/viewport.scss
index a2fec85f7528b8e71c98f84e80c00c6f3a583722..a6e6ca70baf5e0d57fe5e34fd1c37927afe7e016 100644
--- a/template/resources/sass/viewport.scss
+++ b/template/resources/sass/viewport.scss
@@ -196,8 +196,20 @@ a:hover {
 #center-container, #west-region-container {
   background: #F8F8F8 url(../images/headBG.png) repeat-x; }
 
+#footer {
+  background: #F8F8F8;
+  color: gray;
+  text-align: right;
+  font-size: 10px;
+  padding-right: 40px;
+  // The footer-content div is initially hidden on page to prevent it
+  // being visible while loading-screen is shown.  Only after the div is
+  // brought inside footer component, make it visible.
+  #footer-content {
+    display: block !important; } }
+
 #center-container {
-  padding: 20px;
+  padding: 20px 20px 5px 20px;
 
   h1 {
     font-family: "klavika-web-1", "klavika-web-2", sans-serif;