el mensaje indica que estas usando una funcion **XMLHttpRequest** deprecada (muy desfaZada).

Estas agregando tres versiones de jquery:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script src="includes/jquery-3.3.1.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

y 2 versiones de bootstrap

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>

Eso genera graves conflictos.

Te recomiendo agregar en la parte superior los archivos .css, y al pie del html los .js (plugins), y finalmente tu .js personalizado.