Make footer fix on bottom

production/calendar.html

@@ -369,98 +369,95 @@
             </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>

production/chartjs.html

@@ -501,23 +501,20 @@
                 </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">

production/chartjs2.html

@@ -493,25 +493,22 @@
                 </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">

production/contacts.html

@@ -360,7 +360,7 @@
                     <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 @@
                           <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 @@
                           <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 @@
                           <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 @@
                           <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 @@
                           <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 @@
                           <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 @@
                           <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 @@
                           <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 @@
                           <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">

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;

production/e_commerce.html

@@ -494,20 +494,18 @@
             </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">

production/echarts.html

@@ -677,30 +677,24 @@
                   <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">

production/empty.html

@@ -134,7 +134,7 @@
                         <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 @@
 
                 </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">

production/form.html

@@ -1373,22 +1373,20 @@
                 </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>
 

production/form_advanced.html

@@ -1794,19 +1794,18 @@
             </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">