From a172918f23ca8dc260880508c2ed113c6ba3efbb Mon Sep 17 00:00:00 2001
From: christianesperar <christianesperar@gmail.com>
Date: Wed, 20 Apr 2016 19:33:21 +0800
Subject: [PATCH 1/2] Make morris.js responsive

---
 production/css/custom.css      |  5 ---
 production/index3.html         | 47 +++++++++++------------
 production/js/custom.js        | 17 +++++----
 production/js/moris/example.js | 69 +++++++++++++++++++---------------
 production/profile.html        | 56 ++++++++++-----------------
 5 files changed, 92 insertions(+), 102 deletions(-)

diff --git a/production/css/custom.css b/production/css/custom.css
index c6ded607a..818f53604 100755
--- a/production/css/custom.css
+++ b/production/css/custom.css
@@ -4234,17 +4234,12 @@ ul.project_files li a i {
 }
 .avatar-view {
   display: block;
-  height: 220px;
-  width: 220px;
   border: 3px solid #fff;
   border-radius: 5px;
   box-shadow: 0 0 5px rgba(0, 0, 0, .15);
   cursor: pointer;
   overflow: hidden;
 }
-.avatar-view img {
-  width: 100%;
-}
 .avatar-body {
   padding-right: 15px;
   padding-left: 15px;
diff --git a/production/index3.html b/production/index3.html
index 79402a933..4697c49b1 100755
--- a/production/index3.html
+++ b/production/index3.html
@@ -869,8 +869,9 @@ <h2>Incomes <small>Sessions</small></h2>
                       <h4>Goal</h4>
                       <canvas width="150" height="80" id="foo2" class="" style="width: 160px; height: 100px;"></canvas>
                       <div class="goal-wrapper">
+                        <span class="gauge-value pull-left">$</span>
                         <span id="gauge-text2" class="gauge-value pull-left">3,200</span>
-                        <span id="goal-text2" class="goal-value pull-right">5,000</span>
+                        <span id="goal-text2" class="goal-value pull-right">$5,000</span>
                       </div>
                     </div>
                   </div>
@@ -879,6 +880,7 @@ <h4>Goal</h4>
             </div>
           </div>
         </div>
+      </div>
 
         <!-- footer content -->
         <footer>
@@ -1143,39 +1145,38 @@ <h4>Goal</h4>
   <!-- moris js -->
   <script src="js/moris/raphael-min.js"></script>
   <script src="js/moris/morris.min.js"></script>
+  
   <script>
     $(function() {
-      var day_data = [{
-        "period": "Jan",
-        "Hours worked": 80
-      }, {
-        "period": "Feb",
-        "Hours worked": 125
-      }, {
-        "period": "Mar",
-        "Hours worked": 176
-      }, {
-        "period": "Apr",
-        "Hours worked": 224
-      }, {
-        "period": "May",
-        "Hours worked": 265
-      }, {
-        "period": "Jun",
-        "Hours worked": 314
-      }];
       Morris.Bar({
         element: 'graph_bar',
-        data: day_data,
-        hideHover: 'always',
+        data: [
+          { "period": "Jan", "Hours worked": 80 }, 
+          { "period": "Feb", "Hours worked": 125 }, 
+          { "period": "Mar", "Hours worked": 176 }, 
+          { "period": "Apr", "Hours worked": 224 }, 
+          { "period": "May", "Hours worked": 265 }, 
+          { "period": "Jun", "Hours worked": 314 }, 
+          { "period": "Jul", "Hours worked": 347 }, 
+          { "period": "Aug", "Hours worked": 287 }, 
+          { "period": "Sep", "Hours worked": 240 }, 
+          { "period": "Oct", "Hours worked": 211 }
+        ],
         xkey: 'period',
+        hideHover: 'auto',
         barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
         ykeys: ['Hours worked', 'sorned'],
         labels: ['Hours worked', 'SORN'],
-        xLabelAngle: 60
+        xLabelAngle: 60,
+        resize: true
+      });
+
+      $MENU_TOGGLE.on('click', function() {
+        $(window).resize();
       });
     });
   </script>
+
   <!-- skycons -->
   <script>
     var icons = new Skycons({
diff --git a/production/js/custom.js b/production/js/custom.js
index 4acfdfee3..a7487ff0f 100755
--- a/production/js/custom.js
+++ b/production/js/custom.js
@@ -4,15 +4,18 @@
  * and open the template in the editor.
  */
 
+var URL = window.location,
+    $BODY = $('body'),
+    $MENU_TOGGLE = $('#menu_toggle'),
+    $SIDEBAR_MENU = $('#sidebar-menu'),
+    $SIDEBAR_FOOTER = $('.sidebar-footer'),
+    $LEFT_COL = $('.left_col'),
+    $RIGHT_COL = $('.right_col'),
+    $NAV_MENU = $('.nav_menu'),
+    $FOOTER = $('footer');
+
 // Sidebar
 $(function () {
-    var URL = window.location,
-        $BODY = $('body'),
-        $SIDEBAR_MENU = $('#sidebar-menu'),
-        $MENU_TOGGLE = $('#menu_toggle');
-        $SIDEBAR_FOOTER = $('.sidebar-footer');
-        $LEFT_COL = $('.left_col');
-
     $SIDEBAR_MENU.find('li ul').slideUp();
     $SIDEBAR_MENU.find('li').removeClass('active');
 
diff --git a/production/js/moris/example.js b/production/js/moris/example.js
index 1941cad73..2c20789a2 100755
--- a/production/js/moris/example.js
+++ b/production/js/moris/example.js
@@ -1,29 +1,5 @@
 $(function () {
 
-    /* data stolen from http://howmanyleft.co.uk/vehicle/jaguar_'e'_type */
-    var day_data = [
-        {"period": "2016-10-01", "licensed": 807, "sorned": 660},
-        {"period": "2016-09-30", "licensed": 1251, "sorned": 729},
-        {"period": "2016-09-29", "licensed": 1769, "sorned": 1018},
-        {"period": "2016-09-20", "licensed": 2246, "sorned": 1461},
-        {"period": "2016-09-19", "licensed": 2657, "sorned": 1967},
-        {"period": "2016-09-18", "licensed": 3148, "sorned": 2627},
-        {"period": "2016-09-17", "licensed": 3471, "sorned": 3740},
-        {"period": "2016-09-16", "licensed": 2871, "sorned": 2216},
-        {"period": "2016-09-15", "licensed": 2401, "sorned": 1656},
-        {"period": "2016-09-10", "licensed": 2115, "sorned": 1022}
-    ];
-    Morris.Bar({
-        element: 'graph_bar_group',
-        data: day_data,
-        xkey: 'period',
-        barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
-        ykeys: ['licensed', 'sorned'],
-        labels: ['Licensed', 'SORN'],
-        hideHover: 'auto',
-        xLabelAngle: 60
-    });
-
     Morris.Bar({
         element: 'graph_bar',
         data: [
@@ -44,7 +20,31 @@ $(function () {
         barRatio: 0.4,
         barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
         xLabelAngle: 35,
-        hideHover: 'auto'
+        hideHover: 'auto',
+        resize: true
+    });
+
+    Morris.Bar({
+        element: 'graph_bar_group',
+        data: [
+            {"period": "2016-10-01", "licensed": 807, "sorned": 660},
+            {"period": "2016-09-30", "licensed": 1251, "sorned": 729},
+            {"period": "2016-09-29", "licensed": 1769, "sorned": 1018},
+            {"period": "2016-09-20", "licensed": 2246, "sorned": 1461},
+            {"period": "2016-09-19", "licensed": 2657, "sorned": 1967},
+            {"period": "2016-09-18", "licensed": 3148, "sorned": 2627},
+            {"period": "2016-09-17", "licensed": 3471, "sorned": 3740},
+            {"period": "2016-09-16", "licensed": 2871, "sorned": 2216},
+            {"period": "2016-09-15", "licensed": 2401, "sorned": 1656},
+            {"period": "2016-09-10", "licensed": 2115, "sorned": 1022}
+        ],
+        xkey: 'period',
+        barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
+        ykeys: ['licensed', 'sorned'],
+        labels: ['Licensed', 'SORN'],
+        hideHover: 'auto',
+        xLabelAngle: 60,
+        resize: true
     });
 
     Morris.Bar({
@@ -59,7 +59,8 @@ $(function () {
         ykeys: ['y', 'z', 'a'],
         barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
         hideHover: 'auto',
-        labels: ['Y', 'Z', 'A']
+        labels: ['Y', 'Z', 'A'],
+        resize: true
     }).on('click', function (i, row) {
         console.log(i, row);
     });
@@ -83,7 +84,8 @@ $(function () {
         lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
         labels: ['iPhone', 'iPad', 'iPod Touch'],
         pointSize: 2,
-        hideHover: 'auto'
+        hideHover: 'auto',
+        resize: true
     });
 
 
@@ -97,11 +99,12 @@ $(function () {
         ],
         colors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
         formatter: function (y) {
-            return y + "%"
-        }
+            return y + "%";
+        },
+        resize: true
     });
 
-    new Morris.Line({
+    Morris.Line({
         element: 'graph_line',
         xkey: 'year',
         ykeys: ['value'],
@@ -114,7 +117,11 @@ $(function () {
             {year: '2014', value: 5},
             {year: '2015', value: 5},
             {year: '2016', value: 20}
-        ]
+        ],
+        resize: true
     });
 
+    $MENU_TOGGLE.on('click', function() {
+        $(window).resize();
+    });
 });
diff --git a/production/profile.html b/production/profile.html
index cfae25c7b..4d1cd029e 100755
--- a/production/profile.html
+++ b/production/profile.html
@@ -368,9 +368,7 @@ <h2>User Report <small>Activity report</small></h2>
                       <!-- end of image cropping -->
                       <div id="crop-avatar">
                         <!-- Current avatar -->
-                        <div class="avatar-view" title="Change the avatar">
-                          <img src="images/picture.jpg" alt="Avatar">
-                        </div>
+                        <img class="img-responsive avatar-view" src="images/picture.jpg" alt="Avatar" title="Change the avatar">
 
                         <!-- Cropping modal -->
                         <div class="modal fade" id="avatar-modal" aria-hidden="true" aria-labelledby="avatar-modal-label" role="dialog" tabindex="-1">
@@ -717,49 +715,35 @@ <h4 class="heading">Brian Michaels</h4>
 
   <script>
     $(function() {
-      var day_data = [{
-        "period": "Jan",
-        "Hours worked": 80
-      }, {
-        "period": "Feb",
-        "Hours worked": 125
-      }, {
-        "period": "Mar",
-        "Hours worked": 176
-      }, {
-        "period": "Apr",
-        "Hours worked": 224
-      }, {
-        "period": "May",
-        "Hours worked": 265
-      }, {
-        "period": "Jun",
-        "Hours worked": 314
-      }, {
-        "period": "Jul",
-        "Hours worked": 347
-      }, {
-        "period": "Aug",
-        "Hours worked": 287
-      }, {
-        "period": "Sep",
-        "Hours worked": 240
-      }, {
-        "period": "Oct",
-        "Hours worked": 211
-      }];
       Morris.Bar({
         element: 'graph_bar',
-        data: day_data,
+        data: [
+          { "period": "Jan", "Hours worked": 80 }, 
+          { "period": "Feb", "Hours worked": 125 }, 
+          { "period": "Mar", "Hours worked": 176 }, 
+          { "period": "Apr", "Hours worked": 224 }, 
+          { "period": "May", "Hours worked": 265 }, 
+          { "period": "Jun", "Hours worked": 314 }, 
+          { "period": "Jul", "Hours worked": 347 }, 
+          { "period": "Aug", "Hours worked": 287 }, 
+          { "period": "Sep", "Hours worked": 240 }, 
+          { "period": "Oct", "Hours worked": 211 }
+        ],
         xkey: 'period',
         hideHover: 'auto',
         barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
         ykeys: ['Hours worked', 'sorned'],
         labels: ['Hours worked', 'SORN'],
-        xLabelAngle: 60
+        xLabelAngle: 60,
+        resize: true
+      });
+
+      $MENU_TOGGLE.on('click', function() {
+        $(window).resize();
       });
     });
   </script>
+
   <!-- datepicker -->
   <script type="text/javascript">
     $(document).ready(function() {

From d52f463bb0bd5950e0bee09e8344d27c7887e4b5 Mon Sep 17 00:00:00 2001
From: christianesperar <christianesperar@gmail.com>
Date: Wed, 20 Apr 2016 20:20:50 +0800
Subject: [PATCH 2/2] Make footer fix on bottom

---
 production/calendar.html         | 149 ++++---
 production/chartjs.html          |  21 +-
 production/chartjs2.html         |  21 +-
 production/contacts.html         |  84 ++--
 production/css/custom.css        |   9 +-
 production/e_commerce.html       |  20 +-
 production/echarts.html          |  24 +-
 production/empty.html            |  20 +-
 production/form.html             |  20 +-
 production/form_advanced.html    |  19 +-
 production/form_buttons.html     |  21 +-
 production/form_upload.html      |  22 +-
 production/form_validation.html  |  21 +-
 production/form_wizards.html     |  24 +-
 production/general_elements.html |  69 ++--
 production/glyphicons.html       |  23 +-
 production/icons.html            |  24 +-
 production/inbox.html            |  20 +-
 production/index.html            |  66 +--
 production/index2.html           |  21 +-
 production/index3.html           |  22 +-
 production/invoice.html          |  20 +-
 production/js/custom.js          |  80 +++-
 production/map.html              |   1 +
 production/media_gallery.html    |  20 +-
 production/morisjs.html          |  21 +-
 production/other_charts.html     |  19 +-
 production/page_404.html         |   5 -
 production/page_500.html         |   5 -
 production/plain_page.html       | 663 +++++++++++++++----------------
 production/pricing_tables.html   |  21 +-
 production/profile.html          |  20 +-
 production/project_detail.html   |  20 +-
 production/projects.html         |  20 +-
 production/sign_up.html          |  24 +-
 production/tables.html           |  19 +-
 production/tables_dynamic.html   |  19 +-
 production/typography.html       |  22 +-
 production/widgets.html          |  19 +-
 39 files changed, 831 insertions(+), 907 deletions(-)

diff --git a/production/calendar.html b/production/calendar.html
index 0caf55eb8..82d2a201b 100755
--- a/production/calendar.html
+++ b/production/calendar.html
@@ -369,98 +369,95 @@ <h2>Calendar Events <small>Sessions</small></h2>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
+      <!-- /page content -->
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
+  </div>
 
-      <!-- Start Calendar modal -->
-      <div id="CalenderModalNew" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-        <div class="modal-dialog">
-          <div class="modal-content">
+  <!-- Start Calendar modal -->
+  <div id="CalenderModalNew" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
 
-            <div class="modal-header">
-              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-              <h4 class="modal-title" id="myModalLabel">New Calendar Entry</h4>
-            </div>
-            <div class="modal-body">
-              <div id="testmodal" style="padding: 5px 20px;">
-                <form id="antoform" class="form-horizontal calender" role="form">
-                  <div class="form-group">
-                    <label class="col-sm-3 control-label">Title</label>
-                    <div class="col-sm-9">
-                      <input type="text" class="form-control" id="title" name="title">
-                    </div>
-                  </div>
-                  <div class="form-group">
-                    <label class="col-sm-3 control-label">Description</label>
-                    <div class="col-sm-9">
-                      <textarea class="form-control" style="height:55px;" id="descr" name="descr"></textarea>
-                    </div>
-                  </div>
-                </form>
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+          <h4 class="modal-title" id="myModalLabel">New Calendar Entry</h4>
+        </div>
+        <div class="modal-body">
+          <div id="testmodal" style="padding: 5px 20px;">
+            <form id="antoform" class="form-horizontal calender" role="form">
+              <div class="form-group">
+                <label class="col-sm-3 control-label">Title</label>
+                <div class="col-sm-9">
+                  <input type="text" class="form-control" id="title" name="title">
+                </div>
               </div>
-            </div>
-            <div class="modal-footer">
-              <button type="button" class="btn btn-default antoclose" data-dismiss="modal">Close</button>
-              <button type="button" class="btn btn-primary antosubmit">Save changes</button>
-            </div>
+              <div class="form-group">
+                <label class="col-sm-3 control-label">Description</label>
+                <div class="col-sm-9">
+                  <textarea class="form-control" style="height:55px;" id="descr" name="descr"></textarea>
+                </div>
+              </div>
+            </form>
           </div>
         </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default antoclose" data-dismiss="modal">Close</button>
+          <button type="button" class="btn btn-primary antosubmit">Save changes</button>
+        </div>
       </div>
-      <div id="CalenderModalEdit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-        <div class="modal-dialog">
-          <div class="modal-content">
-
-            <div class="modal-header">
-              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-              <h4 class="modal-title" id="myModalLabel2">Edit Calendar Entry</h4>
-            </div>
-            <div class="modal-body">
-
-              <div id="testmodal2" style="padding: 5px 20px;">
-                <form id="antoform2" class="form-horizontal calender" role="form">
-                  <div class="form-group">
-                    <label class="col-sm-3 control-label">Title</label>
-                    <div class="col-sm-9">
-                      <input type="text" class="form-control" id="title2" name="title2">
-                    </div>
-                  </div>
-                  <div class="form-group">
-                    <label class="col-sm-3 control-label">Description</label>
-                    <div class="col-sm-9">
-                      <textarea class="form-control" style="height:55px;" id="descr2" name="descr"></textarea>
-                    </div>
-                  </div>
+    </div>
+  </div>
+  <div id="CalenderModalEdit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
 
-                </form>
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+          <h4 class="modal-title" id="myModalLabel2">Edit Calendar Entry</h4>
+        </div>
+        <div class="modal-body">
+
+          <div id="testmodal2" style="padding: 5px 20px;">
+            <form id="antoform2" class="form-horizontal calender" role="form">
+              <div class="form-group">
+                <label class="col-sm-3 control-label">Title</label>
+                <div class="col-sm-9">
+                  <input type="text" class="form-control" id="title2" name="title2">
+                </div>
               </div>
-            </div>
-            <div class="modal-footer">
-              <button type="button" class="btn btn-default antoclose2" data-dismiss="modal">Close</button>
-              <button type="button" class="btn btn-primary antosubmit2">Save changes</button>
-            </div>
+              <div class="form-group">
+                <label class="col-sm-3 control-label">Description</label>
+                <div class="col-sm-9">
+                  <textarea class="form-control" style="height:55px;" id="descr2" name="descr"></textarea>
+                </div>
+              </div>
+
+            </form>
           </div>
         </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default antoclose2" data-dismiss="modal">Close</button>
+          <button type="button" class="btn btn-primary antosubmit2">Save changes</button>
+        </div>
       </div>
-
-      <div id="fc_create" data-toggle="modal" data-target="#CalenderModalNew"></div>
-      <div id="fc_edit" data-toggle="modal" data-target="#CalenderModalEdit"></div>
-
-      <!-- End Calendar modal -->
-      <!-- /page content -->
     </div>
-
   </div>
 
+  <div id="fc_create" data-toggle="modal" data-target="#CalenderModalNew"></div>
+  <div id="fc_edit" data-toggle="modal" data-target="#CalenderModalEdit"></div>
+
+  <!-- End Calendar modal -->
+      
   <div id="custom_notifications" class="custom-notifications dsp_none">
     <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
     </ul>
diff --git a/production/chartjs.html b/production/chartjs.html
index bd7768d5b..86f032ae9 100755
--- a/production/chartjs.html
+++ b/production/chartjs.html
@@ -501,23 +501,20 @@ <h2>Pie Area Graph <small>Sessions</small></h2>
                 </div>
               </div>
             </div>
-
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/chartjs2.html b/production/chartjs2.html
index 9458a6144..ea7eea527 100755
--- a/production/chartjs2.html
+++ b/production/chartjs2.html
@@ -493,25 +493,22 @@ <h2>Pie Chart Graph <small>Sessions</small></h2>
                 </div>
               </div>
             </div>
-
           </div>
           <div class="clearfix"></div>
           <br />
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/contacts.html b/production/contacts.html
index fa56bfea1..b01911c4d 100755
--- a/production/contacts.html
+++ b/production/contacts.html
@@ -360,7 +360,7 @@ <h3>Contacts Design</h3>
                     <div class="clearfix"></div>
 
 
-                    <div class="col-md-4 col-sm-4 col-xs-12 animated fadeInDown">
+                    <div class="col-md-4 col-sm-4 col-xs-12">
                       <div class="well profile_view">
                         <div class="col-sm-12">
                           <h4 class="brief"><i>Digital Strategist</i></h4>
@@ -391,14 +391,15 @@ <h2>Nicole Pearson</h2>
                           <div class="col-xs-12 col-sm-6 emphasis">
                             <button type="button" class="btn btn-success btn-xs"> <i class="fa fa-user">
                                                             </i> <i class="fa fa-comments-o"></i> </button>
-                            <button type="button" class="btn btn-primary btn-xs"> <i class="fa fa-user">
-                                                            </i> View Profile </button>
+                            <button type="button" class="btn btn-primary btn-xs">
+                              <i class="fa fa-user"> </i> View Profile
+                            </button>
                           </div>
                         </div>
                       </div>
                     </div>
 
-                    <div class="col-md-4 col-sm-4 col-xs-12 animated fadeInDown">
+                    <div class="col-md-4 col-sm-4 col-xs-12">
                       <div class="well profile_view">
                         <div class="col-sm-12">
                           <h4 class="brief"><i>Digital Strategist</i></h4>
@@ -429,14 +430,15 @@ <h2>Nicole Pearson</h2>
                           <div class="col-xs-12 col-sm-6 emphasis">
                             <button type="button" class="btn btn-success btn-xs"> <i class="fa fa-user">
                                                             </i> <i class="fa fa-comments-o"></i> </button>
-                            <button type="button" class="btn btn-primary btn-xs"> <i class="fa fa-user">
-                                                            </i> View Profile </button>
+                            <button type="button" class="btn btn-primary btn-xs">
+                              <i class="fa fa-user"> </i> View Profile
+                            </button>
                           </div>
                         </div>
                       </div>
                     </div>
 
-                    <div class="col-md-4 col-sm-4 col-xs-12 animated fadeInDown">
+                    <div class="col-md-4 col-sm-4 col-xs-12">
                       <div class="well profile_view">
                         <div class="col-sm-12">
                           <h4 class="brief"><i>Digital Strategist</i></h4>
@@ -467,14 +469,15 @@ <h2>Nicole Pearson</h2>
                           <div class="col-xs-12 col-sm-6 emphasis">
                             <button type="button" class="btn btn-success btn-xs"> <i class="fa fa-user">
                                                             </i> <i class="fa fa-comments-o"></i> </button>
-                            <button type="button" class="btn btn-primary btn-xs"> <i class="fa fa-user">
-                                                            </i> View Profile </button>
+                            <button type="button" class="btn btn-primary btn-xs">
+                              <i class="fa fa-user"> </i> View Profile
+                            </button>
                           </div>
                         </div>
                       </div>
                     </div>
 
-                    <div class="col-md-4 col-sm-4 col-xs-12 animated fadeInDown">
+                    <div class="col-md-4 col-sm-4 col-xs-12">
                       <div class="well profile_view">
                         <div class="col-sm-12">
                           <h4 class="brief"><i>Digital Strategist</i></h4>
@@ -505,14 +508,15 @@ <h2>Nicole Pearson</h2>
                           <div class="col-xs-12 col-sm-6 emphasis">
                             <button type="button" class="btn btn-success btn-xs"> <i class="fa fa-user">
                                                             </i> <i class="fa fa-comments-o"></i> </button>
-                            <button type="button" class="btn btn-primary btn-xs"> <i class="fa fa-user">
-                                                            </i> View Profile </button>
+                            <button type="button" class="btn btn-primary btn-xs">
+                              <i class="fa fa-user"> </i> View Profile
+                            </button>
                           </div>
                         </div>
                       </div>
                     </div>
 
-                    <div class="col-md-4 col-sm-4 col-xs-12 animated fadeInDown">
+                    <div class="col-md-4 col-sm-4 col-xs-12">
                       <div class="well profile_view">
                         <div class="col-sm-12">
                           <h4 class="brief"><i>Digital Strategist</i></h4>
@@ -543,14 +547,15 @@ <h2>Nicole Pearson</h2>
                           <div class="col-xs-12 col-sm-6 emphasis">
                             <button type="button" class="btn btn-success btn-xs"> <i class="fa fa-user">
                                                             </i> <i class="fa fa-comments-o"></i> </button>
-                            <button type="button" class="btn btn-primary btn-xs"> <i class="fa fa-user">
-                                                            </i> View Profile </button>
+                            <button type="button" class="btn btn-primary btn-xs">
+                              <i class="fa fa-user"> </i> View Profile
+                            </button>
                           </div>
                         </div>
                       </div>
                     </div>
 
-                    <div class="col-md-4 col-sm-4 col-xs-12 animated fadeInDown">
+                    <div class="col-md-4 col-sm-4 col-xs-12">
                       <div class="well profile_view">
                         <div class="col-sm-12">
                           <h4 class="brief"><i>Digital Strategist</i></h4>
@@ -581,14 +586,15 @@ <h2>Nicole Pearson</h2>
                           <div class="col-xs-12 col-sm-6 emphasis">
                             <button type="button" class="btn btn-success btn-xs"> <i class="fa fa-user">
                                                             </i> <i class="fa fa-comments-o"></i> </button>
-                            <button type="button" class="btn btn-primary btn-xs"> <i class="fa fa-user">
-                                                            </i> View Profile </button>
+                            <button type="button" class="btn btn-primary btn-xs">
+                              <i class="fa fa-user"> </i> View Profile
+                            </button>
                           </div>
                         </div>
                       </div>
                     </div>
 
-                    <div class="col-md-4 col-sm-4 col-xs-12 animated fadeInDown">
+                    <div class="col-md-4 col-sm-4 col-xs-12">
                       <div class="well profile_view">
                         <div class="col-sm-12">
                           <h4 class="brief"><i>Digital Strategist</i></h4>
@@ -619,14 +625,15 @@ <h2>Nicole Pearson</h2>
                           <div class="col-xs-12 col-sm-6 emphasis">
                             <button type="button" class="btn btn-success btn-xs"> <i class="fa fa-user">
                                                             </i> <i class="fa fa-comments-o"></i> </button>
-                            <button type="button" class="btn btn-primary btn-xs"> <i class="fa fa-user">
-                                                            </i> View Profile </button>
+                            <button type="button" class="btn btn-primary btn-xs">
+                              <i class="fa fa-user"> </i> View Profile
+                            </button>
                           </div>
                         </div>
                       </div>
                     </div>
 
-                    <div class="col-md-4 col-sm-4 col-xs-12 animated fadeInDown">
+                    <div class="col-md-4 col-sm-4 col-xs-12">
                       <div class="well profile_view">
                         <div class="col-sm-12">
                           <h4 class="brief"><i>Digital Strategist</i></h4>
@@ -657,14 +664,15 @@ <h2>Nicole Pearson</h2>
                           <div class="col-xs-12 col-sm-6 emphasis">
                             <button type="button" class="btn btn-success btn-xs"> <i class="fa fa-user">
                                                             </i> <i class="fa fa-comments-o"></i> </button>
-                            <button type="button" class="btn btn-primary btn-xs"> <i class="fa fa-user">
-                                                            </i> View Profile </button>
+                            <button type="button" class="btn btn-primary btn-xs">
+                              <i class="fa fa-user"> </i> View Profile
+                            </button>
                           </div>
                         </div>
                       </div>
                     </div>
 
-                    <div class="col-md-4 col-sm-4 col-xs-12 animated fadeInDown">
+                    <div class="col-md-4 col-sm-4 col-xs-12">
                       <div class="well profile_view">
                         <div class="col-sm-12">
                           <h4 class="brief"><i>Digital Strategist</i></h4>
@@ -695,33 +703,31 @@ <h2>Nicole Pearson</h2>
                           <div class="col-xs-12 col-sm-6 emphasis">
                             <button type="button" class="btn btn-success btn-xs"> <i class="fa fa-user">
                                                             </i> <i class="fa fa-comments-o"></i> </button>
-                            <button type="button" class="btn btn-primary btn-xs"> <i class="fa fa-user">
-                                                            </i> View Profile </button>
+                            <button type="button" class="btn btn-primary btn-xs">
+                              <i class="fa fa-user"> </i> View Profile
+                            </button>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
-
                 </div>
               </div>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/css/custom.css b/production/css/custom.css
index 818f53604..75cc59925 100755
--- a/production/css/custom.css
+++ b/production/css/custom.css
@@ -1,7 +1,6 @@
 body.nav-sm .container.body .left_col {
   width: 70px;
   padding: 0;
-  height: 100%;
   z-index: 200;
   position: absolute;
 }
@@ -664,17 +663,19 @@ li.current-page a {
   display: block;
   padding: 4px 6px;
 }
-.x_content canvas {}
 footer {
   background: #fff;
   padding: 15px 20px;
-  margin: 0 -10px;
+  display: block;
 }
 @media (min-width: 768px) {
   footer {
-    margin: 0 -20px;
+    margin-left: 230px;
   }
 }
+.nav-sm footer {
+  margin-left: 70px ;  
+}
 .tile-stats.sparkline {
   padding: 10px;
   text-align: center;
diff --git a/production/e_commerce.html b/production/e_commerce.html
index 86498804f..0bfe316a4 100755
--- a/production/e_commerce.html
+++ b/production/e_commerce.html
@@ -494,20 +494,18 @@ <h1 class="price">Ksh80.00</h1>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/echarts.html b/production/echarts.html
index 44537e173..276761cf4 100755
--- a/production/echarts.html
+++ b/production/echarts.html
@@ -677,30 +677,24 @@ <h2>Guage</h2>
                   <div class="clearfix"></div>
                 </div>
                 <div class="x_content">
-
                   <div id="echart_guage" style="height:370px;"></div>
-
                 </div>
               </div>
             </div>
-
-
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/empty.html b/production/empty.html
index 06b052b3f..a47aa1a38 100644
--- a/production/empty.html
+++ b/production/empty.html
@@ -134,7 +134,7 @@ <h3>General</h3>
                         <div class="dashboard_graph">
 
                             <div class="row x_title">
-                                <div class="col-md-6">
+                                 <div class="col-md-6">
                                     <h3>Empty <small>no content</small></h3>
                                 </div>
                                 <div class="col-md-6">
@@ -152,20 +152,18 @@ <h3>Empty <small>no content</small></h3>
 
                 </div>
                 <br />
-
-                <!-- footer content -->
-                <footer>
-                    <div class="pull-right">
-                        Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-                    </div>
-                    <div class="clearfix"></div>
-                </footer>
-                <!-- /footer content -->
             </div>
             <!-- /page content -->
 
+            <!-- footer content -->
+            <footer>
+                <div class="pull-right">
+                    Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+                </div>
+                <div class="clearfix"></div>
+            </footer>
+            <!-- /footer content -->
         </div>
-
     </div>
 
     <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/form.html b/production/form.html
index 049cbf446..7856eb409 100755
--- a/production/form.html
+++ b/production/form.html
@@ -1373,22 +1373,20 @@ <h4>Inline Form </h4>
                 </div>
                 <button type="submit" class="btn btn-default">Send invitation</button>
               </form>
-
             </div>
           </div>
         </div>
-        <!-- /page content -->
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
       </div>
+      <!-- /page content -->
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
     </div>
   </div>
 
diff --git a/production/form_advanced.html b/production/form_advanced.html
index e4b719e88..c7bf14d03 100755
--- a/production/form_advanced.html
+++ b/production/form_advanced.html
@@ -1794,19 +1794,18 @@ <h4 class="modal-title" id="getDataURLTitle">Cropped</h4>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/form_buttons.html b/production/form_buttons.html
index 22eea710d..d18c24f41 100755
--- a/production/form_buttons.html
+++ b/production/form_buttons.html
@@ -773,24 +773,21 @@ <h2>Button Groups</h2>
                   </div>
                 </div>
               </div>
-
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/form_upload.html b/production/form_upload.html
index 1a0b1a94f..8c5222e72 100755
--- a/production/form_upload.html
+++ b/production/form_upload.html
@@ -361,10 +361,8 @@ <h2>Dropzone multiple file uploader</h2>
                   <div class="clearfix"></div>
                 </div>
                 <div class="x_content">
-
                   <p>Drag multiple files to the box below for multi upload or click to select files. This is for demonstration purposes only, the files are not uploaded to any server.</p>
                   <form action="choices/form_upload.html" class="dropzone" style="border: 1px solid #e5e5e5; height: 300px; "></form>
-
                   <br />
                   <br />
                   <br />
@@ -374,20 +372,18 @@ <h2>Dropzone multiple file uploader</h2>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/form_validation.html b/production/form_validation.html
index 8cb65c334..7f1376cca 100755
--- a/production/form_validation.html
+++ b/production/form_validation.html
@@ -446,26 +446,23 @@ <h2>Form validation <small>sub title</small></h2>
                       </div>
                     </div>
                   </form>
-
                 </div>
               </div>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/form_wizards.html b/production/form_wizards.html
index 53d9bc29f..8e6225d6a 100755
--- a/production/form_wizards.html
+++ b/production/form_wizards.html
@@ -618,30 +618,24 @@ <h2 class="StepTitle">Step 4 Content</h2>
                       </p>
                     </div>
                   </div>
-
                   <!-- End SmartWizard Content -->
-
-
                 </div>
               </div>
             </div>
-
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/general_elements.html b/production/general_elements.html
index 6c72a3f78..c8cb562fe 100755
--- a/production/general_elements.html
+++ b/production/general_elements.html
@@ -1587,80 +1587,77 @@ <h2>Daily active users <small>Sessions</small></h2>
                   <li>
                     <a>
                       <span class="image">
-                                    <img src="images/img.jpg" alt="img" />
-                                </span>
+                        <img src="images/img.jpg" alt="img" />
+                      </span>
                       <span>
-                                    <span>John Smith</span>
-                      <span class="time">3 mins ago</span>
+                        <span>John Smith</span>
+                        <span class="time">3 mins ago</span>
                       </span>
                       <span class="message">
-                                    Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that
-                                </span>
+                        Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that
+                      </span>
                     </a>
                   </li>
                   <li>
                     <a>
                       <span class="image">
-                                    <img src="images/img.jpg" alt="img" />
-                                </span>
+                        <img src="images/img.jpg" alt="img" />
+                      </span>
                       <span>
-                                    <span>John Smith</span>
-                      <span class="time">3 mins ago</span>
+                        <span>John Smith</span>
+                        <span class="time">3 mins ago</span>
                       </span>
                       <span class="message">
-                                    Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that
-                                </span>
+                        Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that
+                      </span>
                     </a>
                   </li>
                   <li>
                     <a>
                       <span class="image">
-                                    <img src="images/img.jpg" alt="img" />
-                                </span>
+                        <img src="images/img.jpg" alt="img" />
+                      </span>
                       <span>
-                                    <span>John Smith</span>
-                      <span class="time">3 mins ago</span>
+                        <span>John Smith</span>
+                        <span class="time">3 mins ago</span>
                       </span>
                       <span class="message">
-                                    Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that
-                                </span>
+                        Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that
+                      </span>
                     </a>
                   </li>
                   <li>
                     <a>
                       <span class="image">
-                                    <img src="images/img.jpg" alt="img" />
-                                </span>
+                        <img src="images/img.jpg" alt="img" />
+                      </span>
                       <span>
-                                    <span>John Smith</span>
-                      <span class="time">3 mins ago</span>
+                        <span>John Smith</span>
+                        <span class="time">3 mins ago</span>
                       </span>
                       <span class="message">
-                                    Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that
-                                </span>
+                        Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that
+                      </span>
                     </a>
                   </li>
                 </ul>
               </div>
             </div>
           </div>
-
         </div>
         <div class="clearfix"></div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/glyphicons.html b/production/glyphicons.html
index c13f274cd..d406facbb 100755
--- a/production/glyphicons.html
+++ b/production/glyphicons.html
@@ -1750,28 +1750,23 @@ <h2 id="glyphicons-examples">Examples</h2>
 <span class="nt">&lt;/div&gt;</span></code></pre>
                     </div>
                   </div>
-
-
-
                 </div>
               </div>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/icons.html b/production/icons.html
index a38b832c8..e00f34552 100755
--- a/production/icons.html
+++ b/production/icons.html
@@ -2358,31 +2358,25 @@ <h2 class="page-header">Medical Icons</h2>
 
                       <div class="fa-hover col-md-3 col-sm-4 col-xs-12"><a href="#/wheelchair"><i class="fa fa-wheelchair"></i> fa-wheelchair</a>
                       </div>
-
                     </div>
-
                   </section>
-
-
                 </div>
               </div>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <script src="js/bootstrap.min.js"></script>
diff --git a/production/inbox.html b/production/inbox.html
index 814d1d7c2..30426367b 100755
--- a/production/inbox.html
+++ b/production/inbox.html
@@ -564,20 +564,18 @@ <h4> Donec vitae leo at sem lobortis porttitor eu consequat risus. Mauris sed co
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/index.html b/production/index.html
index af45bca78..a964cb21f 100755
--- a/production/index.html
+++ b/production/index.html
@@ -921,8 +921,7 @@ <h2>To Do List <small>Sample tasks</small></h2>
                 </div>
               </div>
               <!-- End to do list -->
-
-
+              
               <!-- start of weather widget -->
               <div class="col-md-6 col-sm-6 col-xs-12">
                 <div class="x_panel">
@@ -950,25 +949,19 @@ <h2>Daily active users <small>Sessions</small></h2>
                       <div class="col-sm-12">
                         <div class="temperature"><b>Monday</b>, 07:30 AM
                           <span>F</span>
-                          <span><b>C</b>
-                                        </span>
+                          <span><b>C</b></span>
                         </div>
                       </div>
                     </div>
                     <div class="row">
                       <div class="col-sm-4">
                         <div class="weather-icon">
-                          <span>
-                                            <canvas height="84" width="84" id="partly-cloudy-day"></canvas>
-                                        </span>
-
+                          <canvas height="84" width="84" id="partly-cloudy-day"></canvas>
                         </div>
                       </div>
                       <div class="col-sm-8">
                         <div class="weather-text">
-                          <h2>Texas
-                                            <br><i>Partly Cloudy Day</i>
-                                        </h2>
+                          <h2>Texas <br><i>Partly Cloudy Day</i></h2>
                         </div>
                       </div>
                     </div>
@@ -977,22 +970,16 @@ <h2>Texas
                         <h3 class="degrees">23</h3>
                       </div>
                     </div>
-                    <div class="clearfix"></div>
 
+                    <div class="clearfix"></div>
 
                     <div class="row weather-days">
                       <div class="col-sm-2">
                         <div class="daily-weather">
                           <h2 class="day">Mon</h2>
                           <h3 class="degrees">25</h3>
-                          <span>
-                                                <canvas id="clear-day" width="32" height="32">
-                                                </canvas>
-
-                                        </span>
-                          <h5>15
-                                            <i>km/h</i>
-                                        </h5>
+                          <canvas id="clear-day" width="32" height="32"></canvas>
+                          <h5>15 <i>km/h</i></h5>
                         </div>
                       </div>
                       <div class="col-sm-2">
@@ -1000,9 +987,7 @@ <h5>15
                           <h2 class="day">Tue</h2>
                           <h3 class="degrees">25</h3>
                           <canvas height="32" width="32" id="rain"></canvas>
-                          <h5>12
-                                            <i>km/h</i>
-                                        </h5>
+                          <h5>12 <i>km/h</i></h5>
                         </div>
                       </div>
                       <div class="col-sm-2">
@@ -1010,9 +995,7 @@ <h5>12
                           <h2 class="day">Wed</h2>
                           <h3 class="degrees">27</h3>
                           <canvas height="32" width="32" id="snow"></canvas>
-                          <h5>14
-                                            <i>km/h</i>
-                                        </h5>
+                          <h5>14 <i>km/h</i></h5>
                         </div>
                       </div>
                       <div class="col-sm-2">
@@ -1020,9 +1003,7 @@ <h5>14
                           <h2 class="day">Thu</h2>
                           <h3 class="degrees">28</h3>
                           <canvas height="32" width="32" id="sleet"></canvas>
-                          <h5>15
-                                            <i>km/h</i>
-                                        </h5>
+                          <h5>15 <i>km/h</i></h5>
                         </div>
                       </div>
                       <div class="col-sm-2">
@@ -1030,9 +1011,7 @@ <h5>15
                           <h2 class="day">Fri</h2>
                           <h3 class="degrees">28</h3>
                           <canvas height="32" width="32" id="wind"></canvas>
-                          <h5>11
-                                            <i>km/h</i>
-                                        </h5>
+                          <h5>11 <i>km/h</i></h5>
                         </div>
                       </div>
                       <div class="col-sm-2">
@@ -1040,9 +1019,7 @@ <h5>11
                           <h2 class="day">Sat</h2>
                           <h3 class="degrees">26</h3>
                           <canvas height="32" width="32" id="cloudy"></canvas>
-                          <h5>10
-                                            <i>km/h</i>
-                                        </h5>
+                          <h5>10 <i>km/h</i></h5>
                         </div>
                       </div>
                       <div class="clearfix"></div>
@@ -1055,19 +1032,18 @@ <h5>10
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/index2.html b/production/index2.html
index 6d501dbee..6a517dffc 100755
--- a/production/index2.html
+++ b/production/index2.html
@@ -785,21 +785,18 @@ <h2>Top Profiles <small>Sessions</small></h2>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
-
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/index3.html b/production/index3.html
index 4697c49b1..7515412a4 100755
--- a/production/index3.html
+++ b/production/index3.html
@@ -880,22 +880,18 @@ <h4>Goal</h4>
             </div>
           </div>
         </div>
-      </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
-
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/invoice.html b/production/invoice.html
index d6a0e2659..2704ec39f 100755
--- a/production/invoice.html
+++ b/production/invoice.html
@@ -521,20 +521,18 @@ <h1>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/js/custom.js b/production/js/custom.js
index a7487ff0f..e7ddc4501 100755
--- a/production/js/custom.js
+++ b/production/js/custom.js
@@ -30,20 +30,24 @@ $(function () {
         else {
             if ($(this).is('.active')) {
                 $(this).removeClass('active');
-                $('ul', this).slideUp();
+                $('ul', this).slideUp(function() {
+                    setContentHeight();
+                });
             } else {
                 $SIDEBAR_MENU.find('li').removeClass('active');
                 $SIDEBAR_MENU.find('li ul').slideUp();
                 
                 $(this).addClass('active');
-                $('ul', this).slideDown();
+                $('ul', this).slideDown(function() {
+                    setContentHeight();
+                });
             }
         }
     });
 
     $MENU_TOGGLE.on('click', function() {
         if ($BODY.hasClass('nav-md')) {
-            $BODY.removeClass('nav-md').addClass('nav-sm');
+            $BODY.removeClass('nav-md').addClass('nav-sm', 1000);
             $LEFT_COL.removeClass('scroll-view').removeAttr('style');
             $SIDEBAR_FOOTER.hide();
 
@@ -51,7 +55,7 @@ $(function () {
                 $SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active');
             }
         } else {
-            $BODY.removeClass('nav-sm').addClass('nav-md');
+            $BODY.removeClass('nav-sm').addClass('nav-md', 1000);
             $SIDEBAR_FOOTER.show();
 
             if ($SIDEBAR_MENU.find('li').hasClass('active-sm')) {
@@ -65,7 +69,29 @@ $(function () {
 
     $SIDEBAR_MENU.find('a').filter(function () {
         return this.href == URL;
-    }).parent('li').addClass('current-page').parent('ul').slideDown().parent().addClass('active');
+    }).parent('li').addClass('current-page').parent('ul').slideDown(function() {
+        setContentHeight();
+    }).parent().addClass('active');
+
+    // recompute content when resizing
+    $(window).smartresize(function(){  
+        setContentHeight();
+    });
+
+    // TODO: This is some kind of easy fix, maybe we can improve this
+    var setContentHeight = function () {
+        // reset height
+        $RIGHT_COL.css('min-height', $(window).height());
+
+        var bodyHeight = $BODY.height(),
+            leftColHeight = $LEFT_COL.height() + $SIDEBAR_FOOTER.height(),
+            contentHeight = bodyHeight < leftColHeight ? leftColHeight : bodyHeight;
+
+        // normalize content
+        contentHeight -= $NAV_MENU.height() + $FOOTER.height();
+
+        $RIGHT_COL.css('min-height', contentHeight);
+    };
 });
 
 // Panel toolbox
@@ -95,12 +121,6 @@ $(function () {
     });
 });
 
-// Right column height
-$(".right_col").css("min-height", $(window).height());
-$(window).resize(function () {
-    $(".right_col").css("min-height", $(window).height());
-});
-
 // Tooltip
 $(function () {
     $('[data-toggle="tooltip"]').tooltip();
@@ -324,4 +344,40 @@ if (typeof NProgress != 'undefined') {
     $(window).load(function () {
         NProgress.done();
     });
-}
\ No newline at end of file
+}
+
+/**
+ * Resize function without multiple trigger
+ * 
+ * Usage:
+ * $(window).smartresize(function(){  
+ *     // code here
+ * });
+ */
+(function($,sr){
+    // debouncing function from John Hann
+    // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+    var debounce = function (func, threshold, execAsap) {
+      var timeout;
+
+        return function debounced () {
+            var obj = this, args = arguments;
+            function delayed () {
+                if (!execAsap)
+                    func.apply(obj, args);
+                timeout = null; 
+            }
+
+            if (timeout)
+                clearTimeout(timeout);
+            else if (execAsap)
+                func.apply(obj, args);
+
+            timeout = setTimeout(delayed, threshold || 100); 
+        };
+    };
+
+    // smartresize 
+    jQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
+
+})(jQuery,'smartresize');
\ No newline at end of file
diff --git a/production/map.html b/production/map.html
index 402aa131c..8863b72d2 100755
--- a/production/map.html
+++ b/production/map.html
@@ -1,3 +1,4 @@
+<!-- TODO: Investigate this broken page -->
 <!DOCTYPE html>
 <html lang="en">
 
diff --git a/production/media_gallery.html b/production/media_gallery.html
index 56919e0ea..e2d52196e 100755
--- a/production/media_gallery.html
+++ b/production/media_gallery.html
@@ -560,20 +560,18 @@ <h2>Media Gallery <small> gallery design </small></h2>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/morisjs.html b/production/morisjs.html
index 8ef84ea2e..85dad3c4c 100755
--- a/production/morisjs.html
+++ b/production/morisjs.html
@@ -503,19 +503,18 @@ <h2>Line Graph <small>Sessions</small></h2>
             <!-- /line graph -->
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
@@ -536,8 +535,6 @@ <h2>Line Graph <small>Sessions</small></h2>
   <script src="js/moris/raphael-min.js"></script>
   <script src="js/moris/morris.min.js"></script>
   <script src="js/moris/example.js"></script>
-
-
 </body>
 
 </html>
diff --git a/production/other_charts.html b/production/other_charts.html
index fae963865..5516b1f9b 100755
--- a/production/other_charts.html
+++ b/production/other_charts.html
@@ -468,19 +468,18 @@ <h4>Sparkline Inline Graphs</h4>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/page_404.html b/production/page_404.html
index bc52d2f44..cf3aa6328 100755
--- a/production/page_404.html
+++ b/production/page_404.html
@@ -38,11 +38,8 @@
 
 
 <body class="nav-md">
-
   <div class="container body">
-
     <div class="main_container">
-
       <!-- page content -->
       <div class="col-md-12">
         <div class="col-middle">
@@ -68,9 +65,7 @@ <h3>Search</h3>
         </div>
       </div>
       <!-- /page content -->
-
     </div>
-    <!-- footer content -->
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/page_500.html b/production/page_500.html
index eefda6735..4cf279768 100755
--- a/production/page_500.html
+++ b/production/page_500.html
@@ -38,11 +38,8 @@
 
 
 <body class="nav-md">
-
   <div class="container body">
-
     <div class="main_container">
-
       <!-- page content -->
       <div class="col-md-12">
         <div class="col-middle">
@@ -68,9 +65,7 @@ <h3>Search</h3>
         </div>
       </div>
       <!-- /page content -->
-
     </div>
-    <!-- footer content -->
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/plain_page.html b/production/plain_page.html
index 131e855ec..41f624d68 100755
--- a/production/plain_page.html
+++ b/production/plain_page.html
@@ -1,368 +1,367 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <!-- Meta, title, CSS, favicons, etc. -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-  <!-- Meta, title, CSS, favicons, etc. -->
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Gentallela Alela! | </title>
 
-  <title>Gentallela Alela! | </title>
+    <!-- Bootstrap core CSS -->
 
-  <!-- Bootstrap core CSS -->
+    <link href="css/bootstrap.min.css" rel="stylesheet">
 
-  <link href="css/bootstrap.min.css" rel="stylesheet">
+    <link href="fonts/css/font-awesome.min.css" rel="stylesheet">
+    <link href="css/animate.min.css" rel="stylesheet">
 
-  <link href="fonts/css/font-awesome.min.css" rel="stylesheet">
-  <link href="css/animate.min.css" rel="stylesheet">
+    <!-- Custom styling plus plugins -->
+    <link href="css/custom.css" rel="stylesheet">
+    <link href="css/icheck/flat/green.css" rel="stylesheet">
 
-  <!-- Custom styling plus plugins -->
-  <link href="css/custom.css" rel="stylesheet">
-  <link href="css/icheck/flat/green.css" rel="stylesheet">
+    <script src="js/jquery.min.js"></script>
 
+    <!--[if lt IE 9]>
+      <script src="../assets/js/ie8-responsive-file-warning.js"></script>
+    <![endif]-->
 
-  <script src="js/jquery.min.js"></script>
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  </head>
 
-  <!--[if lt IE 9]>
-        <script src="../assets/js/ie8-responsive-file-warning.js"></script>
-        <![endif]-->
 
-  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-  <!--[if lt IE 9]>
-          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-        <![endif]-->
+  <body class="nav-md">
 
-</head>
+    <div class="container body">
 
 
-<body class="nav-md">
+      <div class="main_container">
 
-  <div class="container body">
+        <div class="col-md-3 left_col">
+          <div class="left_col scroll-view">
 
+            <div class="navbar nav_title" style="border: 0;">
+              <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
+            </div>
+            <div class="clearfix"></div>
 
-    <div class="main_container">
-
-      <div class="col-md-3 left_col">
-        <div class="left_col scroll-view">
-
-          <div class="navbar nav_title" style="border: 0;">
-            <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
-          </div>
-          <div class="clearfix"></div>
+            <!-- menu prile quick info -->
+            <div class="profile">
+              <div class="profile_pic">
+                <img src="images/img.jpg" alt="..." class="img-circle profile_img">
+              </div>
+              <div class="profile_info">
+                <span>Welcome,</span>
+                <h2>John Doe</h2>
+              </div>
+            </div>
+            <!-- /menu prile quick info -->
+
+            <br />
+
+            <!-- sidebar menu -->
+            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
+
+              <div class="menu_section">
+                <h3>General</h3>
+                <ul class="nav side-menu">
+                  <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
+                    <ul class="nav child_menu" style="display: none">
+                      <li><a href="index.html">Dashboard</a>
+                      </li>
+                      <li><a href="index2.html">Dashboard2</a>
+                      </li>
+                      <li><a href="index3.html">Dashboard3</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
+                    <ul class="nav child_menu" style="display: none">
+                      <li><a href="form.html">General Form</a>
+                      </li>
+                      <li><a href="form_advanced.html">Advanced Components</a>
+                      </li>
+                      <li><a href="form_validation.html">Form Validation</a>
+                      </li>
+                      <li><a href="form_wizards.html">Form Wizard</a>
+                      </li>
+                      <li><a href="form_upload.html">Form Upload</a>
+                      </li>
+                      <li><a href="form_buttons.html">Form Buttons</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
+                    <ul class="nav child_menu" style="display: none">
+                      <li><a href="general_elements.html">General Elements</a>
+                      </li>
+                      <li><a href="media_gallery.html">Media Gallery</a>
+                      </li>
+                      <li><a href="typography.html">Typography</a>
+                      </li>
+                      <li><a href="icons.html">Icons</a>
+                      </li>
+                      <li><a href="glyphicons.html">Glyphicons</a>
+                      </li>
+                      <li><a href="widgets.html">Widgets</a>
+                      </li>
+                      <li><a href="invoice.html">Invoice</a>
+                      </li>
+                      <li><a href="inbox.html">Inbox</a>
+                      </li>
+                      <li><a href="calendar.html">Calendar</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
+                    <ul class="nav child_menu" style="display: none">
+                      <li><a href="tables.html">Tables</a>
+                      </li>
+                      <li><a href="tables_dynamic.html">Table Dynamic</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a>
+                    <ul class="nav child_menu" style="display: none">
+                      <li><a href="chartjs.html">Chart JS</a>
+                      </li>
+                      <li><a href="chartjs2.html">Chart JS2</a>
+                      </li>
+                      <li><a href="morisjs.html">Moris JS</a>
+                      </li>
+                      <li><a href="echarts.html">ECharts </a>
+                      </li>
+                      <li><a href="other_charts.html">Other Charts </a>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </div>
+              <div class="menu_section">
+                <h3>Live On</h3>
+                <ul class="nav side-menu">
+                  <li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a>
+                    <ul class="nav child_menu" style="display: none">
+                      <li><a href="e_commerce.html">E-commerce</a>
+                      </li>
+                      <li><a href="projects.html">Projects</a>
+                      </li>
+                      <li><a href="project_detail.html">Project Detail</a>
+                      </li>
+                      <li><a href="contacts.html">Contacts</a>
+                      </li>
+                      <li><a href="profile.html">Profile</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
+                    <ul class="nav child_menu" style="display: none">
+                      <li><a href="page_404.html">404 Error</a>
+                      </li>
+                      <li><a href="page_500.html">500 Error</a>
+                      </li>
+                      <li><a href="plain_page.html">Plain Page</a>
+                      </li>
+                      <li><a href="login.html">Login Page</a>
+                      </li>
+                      <li><a href="pricing_tables.html">Pricing Tables</a>
+                      </li>
+
+                    </ul>
+                  </li>
+                  <li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
+                  </li>
+                </ul>
+              </div>
 
-          <!-- menu prile quick info -->
-          <div class="profile">
-            <div class="profile_pic">
-              <img src="images/img.jpg" alt="..." class="img-circle profile_img">
             </div>
-            <div class="profile_info">
-              <span>Welcome,</span>
-              <h2>John Doe</h2>
+            <!-- /sidebar menu -->
+
+            <!-- /menu footer buttons -->
+            <div class="sidebar-footer hidden-small">
+              <a data-toggle="tooltip" data-placement="top" title="Settings">
+                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
+              </a>
+              <a data-toggle="tooltip" data-placement="top" title="FullScreen">
+                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
+              </a>
+              <a data-toggle="tooltip" data-placement="top" title="Lock">
+                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
+              </a>
+              <a data-toggle="tooltip" data-placement="top" title="Logout">
+                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
+              </a>
             </div>
+            <!-- /menu footer buttons -->
           </div>
-          <!-- /menu prile quick info -->
+        </div>
 
-          <br />
+        <!-- top navigation -->
+        <div class="top_nav">
 
-          <!-- sidebar menu -->
-          <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
+          <div class="nav_menu">
+            <nav class="" role="navigation">
+              <div class="nav toggle">
+                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
+              </div>
 
-            <div class="menu_section">
-              <h3>General</h3>
-              <ul class="nav side-menu">
-                <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
-                  <ul class="nav child_menu" style="display: none">
-                    <li><a href="index.html">Dashboard</a>
-                    </li>
-                    <li><a href="index2.html">Dashboard2</a>
-                    </li>
-                    <li><a href="index3.html">Dashboard3</a>
-                    </li>
-                  </ul>
-                </li>
-                <li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
-                  <ul class="nav child_menu" style="display: none">
-                    <li><a href="form.html">General Form</a>
-                    </li>
-                    <li><a href="form_advanced.html">Advanced Components</a>
-                    </li>
-                    <li><a href="form_validation.html">Form Validation</a>
-                    </li>
-                    <li><a href="form_wizards.html">Form Wizard</a>
-                    </li>
-                    <li><a href="form_upload.html">Form Upload</a>
-                    </li>
-                    <li><a href="form_buttons.html">Form Buttons</a>
-                    </li>
-                  </ul>
-                </li>
-                <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
-                  <ul class="nav child_menu" style="display: none">
-                    <li><a href="general_elements.html">General Elements</a>
-                    </li>
-                    <li><a href="media_gallery.html">Media Gallery</a>
-                    </li>
-                    <li><a href="typography.html">Typography</a>
-                    </li>
-                    <li><a href="icons.html">Icons</a>
-                    </li>
-                    <li><a href="glyphicons.html">Glyphicons</a>
-                    </li>
-                    <li><a href="widgets.html">Widgets</a>
-                    </li>
-                    <li><a href="invoice.html">Invoice</a>
-                    </li>
-                    <li><a href="inbox.html">Inbox</a>
-                    </li>
-                    <li><a href="calendar.html">Calendar</a>
-                    </li>
-                  </ul>
-                </li>
-                <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
-                  <ul class="nav child_menu" style="display: none">
-                    <li><a href="tables.html">Tables</a>
-                    </li>
-                    <li><a href="tables_dynamic.html">Table Dynamic</a>
-                    </li>
-                  </ul>
-                </li>
-                <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a>
-                  <ul class="nav child_menu" style="display: none">
-                    <li><a href="chartjs.html">Chart JS</a>
-                    </li>
-                    <li><a href="chartjs2.html">Chart JS2</a>
-                    </li>
-                    <li><a href="morisjs.html">Moris JS</a>
+              <ul class="nav navbar-nav navbar-right">
+                <li class="">
+                  <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
+                    <img src="images/img.jpg" alt="">John Doe
+                    <span class=" fa fa-angle-down"></span>
+                  </a>
+                  <ul class="dropdown-menu dropdown-usermenu pull-right">
+                    <li><a href="javascript:;">  Profile</a>
+                    </li>
+                    <li>
+                      <a href="javascript:;">
+                        <span class="badge bg-red pull-right">50%</span>
+                        <span>Settings</span>
+                      </a>
                     </li>
-                    <li><a href="echarts.html">ECharts </a>
+                    <li>
+                      <a href="javascript:;">Help</a>
                     </li>
-                    <li><a href="other_charts.html">Other Charts </a>
+                    <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
                     </li>
                   </ul>
                 </li>
-              </ul>
-            </div>
-            <div class="menu_section">
-              <h3>Live On</h3>
-              <ul class="nav side-menu">
-                <li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a>
-                  <ul class="nav child_menu" style="display: none">
-                    <li><a href="e_commerce.html">E-commerce</a>
+
+                <li role="presentation" class="dropdown">
+                  <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
+                    <i class="fa fa-envelope-o"></i>
+                    <span class="badge bg-green">6</span>
+                  </a>
+                  <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
+                    <li>
+                      <a>
+                        <span class="image">
+                                          <img src="images/img.jpg" alt="Profile Image" />
+                                      </span>
+                        <span>
+                                          <span>John Smith</span>
+                        <span class="time">3 mins ago</span>
+                        </span>
+                        <span class="message">
+                                          Film festivals used to be do-or-die moments for movie makers. They were where...
+                                      </span>
+                      </a>
                     </li>
-                    <li><a href="projects.html">Projects</a>
+                    <li>
+                      <a>
+                        <span class="image">
+                                          <img src="images/img.jpg" alt="Profile Image" />
+                                      </span>
+                        <span>
+                                          <span>John Smith</span>
+                        <span class="time">3 mins ago</span>
+                        </span>
+                        <span class="message">
+                                          Film festivals used to be do-or-die moments for movie makers. They were where...
+                                      </span>
+                      </a>
                     </li>
-                    <li><a href="project_detail.html">Project Detail</a>
+                    <li>
+                      <a>
+                        <span class="image">
+                                          <img src="images/img.jpg" alt="Profile Image" />
+                                      </span>
+                        <span>
+                                          <span>John Smith</span>
+                        <span class="time">3 mins ago</span>
+                        </span>
+                        <span class="message">
+                                          Film festivals used to be do-or-die moments for movie makers. They were where...
+                                      </span>
+                      </a>
                     </li>
-                    <li><a href="contacts.html">Contacts</a>
+                    <li>
+                      <a>
+                        <span class="image">
+                                          <img src="images/img.jpg" alt="Profile Image" />
+                                      </span>
+                        <span>
+                                          <span>John Smith</span>
+                        <span class="time">3 mins ago</span>
+                        </span>
+                        <span class="message">
+                                          Film festivals used to be do-or-die moments for movie makers. They were where...
+                                      </span>
+                      </a>
                     </li>
-                    <li><a href="profile.html">Profile</a>
+                    <li>
+                      <div class="text-center">
+                        <a>
+                          <strong>See All Alerts</strong>
+                          <i class="fa fa-angle-right"></i>
+                        </a>
+                      </div>
                     </li>
                   </ul>
                 </li>
-                <li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
-                  <ul class="nav child_menu" style="display: none">
-                    <li><a href="page_404.html">404 Error</a>
-                    </li>
-                    <li><a href="page_500.html">500 Error</a>
-                    </li>
-                    <li><a href="plain_page.html">Plain Page</a>
-                    </li>
-                    <li><a href="login.html">Login Page</a>
-                    </li>
-                    <li><a href="pricing_tables.html">Pricing Tables</a>
-                    </li>
 
-                  </ul>
-                </li>
-                <li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
-                </li>
               </ul>
-            </div>
-
-          </div>
-          <!-- /sidebar menu -->
-
-          <!-- /menu footer buttons -->
-          <div class="sidebar-footer hidden-small">
-            <a data-toggle="tooltip" data-placement="top" title="Settings">
-              <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
-            </a>
-            <a data-toggle="tooltip" data-placement="top" title="FullScreen">
-              <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
-            </a>
-            <a data-toggle="tooltip" data-placement="top" title="Lock">
-              <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
-            </a>
-            <a data-toggle="tooltip" data-placement="top" title="Logout">
-              <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
-            </a>
+            </nav>
           </div>
-          <!-- /menu footer buttons -->
-        </div>
-      </div>
-
-      <!-- top navigation -->
-      <div class="top_nav">
-
-        <div class="nav_menu">
-          <nav class="" role="navigation">
-            <div class="nav toggle">
-              <a id="menu_toggle"><i class="fa fa-bars"></i></a>
-            </div>
 
-            <ul class="nav navbar-nav navbar-right">
-              <li class="">
-                <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-                  <img src="images/img.jpg" alt="">John Doe
-                  <span class=" fa fa-angle-down"></span>
-                </a>
-                <ul class="dropdown-menu dropdown-usermenu pull-right">
-                  <li><a href="javascript:;">  Profile</a>
-                  </li>
-                  <li>
-                    <a href="javascript:;">
-                      <span class="badge bg-red pull-right">50%</span>
-                      <span>Settings</span>
-                    </a>
-                  </li>
-                  <li>
-                    <a href="javascript:;">Help</a>
-                  </li>
-                  <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
-                  </li>
-                </ul>
-              </li>
-
-              <li role="presentation" class="dropdown">
-                <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
-                  <i class="fa fa-envelope-o"></i>
-                  <span class="badge bg-green">6</span>
-                </a>
-                <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
-                  <li>
-                    <a>
-                      <span class="image">
-                                        <img src="images/img.jpg" alt="Profile Image" />
-                                    </span>
-                      <span>
-                                        <span>John Smith</span>
-                      <span class="time">3 mins ago</span>
-                      </span>
-                      <span class="message">
-                                        Film festivals used to be do-or-die moments for movie makers. They were where...
-                                    </span>
-                    </a>
-                  </li>
-                  <li>
-                    <a>
-                      <span class="image">
-                                        <img src="images/img.jpg" alt="Profile Image" />
-                                    </span>
-                      <span>
-                                        <span>John Smith</span>
-                      <span class="time">3 mins ago</span>
-                      </span>
-                      <span class="message">
-                                        Film festivals used to be do-or-die moments for movie makers. They were where...
-                                    </span>
-                    </a>
-                  </li>
-                  <li>
-                    <a>
-                      <span class="image">
-                                        <img src="images/img.jpg" alt="Profile Image" />
-                                    </span>
-                      <span>
-                                        <span>John Smith</span>
-                      <span class="time">3 mins ago</span>
-                      </span>
-                      <span class="message">
-                                        Film festivals used to be do-or-die moments for movie makers. They were where...
-                                    </span>
-                    </a>
-                  </li>
-                  <li>
-                    <a>
-                      <span class="image">
-                                        <img src="images/img.jpg" alt="Profile Image" />
-                                    </span>
-                      <span>
-                                        <span>John Smith</span>
-                      <span class="time">3 mins ago</span>
-                      </span>
-                      <span class="message">
-                                        Film festivals used to be do-or-die moments for movie makers. They were where...
-                                    </span>
-                    </a>
-                  </li>
-                  <li>
-                    <div class="text-center">
-                      <a>
-                        <strong>See All Alerts</strong>
-                        <i class="fa fa-angle-right"></i>
-                      </a>
-                    </div>
-                  </li>
-                </ul>
-              </li>
-
-            </ul>
-          </nav>
         </div>
+        <!-- /top navigation -->
+
+        <!-- page content -->
+        <div class="right_col" role="main">
+          <div class="">
+            <div class="page-title">
+              <div class="title_left">
+                <h3>Plain Page</h3>
+              </div>
 
-      </div>
-      <!-- /top navigation -->
-
-      <!-- page content -->
-      <div class="right_col" role="main">
-        <div class="">
-          <div class="page-title">
-            <div class="title_left">
-              <h3>Plain Page</h3>
-            </div>
-
-            <div class="title_right">
-              <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
-                <div class="input-group">
-                  <input type="text" class="form-control" placeholder="Search for...">
-                  <span class="input-group-btn">
-                            <button class="btn btn-default" type="button">Go!</button>
-                        </span>
+              <div class="title_right">
+                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
+                  <div class="input-group">
+                    <input type="text" class="form-control" placeholder="Search for...">
+                    <span class="input-group-btn">
+                              <button class="btn btn-default" type="button">Go!</button>
+                          </span>
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
-          <div class="clearfix"></div>
-
-          <div class="row">
-
-            <div class="col-md-12 col-sm-12 col-xs-12">
-              <div class="x_panel" style="height:600px;">
-                <div class="x_title">
-                  <h2>Plain Page</h2>
-                  <ul class="nav navbar-right panel_toolbox">
-                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
-                    </li>
-                    <li class="dropdown">
-                      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
-                      <ul class="dropdown-menu" role="menu">
-                        <li><a href="#">Settings 1</a>
-                        </li>
-                        <li><a href="#">Settings 2</a>
-                        </li>
-                      </ul>
-                    </li>
-                    <li><a class="close-link"><i class="fa fa-close"></i></a>
-                    </li>
-                  </ul>
-                  <div class="clearfix"></div>
+            <div class="clearfix"></div>
+
+            <div class="row">
+
+              <div class="col-md-12 col-sm-12 col-xs-12">
+                <div class="x_panel" style="height:600px;">
+                  <div class="x_title">
+                    <h2>Plain Page</h2>
+                    <ul class="nav navbar-right panel_toolbox">
+                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
+                      </li>
+                      <li class="dropdown">
+                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
+                        <ul class="dropdown-menu" role="menu">
+                          <li><a href="#">Settings 1</a>
+                          </li>
+                          <li><a href="#">Settings 2</a>
+                          </li>
+                        </ul>
+                      </li>
+                      <li><a class="close-link"><i class="fa fa-close"></i></a>
+                      </li>
+                    </ul>
+                    <div class="clearfix"></div>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
+        <!-- /page content -->
 
         <!-- footer content -->
         <footer>
@@ -373,30 +372,24 @@ <h2>Plain Page</h2>
         </footer>
         <!-- /footer content -->
       </div>
-      <!-- /page content -->
     </div>
 
-  </div>
-
-  <div id="custom_notifications" class="custom-notifications dsp_none">
-    <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
-    </ul>
-    <div class="clearfix"></div>
-    <div id="notif-group" class="tabbed_notifications"></div>
-  </div>
-
-  <script src="js/bootstrap.min.js"></script>
-
-  <!-- bootstrap progress js -->
-  <script src="js/progressbar/bootstrap-progressbar.min.js"></script>
-  <!-- icheck -->
-  <script src="js/icheck/icheck.min.js"></script>
+    <div id="custom_notifications" class="custom-notifications dsp_none">
+      <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group"></ul>
+      <div class="clearfix"></div>
+      <div id="notif-group" class="tabbed_notifications"></div>
+    </div>
 
-  <script src="js/custom.js"></script>
+    <script src="js/bootstrap.min.js"></script>
 
-  <!-- pace -->
-  <script src="js/pace/pace.min.js"></script>
+    <!-- bootstrap progress js -->
+    <script src="js/progressbar/bootstrap-progressbar.min.js"></script>
+    <!-- icheck -->
+    <script src="js/icheck/icheck.min.js"></script>
 
-</body>
+    <script src="js/custom.js"></script>
 
-</html>
+    <!-- pace -->
+    <script src="js/pace/pace.min.js"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/production/pricing_tables.html b/production/pricing_tables.html
index d7a65c81c..f1f29e05d 100755
--- a/production/pricing_tables.html
+++ b/production/pricing_tables.html
@@ -501,27 +501,24 @@ <h1>$25</h1>
                       </div>
                       <!-- price element -->
                     </div>
-
                   </div>
                 </div>
-
               </div>
             </div>
           </div>
         </div>
-        
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/profile.html b/production/profile.html
index 4d1cd029e..27e9138dc 100755
--- a/production/profile.html
+++ b/production/profile.html
@@ -663,20 +663,18 @@ <h4 class="heading">Brian Michaels</h4>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/project_detail.html b/production/project_detail.html
index 97a0bebf4..38ae25234 100755
--- a/production/project_detail.html
+++ b/production/project_detail.html
@@ -500,20 +500,18 @@ <h5>Project files</h5>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/projects.html b/production/projects.html
index 20ca6fa24..ac225855a 100755
--- a/production/projects.html
+++ b/production/projects.html
@@ -706,20 +706,18 @@ <h2>Projects</h2>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/sign_up.html b/production/sign_up.html
index 07d012214..e926ebe84 100755
--- a/production/sign_up.html
+++ b/production/sign_up.html
@@ -1,3 +1,4 @@
+<!-- TODO: Investigate this broken page -->
 <!DOCTYPE html>
 <html lang="en">
 
@@ -25,25 +26,19 @@
   <script src="js/jquery.min.js"></script>
 
   <!--[if lt IE 9]>
-        <script src="../assets/js/ie8-responsive-file-warning.js"></script>
-        <![endif]-->
+    <script src="../assets/js/ie8-responsive-file-warning.js"></script>
+  <![endif]-->
 
   <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
   <!--[if lt IE 9]>
-          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-        <![endif]-->
-
+    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+  <![endif]-->
 </head>
 
-
 <body class="nav-md">
-
   <div class="container body">
-
-
     <div class="main_container">
-
       <div class="col-md-3 left_col">
         <div class="left_col scroll-view">
 
@@ -269,17 +264,10 @@ <h3>Live On</h3>
             </ul>
           </nav>
         </div>
-
       </div>
       <div class="clearfix"></div>
       <!-- /top navigation -->
-
-      <!-- page content -->
-
-      <!-- /page content -->
     </div>
-
-    <!-- footer content -->
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/tables.html b/production/tables.html
index bc3509ee6..909657e8d 100755
--- a/production/tables.html
+++ b/production/tables.html
@@ -770,18 +770,17 @@ <h2>Table design <small>Custom design</small></h2>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
+
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
     </div>
 
   </div>
diff --git a/production/tables_dynamic.html b/production/tables_dynamic.html
index f11d5a214..d5f516c9d 100755
--- a/production/tables_dynamic.html
+++ b/production/tables_dynamic.html
@@ -3035,18 +3035,17 @@ <h2>Responsive example <small>Users</small></h2>
                   </div>
                 </div>
               </div>
-              
-              <!-- footer content -->
-              <footer>
-                <div class="pull-right">
-                  Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-                </div>
-                <div class="clearfix"></div>
-              </footer>
-              <!-- /footer content -->
-
             </div>
             <!-- /page content -->
+
+            <!-- footer content -->
+            <footer>
+              <div class="pull-right">
+                Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+              </div>
+              <div class="clearfix"></div>
+            </footer>
+            <!-- /footer content -->
           </div>
 
         </div>
diff --git a/production/typography.html b/production/typography.html
index bd2da1da2..ee625b4b0 100755
--- a/production/typography.html
+++ b/production/typography.html
@@ -393,29 +393,25 @@ <h4>Labels and badges</h4>
                     <span class="label label-info">Info</span>
                     <span class="label label-warning">Warning</span>
                     <span class="label label-danger">Danger</span>
-
                     <span class="badge badge-success">42</span>
                   </div>
-
                 </div>
               </div>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
-    </div>
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
+    </div>
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">
diff --git a/production/widgets.html b/production/widgets.html
index 00694272e..6b9d2436b 100755
--- a/production/widgets.html
+++ b/production/widgets.html
@@ -923,21 +923,18 @@ <h2>Tally Design4</h2>
             </div>
           </div>
         </div>
-
-        <!-- footer content -->
-        <footer>
-          <div class="pull-right">
-            Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
-          </div>
-          <div class="clearfix"></div>
-        </footer>
-        <!-- /footer content -->
-
       </div>
       <!-- /page content -->
 
+      <!-- footer content -->
+      <footer>
+        <div class="pull-right">
+          Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
+        </div>
+        <div class="clearfix"></div>
+      </footer>
+      <!-- /footer content -->
     </div>
-
   </div>
 
   <div id="custom_notifications" class="custom-notifications dsp_none">