index.html

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Datepicker -->
    <link href="css/datepicker.css" rel="stylesheet" media="screen">

    <!-- JQueryUI Style -->
    <link href="css/smoothness/jquery-ui.custom.min.css" rel="stylesheet">

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

    <!-- style -->
    <link href="css/rdform.css" rel="stylesheet" media="screen">

    <style type="text/css">
    body {
        background: url("img/noise.png"), -o-linear-gradient(top, #F4F4F4 0px, #EEEEEE 100%) transparent;
        background: url("img/noise.png") repeat scroll 0% 0%, -moz-linear-gradient(center top , #F4F4F4 0%, #EEEEEE 100%) repeat scroll 0% 0% transparent;
    }
    .container {
        border: 1px solid lightGray;
        padding: 2% 8%;
        border-radius: 10px;
        margin: 10px auto;
        background: white;
        max-width: 960px;
    }
    </style>

    <title>RDForm</title>
</head>
<body>

<div class="container">
    <h1>Welcome to RDForm!</h1>

    <!-- the form container -->
    <form action="#" class="form-horizontal rdform" role="form"></form>
</div>


    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <!-- Bootstrap components -->
    <!--<script src="js/bootstrap.min.js"></script>-->

    <!-- Datepicker  http://www.eyecon.ro/bootstrap-datepicker/ -->
    <!--<script src="js/bootstrap-datepicker.js"></script>-->

    <!-- JQuery UI -->
    <script src="js/jquery-ui.custom.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jsonld/1.0.0/jsonld.min.js"></script>

    <!-- own stuff -->
    <script src="js/rdform.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){
        $('.rdform').RDForm({
            template: "templates/form.html",
            hooks: "js/hooks/hooks.js",
            debug: true,
            verbose: true,

            submit: function() {
                console.log( JSON.stringify(this, null, '\t') );
            }
        });
    });
    </script>

</body>
</html>