           <footer class="footer" style="background-color:#4F0B33;margin-top:-16px;padding-top:5px;padding-bottom:5px">

                    <div class="container-fluid">

                      <div class="copyright float-right" style="color: azure;">

                        &copy;

                        <script>

                          document.write(new Date().getFullYear())

                        </script>©Copyright All right<i class="material-icons"></i> by Shezan.be

                      </div>

                    </div>

                  </footer>

                </div>

              </div>

 <!--   Core JS Files   -->

  <script src="../assets/js/core/jquery.min.js"></script>

  <script src="../assets/js/core/popper.min.js"></script>

  <script src="../assets/js/core/bootstrap-material-design.min.js"></script>

  <script src="../assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>

  <!-- Plugin for the momentJs  -->

  <script src="../assets/js/plugins/moment.min.js"></script>

  <!--  Plugin for Sweet Alert -->

  <script src="../assets/js/plugins/sweetalert2.js"></script>

  <!-- Forms Validations Plugin -->

  <script src="../assets/js/plugins/jquery.validate.min.js"></script>

  <!-- Plugin for the Wizard, full documentation here: https://github.com/VinceG/twitter-bootstrap-wizard -->

  <script src="../assets/js/plugins/jquery.bootstrap-wizard.js"></script>

  <!--	Plugin for Select, full documentation here: http://silviomoreto.github.io/bootstrap-select -->

  <script src="../assets/js/plugins/bootstrap-selectpicker.js"></script>

  <!--  Plugin for the DateTimePicker, full documentation here: https://eonasdan.github.io/bootstrap-datetimepicker/ -->

  <script src="../assets/js/plugins/bootstrap-datetimepicker.min.js"></script>

  <!--  DataTables.net Plugin, full documentation here: https://datatables.net/  -->

  <script src="../assets/js/plugins/jquery.dataTables.min.js"></script>

  <!--	Plugin for Tags, full documentation here: https://github.com/bootstrap-tagsinput/bootstrap-tagsinputs  -->

  <script src="../assets/js/plugins/bootstrap-tagsinput.js"></script>

  <!-- Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->

  <script src="../assets/js/plugins/jasny-bootstrap.min.js"></script>

  <!--  Full Calendar Plugin, full documentation here: https://github.com/fullcalendar/fullcalendar    -->

  <script src="../assets/js/plugins/fullcalendar.min.js"></script>

  <!--  Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->

  <script src="../assets/js/plugins/nouislider.min.js"></script>

  <!--  Google Maps Plugin    -->

  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB2Yno10-YTnLjjn_Vtk0V8cdcY5lC4plU"></script>

  <!--  Notifications Plugin    -->

  <script src="../assets/js/plugins/bootstrap-notify.js"></script>

  <!-- Control Center for Material Dashboard: parallax effects, scripts for the example pages etc -->

  <script src="../assets/js/material-dashboard.minf066.js?v=2.1.0" type="text/javascript"></script>

  <!-- Material Dashboard DEMO methods, don't include it in your project! -->

  <script src="../assets/demo/demo.js"></script>

  <noscript>

    <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=111649226022273&amp;ev=PageView&amp;noscript=1" />

  </noscript>

  <script>

    $(document).ready(function() {

      $('#datatables').DataTable({

        "pagingType": "full_numbers",

        "lengthMenu": [

          [10, 25, 50, -1],

          [10, 25, 50, "All"]

        ],

        responsive: true,

        language: {

          search: "_INPUT_",

          searchPlaceholder: "Search records",

        }

      });



    });

  </script>

</body>

